@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap');
body{font-family:'Fira Sans', sans-serif!important; font-size:14px; margin:0 auto;padding:0!important;color: #1d2124!important;  -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;background-color: #F6FAFD!important;}
h1, h2, h3, h4, h5{font-family: 'Fira Sans', sans-serif!important; font-weight:600!important; color: #1D2124}
h6{ font-weight: normal}
p, span, small, li{color:#5e737d!important;}
/**custom button**/

.btn:focus{ outline: none!important; box-shadow:none!important}
.btn-dark{ background-color:#C14998!important; border-color:#C14998!important; border-radius: 26px!important;padding: 6px 20px !important; color:#fff!important;font-size: 18px!important;    min-width: 99px;}
.btn-dark:hover{ color:#C14998!important; background-color: transparent!important}
.btn-light{background-color:transparent; border-color:#C14998!important; border-radius: 26px!important; padding: 7px 15px!important;min-width: 8%; color:#C14998!important;  font-size: 14px!important}
.btn-light:hover{ color:#fff!important; background-color:#C14998!important}
.btn-light-active{background-color:#C14998!important; border-color:#C14998!important; border-radius: 26px!important; padding-left: 15px!important; padding-right: 15px!important; color:#fff!important; padding-top: 4px!important; padding-bottom: 4px!important; font-size: 14px!important}
.btn-light-active:hover{ color:#fff!important; background-color:#C14998!important}
.btn-purpel{background-color:transparent; border-color:#8954BA!important; border-radius: 26px!important;  padding: 6px 20px !important; color:#8954BA!important;  font-size: 18px!important; min-width: 99px;}
.btn-purpel:hover{ color:#fff!important; background-color:#8954BA!important}
.btn-info{ background-color: #8954BA !important; border-color: #8954BA !important; border-radius: 26px !important; padding: 7px 15px !important; color: #fff !important; min-width: 8%;}
.btn-info:hover{ color:#8954BA!important; background-color:transparent!important}
.btn-success{ border-radius: 26px!important; padding: 7px 15px!important;min-width: 8%;}
.btn-success:hover{ color:#198754!important; background-color:transparent!important}
.btn-next{background-color:#C14998!important; border-color:#C14998!important; border-radius: 26px!important;  color:#fff!important; padding: 7px 15px!important;min-width: 8%;}
.btn-next:hover{ color:#C14998!important; background-color:transparent!important}
.btn-all{background-color:#C14998!important; border-color:#C14998!important; border-radius: 26px!important;padding: 7px 15px!important; min-width: 8%; color:#fff!important; }
.btn-all:hover{ color:#C14998!important; background-color:transparent!important}
.btn-chapter{ background-color:#C14998!important; border-color:#C14998!important; border-radius: 26px!important; padding: 7px 15px!important; min-width: 8%;color:#fff!important;    font-size: 13px!important}
.btn-chapter:hover{ color:#C14998!important; background-color: transparent!important}
.btn-assessment{background-color:transparent; border-color:#8954BA!important; border-radius: 26px!important; padding: 7px 15px!important; min-width: 8%; color:#8954BA!important;  font-size: 14px!important}
.btn-assessment:hover{ color:#fff!important; background-color:#8954BA!important}
.btn-defoult{ background-color:#C14998!important; border-color:#C14998!important; border-radius: 26px!important; padding: 7px 15px!important;min-width: 8%; color:#fff!important;    font-size: 16px!important}
.btn-defoult:hover{ color:#C14998!important; background-color: transparent!important}
#prevBtn, #nextBtn{padding: 10px 25px !important; min-width: 120px;font-size: 18px;}
/**custom button**/
/**Table header css here**/
.table-primarybg{ background: #8954BA!important}
/**Table header css end here**/
/**new signp before page css**/
.nav-item.page-tour { line-height: 40px; padding-right: 15px;}
/*.sticky { text-align: center;  position: fixed; background: #fff; left: 0;  right: 0; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: translateY(0px); transform: translateY(0px);background: #fff;z-index: 999;}*/
.sticky-top {position: fixed !important; top: 0 !important; z-index: 1020 !important; background: #fff !important;}
.nav-item.page-tour a{ color: #333; text-decoration: none;}
.nav-item.page-tour a i{ color: #c14998!important;}
.intro_center_wrap {float: left;width: 100%;margin-top: 7%;}
.login_user h1{font-size: 28px;color: #1d2124;font-weight: 800; padding-bottom: 20px;float: left;width: 100%;}
.user_login_content p{ font-size:18px; color:#1d2124;float: left; width: 100%;}
.got_it_btn {background: #c14998;color: #fff;}
.got_it_btn:hover{ background: #dd66b4; color:#fff!important;}
.pro_container {display: block;position: relative;padding-left: 35px; margin-bottom: 20px;cursor: pointer;font-size: 18px; font-weight:500;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.pro_container input {position: absolute;opacity: 0; cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 2px;left: 0;height: 25px;width: 25px;background-color:transparent;border: solid 1px #bcc9d1}
.pro_container:hover input ~ .checkmark {background-color: #fff;}
.pro_container input:checked ~ .checkmark {background-color: #9c57e8;}
.checkmark:after { content: ""; position: absolute;display: none;}
.pro_container input:checked ~ .checkmark:after {display: block;}
.pro_container .checkmark:after {left: 8px;top: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}
.professional_check ul{ list-style:none; padding:0}
.professional_check ul li{float: left;width: 50%;}
.combined_box h2 {font-size: 18px; font-weight: 700;text-align: center;}
.combined_box p{ font-size:16px; text-align:center}
.student_graphic {float: left; width: 100%;text-align: center;}
.combined_box h4{font-weight: 600;text-align: center;padding-top: 15px;float: left;width: 100%;}
.intro_img {float: left;width: 100%;text-align: center;}
.intro_center_wrap.academic-info { margin-top: 2%;}
.acadmic_header { float: left; width: 100%; margin-bottom: 5%;}
.acadmic_option {float: left; width: 100%;padding-bottom: 20px;}
.acadmic_option ul{ list-style:none; padding:0px}
.acadmic_option ul li{ float:left; width:33.33%; font-size: 16px; font-weight: 600}
.acadmic_option ul li:nth-child(2){text-align:center}
.acadmic_option ul li:last-child{ text-align:right}
.acadmic_wrap { width: 100%; position: relative; align-items: center; display: flex; justify-content: space-between;}
.acadmic_round{border-radius: 50%; flex-shrink: 0; background-color: #1d2124; height: 16px; width: 16px;}
.acadmic_round { float: left;}
.acadmic_row { position: absolute; background:#dbe2e6; height: 1px; left: 0; right: 0; z-index: -1;}
.d-select{background:#dbe2e6!important}
.professional_check {float: left; width: 100%;}
.acadmic_profile {float: left;width: 100%;    margin-top: 7%;}
.acadmic_place {width: 125px; margin: 0 auto;}
.acadmic_user {text-align: center; font-size: 20px; font-weight: 700;}
.acadmic_select { text-align: center; margin-top: 20px;}
.btn.upload_btn {border:solid 1px #8e3bd9;color: #fff;border-radius:29px!important;background-color: transparent; color:#8e3bd9; font-weight: 600; font-size: 16px!important}
.btn.upload_btn:focus{outline:none!important}
.upload_btn svg{ float:left}
.acadmic_form {float: left; width: 100%;margin-top: 2%;}
.acadmic_form h2{font-size: 28px;font-weight: 600; padding-bottom: 25px;}
.form_border_less{ border-radius:0px!important; border-left:0px!important; border-right:0px!important;border-top:0px!important; box-shadow:none!important; padding-left: 0px!important; background-color: transparent!important}
.uploader_acadmic {display: block;clear: both;margin: 0 auto; width: 100%;max-width: 600px;}
.uploader_acadmic label {
float: left;clear: both;width: 100%;padding: 2rem 1.5rem;text-align: center;background: #fff;border-radius: 7px;border: 2px dashed #eee; transition: all 0.2s ease;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.uploader_acadmic label:hover {border-color: #454cad;}
.uploader_acadmic label.hover {border: 3px solid #454cad; box-shadow: inset 0 0 0 6px #eee;}
.uploader_acadmic label.hover #start i.fa {transform: scale(0.8);opacity: 0.3;}
.uploader_acadmic #start {float: left; clear: both;width: 100%;}
.uploader_acadmic #start.hidden {display: none;}
.uploader_acadmic #start i.fa {font-size: 50px;margin-bottom: 1rem; transition: all 0.2s ease-in-out;}
.uploader_acadmic #response {float: left;clear: both;width: 100%;}
.uploader_acadmic #response.hidden { display: none;}
.uploader_acadmic #response #messages { margin-bottom: 0.5rem;}
.uploader_acadmic #file-image {display: inline; margin: 0 auto 0.5rem auto;width: auto; height: auto; max-width: 180px;}
.uploader_acadmic #file-image.hidden { display: none;}
.uploader_acadmic #notimage {display: block;float: left; clear: both;width: 100%;}
.uploader_acadmic #notimage.hidden { display: none;}
.uploader_acadmic progress,
.uploader_acadmic .progress {display: inline;clear: both;margin: 0 auto; width: 100%;max-width: 180px;height: 8px;border: 0; border-radius: 4px; background-color: #eee; overflow: hidden;}
.uploader_acadmic .progress[value]::-webkit-progress-bar {border-radius: 4px;background-color: #eee;}
.uploader_acadmic .progress[value]::-webkit-progress-value { background: linear-gradient(to right, #393f90 0%, #454cad 50%);border-radius: 4px;}
.uploader_acadmic .progress[value]::-moz-progress-bar {background: linear-gradient(to right, #393f90 0%, #454cad 50%);border-radius: 4px;}
.uploader_acadmic input[type=file] { display: none;}
.uploader_acadmic div {margin: 0 0 0.5rem 0;color: #5f6982;}
.uploader_acadmic .btn {display: inline-block;margin: 0.5rem 0.5rem 1rem 0.5rem;clear: both;font-family: inherit;font-weight: 700;font-size: 14px;text-decoration: none;text-transform: initial;border: none;border-radius: 0.2rem;outline: none;padding: 0 1rem;height: 36px;line-height: 36px;color: #fff!important;transition: all 0.2s ease-in-out;box-sizing: border-box; background: #c14998;border-color:#c14998; cursor: pointer;}
.dactiv_nav {color: #ccc;}
.acadmic_logo {float: left; width: 100%;text-align: center;padding-top: 2%;padding-bottom: 2%;}
.acadmic_logo img{width: 10%;}
.user_login_btn {float: left;width: 100%;text-align: center;}

/**dashboard Page css start**/
.serach_icon { position: absolute; right: 20px; top: 7px; color: #c14998!important;}
.user_nav { width:40px; height: 40px; float: right;}
.assment_mark{font-size: 14px!important; float: left; color: #333!important; line-height: 29px;}
.user_nav img{ object-fit: contain;  width: 40px; height: 100%;}
.navbar-nav .nav-link{padding:0px}
.body_container { float: left; width: 100%; background: url(../images/right_bg.svg) right top no-repeat scroll; height: 456px;}
.header .navbar-brand{width: 15%;}
.header { border-bottom: solid 1px #ddd;padding-left: 60px; padding-right: 60px;}
.header nav ul .nav-item.dropdown a::after{ content:inherit!important}
.header nav ul .nav-item.dropdown a span{color: #333;font-size:15px; padding-left:2px;}
.container_wrap{padding-left: 60px; padding-right: 60px; margin-top: 75px;}
.nav_side {float: left; width: 218px;}
.user_upload_img {float: left; width: 50px;  height: 50px;}
.user_p_detail { width:75%; padding-left: 10px;float: left;}
.user_upload_img img{ width: 100%;  border-radius: 0.6rem; height: 100%;  object-fit: contain;}
.user_p_detail h4 {font-size: 1rem; margin-bottom: 4px;}
.badge-bg{margin: 0px; text-decoration: none; border: 2px solid transparent; border-radius: 2px; padding: 1px 6px; background-color: #dbe2e6; color: rgb(29, 33, 36); font-weight: 700; float: left; font-size: 11px;}
.web_menu { float: left; width: 100%; margin-top: 15px;}
.web_menu ul{ list-style:none; padding: 0;}
.web_menu ul li{ float: left; width: 100%;}
.web_menu ul li a{ text-decoration:none;padding: 8px 16px; margin-bottom: 7px; margin-top: 7px; float: left; width: 100%; color: #1d2124;font-size: 14px;    display: flex
; align-items: center;}
.web_menu ul li a:hover { background-color: #f4f4f5; border-radius: 26px}
.web_menu ul li a span{ width: 21px; float: left; margin-right: 10px}
.web_menu ul li a span img{ width:21px;  height: 21px}
.web_menu ul li a.active{ color: #C14998; font-weight: 600}
.top_content { float: left; width: 100%; position: relative;}
.navigation a { background: #DBE2E6!important; border-radius: 26px!important; padding: 7px 20px!important; color: #1D2124!important;text-decoration: none!important; font-weight: 600!important;}
.page-section {width: 100%;float: left;    margin-top: 2%;margin-bottom: 2%;}
.navigation { width: 100%;top: 7.8%; padding-top: 15px;padding-bottom: 15px;}
.navigation.fixed-top{width:80.5%!important; left: inherit!important; top:6.6%!important; background: #fff;    border-bottom: solid 1px #ddd!important; position: fixed!important}
.navigation__link:hover { background-color: #aaa;}
.navigation__link.active {color: white;background-color: rgba(0, 0, 0, 0.1);}
.fixed-top{ background:#fff}
a.navigation__link.active{ background-color: #8954BA!important; color:#fff!important}
.container_h span{font-size: 0.9rem;padding-left: 15px;line-height: 40px;}
.my_section { float: left; width: 100%;}
.grid_container { border: 2px solid #dbe2e6; background: #fff; border-radius: 8px;padding: 10px; margin-bottom: 20px;float: left;width: 100%;}
.grid_container h4 {font-size: 1rem;}
.grid_box {float: left; width: 100%;}
.grid_list{float: left; width: 50%; font-size: 14px; padding-bottom: 10px;color: #5e737d;}
.grid_list strong, .job_detail_wrap p strong, .professinal_wrap p strong{ color: #1D2124!important;font-size: 13.5px;}
.grid_list strong{font-weight:600}
.grid_list img{width:14px; height: 14px}
.grid_footer { float: left; width: 100%; text-align: center;}
.container_h{ margin-bottom:2%}
.view_all {float: left; width: 100%;text-align: center;margin-top: 2%;margin-bottom: 2%;}
.sub_icon { float: left; width: 16%;}
.sub_icon img{ width:100%}
.totorial_sec {float: left; width: 84%; padding-left: 10px;}
.totorial_sec a{ color:#444; text-decoration: none;    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: clamp(14px, 1.06667vw, 14px); line-height: 140%;}
.totorial_sec h4{ margin-bottom:0px;min-height: 25px;}
.totorial_sec p{ font-size:14px;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: clamp(14px, 1.06667vw, 14px);
    line-height: 140%;}
.tutorial_footer {float: left; width: 100%; padding-top: 2%; padding-bottom: 2%;}
.btn-chapter span{ color:#fff!important}
.btn-chapter:hover span{ color:#C14998!important}
.btn-assessment span{ color:#8954BA!important}
.btn-assessment:hover span{ color:#fff!important}
.company_logo { text-align:center;}
.company_logo img {    width: 45%; height: 60px; object-fit: contain;}
.job_detail_wrap p{ font-size:14px; margin-bottom: 5px;}
.job_detail_wrap p span img{ width: 13px; height: 13px;}
.cpmplete_star { float: left; width: 100%; padding-bottom: 8px;font-size: 13px; color: #c9c5c5;}
.cpmplete_star .bi-star-fill{ color: #F7CD11}
.footer {float: left; width: 100%;background:#3F51B5;text-align: center; padding-bottom: 5px; padding-top: 5px;color: #fff;}
.network_header { float: left; width: 100%;}
.network_img {float: left; width: 20%;}
.network_img img{ width: 100%;border-radius: 15px;}
.network_right_text {float: left; width: 80%;padding-left: 10px;}
.network_right_text h3{font-size: 1.2rem;margin-bottom: 0;}
.network_right_text p{font-size:16px; margin-bottom: 0px!important}
.network_right_text p:last-child{font-size:14px}
.network_body {float: left;width: 100%;background: #f4f4f5;padding: 10px; margin-top: 20px;margin-bottom: 27px;}
.network_images {float: left;width: 100%;text-align: center;margin-bottom: 20px;}
.network_images img{ width: 40%; height: 120px;background-size: contain;}
.network_body h2 {font-size: 1.3rem;}
.network_add_people { float: left;width: 100%;}
.network_people {float: left;width: 14%;margin-right: 26px;}
.network_people img{ width:100%;border-radius: 15px;}
.network_add_cont { float: left; color: #333;font-size: 20px;line-height: 45px;}
.network_box {padding-left: 10px;padding-right: 10px;}
.network_box a{ text-decoration:none}
.mytat_user_location p{ font-size:15px}
.mytat_user_wrap {float: left;width: 100%;}
.mytat_user {float: left;width:15%;}
.mytat_user img{ width: 100%;border-radius: 15px;}
.mytat_user_recommand {float: left;width: 80%;padding-left: 10px;}
.mytat_user_recommand h5{font-size: 1rem;margin-bottom: 0;}
.mytat_user_recommand p{ font-size:14px}
.recomanded_banner {float: left;width: 100%;height: 90px;overflow: hidden;margin-top: 5px;}
.recomanded_banner img{ width:100%}
.mytat_user_pic {float: left;width: 25%;margin-top: -13%;margin-left: 10px;}
.mytat_user_pic img{ width:100%; border-radius:15px}
.mytat_add_btn {float: right;margin-top: 10px;}
.mytat_user_detail {float: left;width: 100%;margin-top: 25px;}
.mytat_user_name {float: left;width: 100%;}
.mytat_user_name h3{font-size: 1.4rem;}
.mytat_user_detail p{ margin-bottom: 0; font-size:15px}
.user_discription{ float:left; width: 100%; min-height:80px}
.user_contect {float: left;width: 100%;}
/**dashboard page css end here**/

/**profile page css here**/
.change_profile_bg {float: left;width: 100%;height: 300px;overflow: hidden;position: relative;}
.change_profile_bg img {position: absolute;top: -42%;width: 98%;right: 0;}
.user_profile_header {float: left;width: 100%;position: relative;}
.edit_user_pic {position: absolute;bottom: 54px;left: 56px;width: 152px;background: #f4f4f5;height: 152px;border-radius: 30px;overflow: hidden;box-shadow: 0px 1px 6px 0px rgba(214,204,204,0.75);-webkit-box-shadow: 0px 1px 6px 0px rgba(214,204,204,0.75);-moz-box-shadow: 0px 1px 6px 0px rgba(214,204,204,0.75);}
.edit_user_pic img{width:100%; object-fit: contain;height: 100%;}
.user_profile_name {float: left;width: 78%;padding-top: 20px;padding-left: 20%;}
.user_profile_name p{ font-size:14px; margin-bottom: 8px}
.user_profile_name p span img{width: 16px;height: 16px;float: left;margin-right: 10px;}
.user_profile_name h4{ font-size:2.4rem}
.profile_container h2, .profile_container h2 {font-size: 1.7rem;}
.profile_edit {float: right;padding-top: 4%;}
.banner_edit {position: absolute;right: 10px;bottom: 3%;}
.banner_edit i{ color:#333; padding: 10px;cursor: pointer;}
.banner_edit i:hover{ background:#8954BA; color:#fff; border-radius: 50px }
.image-upload > input {visibility:hidden;width:0;height:0; }
.form-control-plaintext{ border-bottom:solid 1px #ddd!important;    color: #77797b!important;}
.form-control-plaintext:focus{outline: none}
.About_profile:first-child{margin-top: 4%;}
.About_profile {float: left;width: 100%;margin-top: 1%;margin-bottom: 0%;}
.profile_container {float: left;padding-left: 13%;    width: 80%;}
.profile_container p{ font-size:14px}
.professinal_wrap {float: left;width: 100%;border-left: solid 2px #ddd;padding: 10px;}
.professinal_wrap p{ margin-bottom:8px}
.professinal_wrap:hover{box-shadow: 0px 1px 6px 0px rgba(214,204,204,0.75);-webkit-box-shadow: 0px 1px 6px 0px rgba(214,204,204,0.75);-moz-box-shadow: 0px 1px 6px 0px rgba(214,204,204,0.75); border-color:#8954BA }
.timeline_container {float: left;width: 100%; margin-bottom: 3%;}
.time-line_wrap {float: left;width: 100%;margin-top: 20%;}
.time_line_type ul{list-style:none; padding: 0}
.time_line_type ul li{float: left;width: 100%;border-bottom: solid 1px #ddd;margin-bottom: 20px;}
.time_line_type ul li a{color: #1D2124;text-decoration: none;font-size: 18px;line-height: 35px;width: 100%;float: left;}
.time_line_type ul li a span{font-size:18px}
.time_line_type ul li a span {font-size: 35px;color: #1D2124!important;}
.professinal_form {float: left;width: 100%;margin-top: 15px;}
.attach_box {color: #333;text-decoration: none;font-size: 14px;}
.attach_box i{font-size:11px;}
.professinal_form input, .professinal_form select, .professinal_form textarea{ font-size:14px; text-indent: 8px}
.professinal_inner {float: left;width: 100%;margin-top: 11%;}
.addd_skills ul{ list-style: none; padding: 0}
.addd_skills ul li{align-content: center;-webkit-box-align: center;align-items: center;background-color: rgb(219, 226, 230);border-radius: 4px;border-width: 0px;color: rgb(94, 115, 125);display: flex;font-size: 14px;height: 32px;line-height: 16px;padding: 0px 16px;cursor: default;float: left;margin-right: 5px;margin-bottom: 5px;}
.addd_skills{ float:left; width:100%; margin-top: 3%; margin-bottom: 3%}
.submitBtn, .attireMainNav { display: none; }
.fstMultipleMode { display: block; }
.fstMultipleMode .fstControls { width: 100%; }
.select_skills {float: left;width: 100%;margin-top: 20%;}
.profile_act_h {float: left;width: 100%;border-bottom: solid 1px #ccc;margin-bottom: 2%;margin-top: 2%;}
.profile_act_h  h4{ font-size: 1.3rem}
.profile_box {float: left;width: 100%;border: dashed 1.5px #ccc;padding: 2px;}
.profile_box_inner {float: left;width: 100%;padding: 20px;}
.profile_box_inner:hover{background: #f2f2f2;}
.profile_box_inner a{ text-decoration:none}
.profile_box_plus {float: left;margin-left: auto;margin-right: 20px;}
.profile_box_plus span{background: #666; width: 40px; height: 40px}
.profile_box_plus span {background: #999;width: 30px;height: 30px;float: left;color: #fff!important;border-radius: 50px;text-align: center;line-height: 32px;}
.profile_box_inner:hover .profile_box_plus span{ background: #8954BA}
.profile_r_content {float: left;width: 91%;}
.profile_r_content h6{ color:#333}
.profile_r_content p{ margin-bottom:0}
.add_box_content .modal-dialog{ float:left; max-width:100%;    margin-top: 0;}
.add_box_content .btn-close{ background: #888;border-radius: 50px;color: #fff!important;padding: 0!important;font-size: 25px;line-height: 29px;width: 25px;height: 25px;}
.longuage_box {background: #ddd;border-radius: 4px;    overflow: hidden;}
.longuage_progress {padding: 6px 15px;color: #fff;font-size: 14px;}
.select_option {float: left;width: 80%;}
.delate_icon {float: left;margin-left: 20px;padding-top: 6px;}
.delate_icon a{ color:#999; text-decoration: none}
.longuage_set {float: left;width: 100%;padding-bottom: 8px;border-bottom: solid 1px #ddd;margin-bottom: 15px;}
.select_option select{font-size:14px}
.lounguge_wrap {float: left;width: 100%;}
.longuage_choose_view {float: left;width: 100%;margin-top: 15px;margin-bottom: 15px;}
.award_preview {float: left;width:100%;}
.award_preview_grid {float: left;width: 100%;padding: 15px; margin-bottom: 15px}
.award_icon {float: left;width: 40px;height: 40px;line-height: 44px;text-align: center;border-radius: 50px;background-color: #999;color: #fff;font-size: 21px;margin-right: 15px;}
.award_description {float: left; width: 90%; position: relative;}
.edit_award {position: absolute; right: 0;top: 0;}
.edit_award a{color: #1cce5b; width: 20px; padding: 5px; height: 20px; border-radius: 50px;}
.edit_award a:hover{ color:#333; background: #fff!important;}
.edit_award a:last-child{ color:#ff0000!important}
.interest_div .award_preview{ width:100%;margin-top: 15px;margin-bottom: 15px;}
.awards_box select, .awards_box input{ font-size:14px}
.award_description p{ margin-bottom:0}
.award_preview_grid:hover{ background:#f4f4f4}
.add_button, .remove_button{color: #999;margin-left: 20px;font-size: 24px;}
.remove_button{ margin-top: 8px}
.personal_box_inner {float: left;width: 100%;padding: 20px;background: #f4f4f4;text-align: center;}
.data-lock {float: left;margin-right: 15px;}
.data-col-content {float: left;width: 87%;}
.data-col-content p:first-child{ margin-bottom:0;}
.data-col-content p strong{ color:#444!important; font-size: 1rem}
.profile_choose {float: left;width: 100%;margin-top: 4%;}
.birh_form { float: left;width: 100%;}
/**profile page css end here**/

/** Assessment list page css here**/
ul.nav-t {list-style: none;padding: 0px;border: none;float: left;text-align: center;margin-bottom: 4%;}
ul.nav-t li{ float:left;}
ul.nav-t li a{ border:solid 1px #F6993B; border-radius: 26px}
ul.nav-t li a {border: solid 1px #F6993B;border-radius: 26px;color: #444;font-size: 16px;padding: 7px 22px;margin-right: 15px;text-decoration: none;}
.tab-content.hide{ display:none}
.tab-content.active{display:block}
ul.nav-t li.active a{ background-color: #F6993B; color: #fff}
.page_wrap {float: left;width: 100%;margin-top: 2%;margin-bottom: 3%;}
.practice_title { width: 40%; margin: 0 auto; margin-top: -2%;}
.practice_title input{ border-top:0!important; border-right: 0px !important; border-left: 0px!important; box-shadow: none!important;background: #F2F9F9!important;}
.not_completed.text-center {margin-top: 8%;}
.course_detail_banner {float: left;width: 100%;background: #F5EFFC;min-height: 250px;}
.course_heding h1{ font-size:2rem}
.course_heding {float: left;width: 100%;text-align: center;}
.course_complete_progress {width: 41%;background: #f4e4e4;border-radius: 20px;overflow: hidden;margin: 0 auto;height: 10px;}
.progress_inner{background:#1DF08E; float:left}
.course_complete {float: left;width: 100%;margin-top: 4%;}
.complete_course {float: right;padding-right: 15px;margin-top: -2%;}
.page_breadcub {float: left;width: 100%; margin-top: 15px; margin-bottom:15px;}
.page_breadcub ul{list-style:none; padding: 0}
.page_breadcub ul li{ float:left; padding-right: 10px;}
.page_breadcub ul li a{ text-decoration:none; color: #444}
.page_breadcub ul li{ color:#777; font-size: 14px}
.course_tabs {float: left;width: 100%;}
.course_tabs .nav.nav-tabs .nav-link{font-size: 18px;  color:#444}
.course_tabs .nav.nav-tabs .nav-link.active{ color:#fff!important;}
.course_container h2{ font-size: 1.6rem}
.hexagon {position: relative;width: 110px; height: 66.6px;background-color: #10D1B7;margin: 0 auto;/*-webkit-box-shadow: -1px 0px 5px 2px rgba(227,224,227,0.75);-moz-box-shadow: -1px 0px 5px 2px rgba(227,224,227,0.75);box-shadow: -1px 0px 5px 2px rgba(227,224,227,0.75);*/ }
.hexagon:before, .hexagon:after {content: "";position: absolute;width: 0;    border-left: 55px solid transparent;
border-right: 55px solid transparent;}
.hexagon:before {bottom: 99.6%;border-bottom: 34.3px solid #10D1B7;}
.hexagon:after { top: 99.6%;width: 0;border-top: 34.3px solid #10D1B7;}
.hexagon.active{ background-color:green !important;}
.hexagon.active::after{ border-top: 34.3px solid green}
.hexagon.active::before{ border-bottom: 34.3px solid green}
.hexagon.inactive  {
    background:#F44336!important;
}
.hexagon.st_green {background-color: green;}
.hexagon.st_green::before {border-bottom: 34.3px solid green}
.hexagon.st_green::after {border-top: 34.3px solid green}

.hexagon.st_grey {background-color: #a4a4a4;}
.hexagon.st_grey::before {border-bottom: 34.3px solid #a4a4a4}
.hexagon.st_grey::after {border-top: 34.3px solid #a4a4a4}

.hexagon.st_yellow {background-color: yellow;}
.hexagon.st_yellow::before {border-bottom: 34.3px solid yellow}
.hexagon.st_yellow::after {border-top: 34.3px solid yellow}

.hexagon.inactive::after, .hexagon.inactive::before{ border-bottom-color:#F44336!important; border-top-color:#F44336!important;  }
.hexagon.orange_cl{ background-color:#FFEB3B!important }
.hexagon.green_cl{ background-color:#4CAF50!important }
.hexagon.green_cl span, .hexagon.st_grey span, .hexagon.st_green span{    color: #fff !important;
    font-size: 50px;
    line-height: 47px;
    font-weight: 700;  }
    .hexagon.st_yellow span{color: #444 !important;
    font-size: 50px;
    line-height: 47px;
    font-weight: 700; }
    .hexagon.inactive span{    color: #fff !important;
    font-size: 50px;
    line-height: 47px;
    font-weight: 700;  }
    .hexagon.green_cl::after, .hexagon.green_cl::before{ border-bottom-color:#4CAF50!important; border-top-color:#4CAF50!important;  }
.hexagon.orange_cl span{     color: #333!important;
    font-size: 50px;
    line-height: 47px;
    font-weight: 700; }
.hexagon.orange_cl::after, .hexagon.orange_cl::before{ border-bottom-color:#FFEB3B!important; border-top-color:#FFEB3B!important;  }
.image-center {float: left;width: 100%;position: absolute;text-align: center;top: 18%;color: #fff !important;}
.image-center img{ width: 43%;}
.chapter_container {float: left;width: 100%;margin-top: 5%;height: 100%;}
.chapter_name {float: left;width: 100%;margin-top: 24%;text-align: center;color: #555;}
.chapter_name h6{font-size: 13px;height: 29px;overflow: hidden;}
.chapter_inner_box {float: left;width: 100%;position: relative;border: solid 1px #dbe2e6;padding-bottom: 10px;    margin-bottom: 70px;}
.chapter_inner_box:hover{ background-color: #F8F6F9; box-shadow: 0px 1px 18px -5px rgba(229,223,223,0.75);
-webkit-box-shadow: 0px 1px 18px -5px rgba(229,223,223,0.75);-moz-box-shadow: 0px 1px 18px -5px rgba(229,223,223,0.75); border-color:#8954BA; transition: 2s all }

/**Assessment list page css end here**/

/**chapter page css here**/

.chapter_wrap {float: left;width: 100%; position: relative}
.chapter_footer {position: fixed;bottom: 0;background-color: #F1F4F6;width: 100%;padding: 11px 15px;}
.right_next{margin-right:20%}
.All_slide_count {float: left;margin-left: 30%;}
.All_slide_count {float: left;margin-left: 30%;font-size: 25px;line-height: 33px;}
.All_slide_count span{  font-size: 14px;}
.chapter_content h1, .chapter_content h2, .chapter_content h3, .chapter_content h4{font-size: 1.3rem;}
.code_wrap {float: left;width: 80%;padding: 10px;background: #f1f1f1;border-radius: 4px;margin-bottom: 20px;}
.code_editor textarea {height: 231px;}
.editor_btn {float: left;width: 100%;padding-top: 10px;padding-bottom: 15px;}
.q_option {display: block;position: relative;padding-left: 35px;margin-bottom: 20px;cursor: pointer;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.q_option input {position: absolute;opacity: 0;cursor: pointer;}
.q_option .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;}
.q_option:hover input ~ .checkmark {background-color: #ccc;}
.q_option input:checked ~ .checkmark {background-color: #C14998;}
.q_option .checkmark:after {content: "";position: absolute;display: none;}
.q_option input:checked ~ .checkmark:after {display: block;}
.q_option .checkmark:after {top: 4px;left: 4px;width: 10px;height: 10px;border-radius: 50%;background: white;}
.question_option {float: left;width: 100%;margin-top: 25px;}
.question_slide {float: right;}
.question_slide h2{ font-size:1.4rem}
.question_slide h2 span{ font-size: 14px;}
/**chapter page css end here**/

/** job page list css here**/
.job_skills { background: #F2F9F9;  border-bottom: solid 1px #ddd;  width: 100%; border-radius: 0; height: 40px; font-size: 14px; text-indent: 15px; border-top: none; border-left: 0; border-right: 0;}
.job_location, .job_location_rang {float: left;width: 100%;}
.job_location input{background: #F2F9F9; border: solid 1px #ddd; width: 100%; border-radius: 0px; height: 40px; font-size: 14px; text-indent: 15px;   border-top: none; border-left: 0;  border-right: 0;}
.job_location_rang input{  background: #F2F9F9;border-left:none;border-right:  solid 1px #ddd;border-top:  solid 1px #ddd;border-bottom:  solid 1px #ddd;width: 100%;border-top-right-radius: 26px;border-bottom-right-radius: 26px;height: 40px;font-size: 14px;text-indent: 15px;}
.job_skills:focus, .job_location input:focus, .job_location_rang input:focus{ outline:none}
.search_job_skill, .job_location, .job_location_rang{ position:relative}
.search_job_skill i, .job_location i, .job_location_rang i{ position: absolute;right: 14px;top: 10px;font-size: 13px;color: #666;}
.serach_relivent .dropdown-toggle::after{ content: none}
.job_list_container { float: left; width: 100%; margin-top: 25px;margin-bottom: 100px;}
.job_list_header { float: left; width: 100%; padding-bottom: 15px;}
.total_job_h { float: left;}
.serach_relivent {float: right;}
.serach_relivent .dropdown button{ border-radius: 26px; width: 109%; font-size: 14px;}
.job_list_wap { float: left; width: 100%;}
.job_list_footer { display: flex;  justify-content: space-between; float:left; width:100%}
.job_list_grid {float: left; width: 100%; background: #FFFFFF; mix-blend-mode: normal; box-shadow: 0px 4px 5px rgb(225 238 248 / 91%); border-radius: 8px; padding: 10px 15px;  justify-content: space-between; margin-bottom: 15px;}
.job_list_grid a{color: #1d2124;text-decoration: none;}
.job_list_grid:hover{ background:#f1f1f1}
.brand_logo {float: left; width: 120px; height: 120px; text-align: center;  overflow: hidden;}
.brand_logo img { width: 75%; object-fit: contain; min-height: 100%; object-position: center;}
.brand_content { float: left; width: 86%; padding-left: 15px;}
.brand-name, .brand-discription{ margin-bottom: 8px;font-size: 14px; color: #1d2124!important;}
.brand-name img, .job_exp img, .company_location img{width: 14px; height: 16px; opacity: 0.6}

.course_detail_banner.ob.detail_top {height: 100%;min-height: auto;padding: 20px;}
.brand_job_dicription h1, h2, h3{ font-size:1.4rem}
.brand_job_dicription p{ font-size:15px;word-break:break-word;}
.ui-menu .ui-menu-item-wrapper{ font-size:14px}
/**job page css end here**/

/**practice page css start here*/
.show_category {float: right;text-align: right;margin-top: -6%;}
.sidepanel  {width: 0;position: fixed;z-index: 1;height: calc(100vh - 20px);top: 7.9%;left: 0;background-color: #f1f1f1;overflow-x: hidden;transition: 0.5s;padding-top: 36px;}
.sidepanel a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
.sidepanel a:hover {color: #000;}
.sidepanel .closebtn {position: absolute;top: 0;right: 4px;font-size: 36px;line-height: 26px;}
.openbtn {font-size: 20px;cursor: pointer;background-color: #111;color: white;padding: 10px 15px;border: none;}
.openbtn:hover {background-color:#444;}
.sidepanel_inner {float: left;width: 100%;padding-left: 23px;}
.sidepanel_inner h3{ font-size: 1.2rem}
.sidepanel_inner ul{ list-style:none; padding: 0px}
.sidepanel_inner ul li{float:left; width:100%;    padding-bottom: 8px;}
.sidepanel_inner ul li label{ font-size: 14px!important; color:#111!important}
li.sub_category {padding-left: 15px;}
.standard_certificate { float: left; width: 100%;}
.standerd_logo {float: left; width: 75px; border-radius: 50px; border: solid 1px #ddd; overflow: hidden; padding: 5px; margin-top:3%;}
.standerd_logo img{ width:100%}
.standerd_heading {float: left; width: 78%; padding-left: 10px; padding-top: 20px;}
.standerd_logo1{ width: 137px; border-radius: 100px; height: 137px;}
.standerd_heading.standerd_heading1 { width: 60%;    padding-top: 32px;}
.standerd_heading.standerd_heading1 .grid_list{ width:100%}
.standerd_logo.standerd_logo2{float: none; width: 84px;margin: 0 auto;}
.standerd_heading.standerd_heading2{ width:100%}
.standerd_heading.standerd_heading2 h4{text-align: center}
.standerd_logo.standerd_logo3{ width: 50%; border: 0px; margin-top: 0px; text-align: center;}
.standerd_logo.standerd_logo3 img{    width: 94px; height: 94px;}
.standerd_heading.standerd_heading3 { padding-top: 10px; width: 50%;}
.standerd_heading.standerd_heading3 .grid_list{ width:100%}
/**practice page css end here**/

/**Internship detail page css here**/
.internship_nav{ float: left; width:100%}
.nav_intern ul{list-style: none;padding: 0; float:left; width:100%; margin-bottom: 0px}
.nav_intern ul li{ float:left;}
.nav_intern ul li a { color: #333; text-decoration: none; padding: 10px 15px; line-height: 42px;}
.nav_intern ul li a::after{ content:"|"; padding-left: 15px}
.nav_intern ul li a::after{ content:"|";}
.brand_intro.intership { float: left; width: 100%;}
.istructor_img { float: left; width: 50px; height: 50px;}
.istructor_img img{ width:100%; height: 50px; border-radius: 50px;}
.instructor_r_box {float: left;width: 76%;padding-top: 19px;padding-left: 10px;}
.instructor_r_box h4{ font-size: 0.825rem; padding-top: 5px; margin-bottom: 5px}
.will_lern_part ul {list-style: none;padding: 0;float: left;/*width: 43%;*/}
.will_lern_part ul li {float: left;width: 50%; padding-top: 25px;}
.will_lern_part {float: left;width: 100%;margin-top: 3%;border-bottom: solid 1px #ddd}
.intern_skills {float: left;width: 100%;margin-top: 3%;}
.intern_skills ul{list-style: none;padding: 0;float: left; width:100%}
.intern_skills ul li {background-color:#ece9e9;border-radius: 26px;float: left;padding: 3px 10px;color: #444!important;margin-right: 15px;margin-bottom: 15px;font-size: 14px;}
.coorse_spec_box {float: left;width: 100%;}
.course_no_lrft {float: left;width: 10%;text-align: center;}
.course_instraction {width: 90%;float: left;}
.coorse_spec_box {float: left;width: 100%;border-bottom: solid 1px #ddd;margin-bottom: 25px;}
.offerd_img {float: left;width: 15%;}
.offerd_img img{ width:100%}
.intern_offrd_right {float: left;width: 85%;padding-left: 20px;}
.cerificate_ul ul{list-style:none; padding: 0;}
.cerificate_ul ul li{float:left;width:100%; margin-bottom: 15px}
.quck_hint span { position: absolute; right: 0; top: 13px; font-size: 13px; color: #000!important;}
.quck_hint1 span{ position: absolute; right: 0;  top:7px; font-size: 13px; color: #000!important;}
.quck_hint input, .quck_hint1 input{ font-size:14px!important}
.quck_hint label{ font-size:14px!important}
.panel-heading { float: left; width: 100%; border-bottom: solid 1px #ddd;  margin-bottom: 20px;}
.panel-heading a{ background: #f1f1f1; padding: 14px 34px; color: #333; float: left;     text-decoration: none;}
.panel-heading a:hover{color:#8954BA;}
.panel-heading a.tab-item-link.tab-item.active{ background: #c14998;color:#fff}
.form_box{ float: left; width: 100%;}
.form_box .social_login .abcRioButton {height: 40px !important; width: 92%!important; margin-left: 4% !important;}
.abcRioButtonContents span{ color:#fff!important}
.form_box .social_login .m-signin a img{    width: 92%; margin-left: 3px;}
.specification_container h3{font-size: 1.4rem;}
.intern_specification p, .description p, .specification_container p, .course_instraction p, .content-inner p, .cerificate_ul ul li, .accordion-body p, .cerficate_img p, .brand_content p{ font-size:15px;word-break: break-all;}
.nav_intern{white-space:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;    float: left; width: 98%;}
.nav_intern::-webkit-scrollbar{display:none}
.nav_intern a{float:left; color:#252323; padding-right: 10px; padding-left: 10px; line-height:50px; text-decoration: none}
.nav_intern a:hover{color:#c14998}
.include_topic { float: left; width: 100%; padding-bottom:5px;}
.include_topic h6{font-size: 12px; font-weight: normal; color: #333; }
.include_topic ul{ list-style: none; padding: 0px; }
.include_topic ul li{float: left; font-size: 16px; color: #333!important; margin-right: 8px;}
.include_topic ul li span{ color: #333!important; box-shadow: inset 0 -0.6rem rgb(242 124 202), inset 0 0 rgb(240 104 194);;}
.intern_time { float: left; width: 100%;}
.intern_duration span, .intern_houres span{ font-size: 14px!important;  }
.modal-md{ max-width:680px!important }
.enroll_poup { padding-left: 45px; padding-right: 45px;}
.enroll_poup label{ font-size: 20px; }
.social_login.social_login_details .g-signin2{ width: 100%; margin: 0 auto; padding-bottom: 10px;}
.social_login.social_login_details  .m-signin{width: 100%; margin: 0 auto; padding-bottom: 10px}
.form_bg_container .panel-heading a.tab-item-link.tab-item{ width:50%; text-align: center; font-weight: 600}

/**internship detail page css end here**/

/**footer css Here**/
.mein_footer{ background-color:#f5f6f7; padding-top:25px; padding-bottom: 25px}
.footer_inner ul{ list-style:none; padding: 0px;}
.footer_inner ul li{ float:left; width:100%}
.footer_inner ul li a{ color:#444; text-decoration: none; font-size: 14px; line-height: 25px;}
.footer_inner ul li a:hover{ color:#C14998}
.social_icon { float: left; width: 30px; text-align: center; height: 30px; border: solid 1px #fff; margin-left: 15px;background: var(--bs-primary);}
.social_section a{ color: var(--bs-primary)!important}
.social_section { width: 50%; margin: 0 auto;}
.footer_inner h5{color:#333!important}
/**footer css end here**/

/**help page css here**/
.dashboard_left_menu { position: fixed; left: 0; top:49px; bottom: 0; background: #6c389b; height: 100%; width: 4.5%; box-shadow: 2px 0 3px -2px #a7a2a2;}
.sidebar_help { position: fixed; left: 4.5%; top: 6.5%; bottom: 0; background: #8954ba; width: 348px; border-right: solid 1px #ddd; overflow-y: auto; min-height: 100vh;}
.help_main{margin-top: 0%; position: relative; overflow: hidden; margin-left: 30px;}
.help_conatiner{ float:left; width:100%; overflow: hidden}
.dashoard_new_menu ul{ list-style: none; padding: 0; float: left; width:100%}
.dashoard_new_menu ul li{float: left; width:100%}
.openhelp { background: #c14998; float: left;  width: 100%; padding: 7px; font-size: 28px; text-align: center; color: #fff;}
.openhelp:hover{ color:#fff}
.sidebar_help_inner { float: left; width: 100%;}
.content_top { float: left; font-size: 20px; color: #fff!important; padding-left: 15px; padding-top: 20px;}
.menu-clinical-materials { float: left; width: 100%; margin-top: 2%; padding: 10px;}
.menu-clinical-materials a{ color:#fff; text-decoration: none}
.menu-clinical-materials a:hover{ color:#fff; text-decoration: none}
.closed_sidbar_btn { float: right; background: #fff; margin-right: 10px; margin-top: 10px;  width: 15px; height: 15px; line-height: 15px; text-align: center;}
.closed_sidbar_btn a{font-size: 16px; color:#333; text-decoration: none}
.menu-item-has-children .Expander{color:#fff!important;}
.menu-clinical-materials ul{ list-style:none;}
.menu-clinical-materials ul li{padding-bottom: 10px}
.main_help_wrapper h1{ font-size: 1.5rem}
.main_help_wrapper h3{ font-size: 1.2rem}
.help_video.wrapper video{ width:100%}
.video_content { float: left; width: 100%;}
.video_content ul li{ padding-bottom:10px}
.main_help_wrapper {float: left; width: 100%; margin-top: 4.5%; height:90vh;margin-bottom: 10%;}

/**helppage css end here**/

/** test instraction page css**/
.instracction_wrap { float: left; width: 100%; background: #8954BA; padding-left: 60px; padding-right: 60px;}
.test-timer { width:7%; margin: 0 auto; background: #580aa0; color: #fff; text-align: center; padding: 2px; border-radius: 4px;}
.assess-user {color:#fff; margin-top: -25px;}
.assessment_name {color:#fff; }
.assessment_name h6{ margin-bottom:0px; line-height: 28px;}
.instraction_inner { float: left; width: 100%; padding-top: 7px; padding-bottom: 7px;}
.test_preview{ float:left; width:100%}
.test_preview ul{ list-style:none; padding: 0px}
.test_preview ul li { float: left; background: #f1f1f1; border-radius: 26px; margin-right: 10px; font-size: 14px; padding: 4px 10px;margin-bottom: 10px;}
.ins_test_preview { float: left; width: 70%;}
.prview_video { float: left; width: 30%;}
.prview_video video{ float: left; width: 100%}
.footer_check { float: none; margin: 0 auto; width: 34%;}
.footer_check .pro_container{float: left; margin-bottom: 0; padding-top: 10px;}
.footer_check .pro_container input{margin-top: 15px}
.footer_check .pro_container .checkmark {top: 8px;}

/** test instroction page css here**/

/**signup page css here**/
.signup_inner{width: 80%; margin-bottom: 14%; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; padding: 26px 15px;}
.signup_inner .form_border_less { font-size: 16px; background-color: #f1f1f1;text-indent:26px;    line-height: 30px;}
.toggle-password { float: right; margin-top: -27px; margin-right: 15px;}
.toggle-password-signup { float: right; margin-top: -50px; margin-right: 15px;}
.signup_image { float: left; width: 100%; margin-top: 6%;}
.signup_inner .btn.btn-defoult{ line-height:25px}
.signin_image { float: left; width: 100%; margin-top: 21%;}
.signup_icon { position: absolute;top: 10px;color: #333!important;font-size: 18px;}
/**signup page end here**/

.mobile_nav_btn { display: none;}
.help_grid{float: left; width: 100%; border: solid 1px #ddd; padding: 50px 20px; margin-bottom: 30px; background: #fff; position: relative;}
.help_grid h5 { font-size: 1rem; text-align: center;}
.help_grid h5 a{ color:#666; text-decoration: none;}
.help_grid:hover { -webkit-box-shadow: 1px 0 15px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 1px 0 15px 0 rgba(0,0,0,0.2); box-shadow: 1px 0 15px 0 rgb(0 0 0 / 20%);}
.brand_job_dicription { float: left; width: 100%; margin-bottom: 8%; word-break: break-all;}
.ide_container{ float:left; width:100%; position: relative}
.ide_container #container{ overflow: auto; position: relative; top: 50px; bottom: 0; height:calc(79vh - 40px);}
.ide_container .trytopnav{top: 2px;}
.form-registration .form_border_less{ font-size: 15px!important;}

@media (min-width:1441px)  and  (max-width:1680px) {
.brand_job_dicription { float: left;width: 100%; margin-bottom: 6%;margin-top: 15px;   }
.navigation.fixed-top{top:7.7%!important;}	
}


@media (min-width:1280px)  and  (max-width:1440px) {
.main_container {float:left; width: 100%; padding-bottom: 5%;}
.grid_list{font-size: 12px;}
.totorial_sec p { font-size: 12px; height: 38px;}
.job_detail_wrap p {font-size: 13px;}
.brand_job_dicription { float: left; width: 100%; margin-bottom: 2%;}
.user_profile_name{ padding-left: 24%;}
.g-signin2 .abcRioButton {width: 100% !important;  margin: 0 auto !important;}
.m-signin a img{width:100% !important;}
.navigation.fixed-top{width: 79.9%!important;top: 6.9%!important;}
.btn.btn-purpel.practice_assess, .btn.btn-dark.btn-last-score { font-size: 12px!important;}
.grid_list strong, .job_detail_wrap p strong, .professinal_wrap p strong { color: #1D2124!important; font-size: 11.5px;}
.user_p_detail {width: 57%;}
.user_p_detail h4{font-size: 0.8rem;}
.content-description.fixed-sidebar{width: 300px !important;    margin-top: 0!important;}
.content-description{padding: 20px 18px!important;}
.content-description  .hackathon_right .btn{ font-size:14px!important }
}

@media (min-width:320px)  and  (max-width:767px) {
.m-center { text-align: center;}
.nav-item.page-tour{right: 23%;font-size: 23px;line-height: 46px; position: absolute;}
.nav-item.page-tour a span{display: none;}
.mobile_nav_btn {display: block;}
.user_nav{ margin-right: 20px;}
.navbar-collapse {flex-basis: inherit!important;}
.header .navbar-brand { width: 36%; margin-left: 15%;}
.mobile_menu{ display:none!important}
.header{ padding-left: 10px;padding-right: 10px;}
.header .mobile_menu{ display:none!important}
.container_wrap { padding-left: 10px;padding-right: 10px;overflow: hidden;margin-top: 0; padding-top: 10px;}
.navigation a{ font-size:12px; padding: 7px 18px!important;}
.my_section h2{ font-size:1.4rem}
.navigation.fixed-top{width: 100%!important;left: 10px!important;top: 7%!important;}
.header.fixed-top{ z-index:9!important}
.header.fixed-top #btn{ z-index: 999;}
#btn { position: fixed; z-index: 999; top: 15px; left: 15px; cursor: pointer; -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}
.navigation.fixed-top{ z-index: 9!important;}
#btn div {width: 27px;height: 2px;margin-bottom: 8px;background-color:#C14998;
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
}
#btn:hover > div { box-shadow: 0 0 1px #00DFFC; }
#btn.active { left: 230px; }
#btn.active div { background-color: #C14998; }
#btn.active:hover > div { box-shadow: 0 0 1px #C14998; }
#btn.active #top { -webkit-transform: translateY(10px) rotate(-135deg); -ms-transform: translateY(10px) rotate(-135deg); transform: translateY(10px) rotate(-135deg);}
#btn.active #middle { -webkit-transform: scale(0);-ms-transform: scale(0); transform: scale(0);}
#btn.active #bottom { -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
#box {position: fixed; z-index: 9999; overflow: auto; top: 0px;left: -275px;width: 275px;opacity: 0;padding: 20px 0px;height: 100vh;background-color: #f6f6f6;color: #343838;-webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}
#box.active {left: 0px; opacity: 1;}
#items {  position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
ul.navbar-nav.mobile_dropdown { position: absolute; top: 45px;  width: 100%; background: #ffff; left: 0; padding: 10px; z-index: 99;}
.custom-header nav{ width: 100%; display: block; height:58px;}
.header.custom-header  .navbar-brand{ margin-left:0px!important}
.header.custom-header .navbar-toggler{float: right; padding: 0; background: #8954BA; margin-top: 8px;}
.header.custom-header .navbar-toggler .navbar-toggler-icon{ color: #fff!important; line-height: 33px;}
.header.custom-header button.navbar-toggler:focus{    outline: none!important;}
.header.custom-header .navbar-brand img{ width: 35%; margin-top: 1%;}
ul.navbar-nav.ms-auto.mobile_dropdown li a{ padding-bottom:10px}
.signup_inner {width: 100%!important;    background: #fff;}
.signup_inner h4{ text-align:center!important}
.social_signup .abcRioButton { height: 40px !important; width: 58.5% !important; margin-left: 21% !important; margin-top: 10px!important;}
.m-signin a img { width: 60%!important;}
.social_signup .m-signin a img { width:100%!important;}
.show_category { margin-top: 10px; width: 100%; margin-bottom: 10px;}	
.practice_title { width: 100%; margin-top: 2%;}	
.search_job_skill, .job_location, .job_location_rang { margin-bottom: 10px;}
.search_btn { text-align: center;}
.brand_intro .brand_logo{width: 112px; background: none!important;height: 104px;}
.brand_intro.intership .brand_content{ width:100%; padding-right: 0px!important;padding-bottom: 15px;}
.brand_intro.intership .brand_content p{ margin-bottom: 0px}
.istructor_img { width: 35px; height: 35px;}
.istructor_img img{ height:100%}
.instructor_r_box{ padding-top: 12px;}
.brand_intro.intership  .brand_logo{    height: 67px;    width: 100%;}
.brand_intro.intership .brand_logo img {width: 47%;    height: 49px;}
.will_lern_part ul{ width:100%}
.intern_skills ul li{    margin-right: 6px; margin-bottom: 8px; font-size: 12px;}
.course_no_lrft, .course_instraction { width:100%}
.instructor_r_box h4{ font-size:12px}
.change_profile_bg{    height: 87px;}
.edit_user_pic{bottom: 118px; left: 21px;width: 85px;height: 85px;}
.user_profile_name { width: 100%; padding-top: 10px; padding-left: 14%;}
.user_profile_name h4 { font-size: 2rem;}
.profile_container { padding-left: 0; width: 100%;}
.profile_box_inner{ padding:10px}	
.profile_box_plus{ margin-right: 10px;}
.profile_r_content{ width: 87%;}
.add_box_content .modal-dialog{ margin:0px}
.job_list_grid{background: #FFFFFF; mix-blend-mode: normal;box-shadow: 0px 4px 5px rgb(225 238 248 / 91%); border-radius: 8px; padding: 10px 5px; display: flex;justify-content: space-between; margin-bottom: 20px;}
.page_wrap{ margin-bottom:8%}
.course_complete p{ margin-bottom:0px}
.course_complete_progress {width: 85%;}
.complete_course{padding-right: 0; margin-top: 14px; width: 100%; text-align: center;}
.course_detail_banner{min-height: 208px;}
.All_slide_count{ margin-right: 15px;margin-left: 15px;width: 27%; text-align: center;}
.chapter_footer button:last-child{ float:right!important; margin-right: 0;}
.chapter_footer{left: 0;}
.job_list_container{    margin-bottom: 8%;}
.chapter_container { margin-top: 10%;}
.not_completed img{ width:60%!important}
.brand_logo{ width: 80px; height: 80px; margin: 0 auto; float: none;}
.brand_content{ width: 100%;}
.nav_intern a { float: none; padding-right: 0px}
.nav_intern a::after{content: "|"; padding-left: 10px;}
.data-col-content{width: 79%;}
.help_main{ overflow-y: auto!important;  margin-left: 0px!important; margin-bottom: 44px; float: left; width: 100%; height: 100vh;}
.custom_left_padding{display: none;}
.brand_content a.btn{float:left; font-size: 13px; margin-right: 8px}
.job_list_grid .brand_content {  width: 100%;    padding: 10px;}
.standerd_logo.standerd_logo3 {width: 26%;}
.standerd_logo.standerd_logo3 img { width: 100%; height: auto;object-fit: contain;  object-position: center;}
.standerd_heading.standerd_heading3{    width: 73%;}
.award_preview{ width:100%}
.social_login.social_login_details .g-signin2 {width: 69%;}
.social_login.social_login_details .abcRioButton { height: 40px !important; width: 102% !important;  margin-left: 0% !important;margin-top: 10px!important}
.social_login.social_login_details .m-signin {width: 100%;}
.social_login.social_login_details .m-signin img{width: 70%!important;}
.desktop_scroll{display: none;}
.mobilescroll{ display:block!important}
.searchbox{width:100%!important}
.ats_form .files .form-control {padding-left: 7pc!important;}
.files:before{font-size: 12px!important;}
.quck_hint span{top: 13px; font-size: 9px;}
.post_wraper iframe, .post_wraper img{ width: 100%; height: auto;}
.post_wraper{width: 100%!important; padding-left: 0!important;}
.comment_area{ width: 76%!important;}
.post_wrap_icon.post_icon_left i{font-size: 21px!important;}
.post_wrap_icon.post_icon_left{display: none}
.all_questionwrap .question_detail iframe{    width: 100%; height: 100%;}
.user_dis-chat{width: 82%!important;}
.user_post_wrap{position: relative}
.mytat_front_wrap::after{right: -8px!important;}
}
@media (min-width:360px)  and  (max-width:480px) {
.group_top_btn a {font-size: 12px!important;}
.comment_wrap.subcomment_wrap{position: absolute;left: 0;top: 67px; z-index: 999;}
.q_wrap { width: 88%!important;}
.question_title{ padding-top: 15px}
.brand_intro.intership a{font-size: 12px;}
.main_container { overflow-y: scroll;  margin-top: 43px!important;}
}
.question_grid_main{display:grid;}
div.scrollmenu {overflow: auto;white-space: nowrap;float: left; width: 100%;}
div.scrollmenu a {display: inline-block; color: #C14998; text-align: center; text-decoration: none; border: solid 1px #C14998; border-radius: 50px; width: 25px; height: 25px;  margin-right: 5px; }
div.scrollmenu a:hover {background-color: #C14998; color:#fff}
div.scrollmenu::-webkit-scrollbar {width: 1px; background: transparent; }
.people_box { float: left; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px; position: relative}
.searchbox { float: right; width: 30%;margin-top: 15px; margin-bottom: 15px;}
.searchbox span{right: 12px; top: 9px;}
.searchbox input{ border-radius:0px; border-left:0px; border-right:0px; border-top:0px}
.people_img img{ width: 50%; border-radius: 50%; height: 84px; object-fit: cover;}
.people_name { float: left; width: 100%; padding-top: 15px; font-weight:normal;padding-bottom: 10px; color: #333;}
.people_box:hover a .people_name{ color:#C04898}
.people_box a:before { content: ""; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); top: calc(2px/-1); left: calc(2px/-1); background: linear-gradient(to right, #8954BA 0%, #8954BA 100%), linear-gradient(to top, #8954BA 50%, transparent 50%), linear-gradient(to top, #8954BA 50%, transparent 50%), linear-gradient(to right, #8954BA 0%, #8954BA 100%), linear-gradient(to left, #8954BA 0%, #8954BA 100%);
background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px; background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%; background-repeat: no-repeat, no-repeat; transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
transform: scaleX(0) rotate(0deg); transition-delay: 0.6s, 0.3s, 0s;}
.people_box a:hover:before { background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px; background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%; transform: scaleX(1) rotate(0deg); transition-delay: 0s, 0.3s, 0.6s;}
div.scrollmenu a.active{background:#C14998!important; color:#fff!important}
.people_img {  padding-top: 10px;}
.mobilescroll{ display:none}
.number-scroll{ padding-bottom:15px;text-align: center;}
.page-link.next-page{ color:#C04898!important}

/** latest group page css here**/
.sidenav { height: 100%;  width: 0;  position: fixed;  z-index: 1;  top: 0; right: 0;background-color: #fff; overflow-x: hidden;  padding-top: 60px;  transition: 0.5s;-webkit-box-shadow: -15px -10px 5px -14px rgba(82,79,82,0.49);-moz-box-shadow: -15px -10px 5px -14px rgba(82,79,82,0.49);box-shadow: -15px -10px 5px -14px rgba(82,79,82,0.49);}
.sidenav a { padding: 8px 8px 8px 32px;text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover { color: #999;}
.sidenav .closebtn {position: absolute;  top: -15px; right: 7px; font-size: 36px; margin-left: 50px;}
.group_list ul{list-style:none; padding: 0}
.group_list ul li{float:left; width:100%; border:solid 1px #ddd; padding: 10px; margin-bottom: 10px}
.group_list ul li span{ float:left; width: 50px}
.group_list ul li span img{ width:100%}
.group_div { float: left; padding-left: 15px;padding-top: 10px;}
.group_div h5{font-size: 0.9rem;  margin-bottom: 0; margin-top:0px!important}
.group_div p{font-size: 14px; margin-bottom: 0;}
.sidenav h5{margin-top: -18%;}
.section_grid { float: left; width: 100%;}
.group_header { float: left;  margin-bottom: 15px}
.group_icon {float: left;width: 50px;  margin-right: 15px;}
.group_content { float: left;}
.group_content h6{ margin-bottom: 0px}
.group_content p{ font-size:12px;margin-bottom: 0; padding-top: 8px}
.group_body {  border: solid 1px #ddd;}
.group_post { float: left; width: 100%; padding-top: 15px; padding-left: 15px; padding-right: 15px;}
.group_post h4 a{color: #444; text-decoration: none;}
.group_post h5 a{color: #444; text-decoration: none;}
.question_detail{ font-size:14px;color:#5e737d!important}
.group_post p{ font-size:14px}
.group_footer { float: left; width: 100%;  border-top: solid 1px #ddd;}
.group_like { float: left;  padding: 10px 15px; font-size: 14px}
.group_comment{ float: right;  padding: 10px;font-size: 14px}
.group_like a, .group_comment a{ color:#757575!important; text-decoration:none}
.group_like img{ width: 20px;}
.comment_wrap { background:#f1f1f1; float: left; width: 100%; padding: 5px; margin: 0;}
.comment_area { float: left; width: 90%; margin-right: 15px;}
.user_post_wrap, .user_post { float: left; width: 100%;}
.user_img { float: left; width: 35px; margin-right: 15px;}
.user_dis-chat h6 a{ font-size:14px; color:#444; text-decoration: none}
.user_img img{  width: 100%; border-radius: 50%; height: 35px; object-fit: cover;}
.user_dis-chat { float: left;  width: 92%;padding: 8px;background: #f6f6f6;}
.user_dis-chat h6{ margin-bottom:0px}
.user_slog{ font-size:12px}
.user_post_dis{ font-size:14px; position: relative;}
.user_post_dis p{ margin-bottom:0px}
.user_post_wrap{  border-top: solid 1px #dddd; padding-top:10px}
.user_left_log { float: left;}
.like-comment { float: left; width: 100%; padding-left: 6%;padding-bottom: 10px;}
.like-comment a{ color:#757575; text-decoration: none}
.user_post_wrap.user_post_reply { border-top: 0;  width: 92%; float: right; margin-right: 10px;}
.user_dis-chat .dropdown .dropdown-toggle::after{display: none}
.askaquestion_form{ padding: 20px 15px; background: #fff; float: left; width: 100%;}
.form_content label{font-size: 16px; margin-bottom: 0;}
.form_content p{font-size: 12px; margin-bottom: 7px;}
.form_content .form-control{ font-size:13px!important}
.ask_a_head { background: #f1f1f1; padding: 6px;}
.ask_a_head h5 { margin-bottom: 0px; font-size: 14px; padding: 8px 0px;}
.ask_a_right{overflow:hidden}
.title_dropdown .dropdown-toggle::after{display:none}
.title_dropdown{ padding-left: 5%; width: 100px; text-align: right;}
.dropdown-menu li { position: relative;}
.dropdown-menu .dropdown-submenu { display: none; position: absolute;left: 100%; top: -7px;}
.dropdown-menu .dropdown-submenu-left { right: 100%; left: auto;}
.dropdown-menu > li:hover > .dropdown-submenu { display: block;}
.dropdown-submenu li a{width: 100%; float:left}
.dropdown-submenu li a img{ float: left; width: 15px; margin-right: 5px}
.dropdown-submenu li a span{ float:left; font-size: 13px!important}
.post_wrap_icon { float: right; width: 20px;}
.post_wrap_icon img{ width:100%}
.post_wraper {float: left; width: 95%; padding-left: 10px;}
.date{ font-size: 12px;line-height: 30px;}
.post_img img{ width:100%}
.question_list_wrap { border-bottom: solid 1px #ddd;}
.q_vote {float: left; width: 100%; text-align: center;}
.q_vote span, .q_answer span, .q_views span { font-size: 14px; text-align: center;}
.q_views{ float:left; width: 100%; text-align: center}
.q_answer {float: left; width: 100%; text-align: center;border:solid 1px #5eba7d; }
.q_answer span{ color:#5eba7d}
.question_title{font-size:14px;}
.question_title a{  text-decoration: none; color:#C14998}
.question_tags { float: left; width: 100%;}
.question_tags ul{ float:left; width: 100%; list-style: none; padding: 0px}
.question_tags ul li { float: left; background: #eef2f2; margin-right: 5px; text-align: center; padding: 2px 10px; font-size: 12px;}
.question_tags { float: left; width: 65%;}
.modify_question {float: right;}
.modify_question p { font-size: 12px; margin-bottom: 0;}
.question_detail_review { float: left; width: 62%;}
.question_detail_review ul{ list-style:none; padding: 0; }
.question_detail_review ul li{ float:left; font-size: 13px; padding-right: 15px}
.question_detail p{font-size:14px}
.vote_section { float: left;  width: 36px;}
.vote_section button{border:none}
.vote_section input{ border: none;  width: 28px; text-align: center;}
.q_wrap { float: left; width: 96%;}
.qq_wrap .q_wrap { float: none!important; width:80%!important; margin: 0 auto;}
.wrap_loop:hover .qq_wrap{ background:#fff}
.vote_section button i{color:#e68c31!important}
.group_top_btn ul li img{width: 20px}
.btn-warning { background-color: #e68c31!important; border-color: #e68c31!important; border-radius: 26px!important;  padding-left: 15px!important;  padding-right: 15px!important; color: #fff!important; padding-top: 4px!important;  padding-bottom: 4px!important;}
.btn-warning:hover{ background-color:transparent!important; border-color: #e68c31!important; color: #e68c31!important;}
.your_answer_wrap { float: left; width: 100%; margin-top: 2%; border-top: solid 1px #ddd; padding-top: 15px;}
.your_answer_wrap h6{padding-bottom: 5px;}
.footer_ul { float: left; width: 50%;}
.footer_ul ul{ float: left; width: 100%; list-style: none; padding: 0; margin-bottom: 0;    margin-top: 15px;}
.footer_ul ul li{ float:left; padding-right: 15px}
.footer_ul ul li a{ font-size:12px; color:#757575; text-decoration: none}
.footer_ans_user { float: left; width: 50%;}
.user_activity { float: left; padding-top: 5px;}
.user_activity h6 { padding: 0; margin: 0; border: 0;font-size: 12px;}
.user_activity h6 a{ color:#444; text-decoration: none}
.user_activity p{ font-size:10px}
.post_wrap_icon.post_icon_left{float:left}
.post_wrap_icon.post_icon_left i{ font-size:40px; font-size: 40px; color: #e68c31;}
.post_wrap_icon.post_icon_left { float: left; width: 38px;}
.post_wraper h5 a{ color:#444; text-decoration: none}
.post_wraper h4 a{ color:#444; text-decoration: none}
.wrap_loop{float:left; width:100%}
.wrap_loop:hover{ background: #f1f1f1}
.group_icon img{width:100%}
p.group_desc { height: 64px; overflow: hidden;}
.reply_button { position: absolute; right: 0; top: -17px; font-size: 30px;}
.reply_button a{color:#c14998}
.comment_wrap.subcomment_wrap{ border-top: solid 1px #ddd; margin-top: 15px; padding-top: 8px;}
.q_wrap.bg-light{background: #f1f1f1!important;padding: 10px;}
.qq_wrap { float: left; width: 100%; padding-top: 10px;}
.group_post p, .group_post ul li{ font-size: 14px}
.page_social_icon { float: right; margin-top: 15px; margin-bottom: 15px;}
.page_social_icon a{ padding-right:10px}
.page_social_icon a img{width:25px}
.brand_job_dicription h2{font-size: 1.4rem}
.skill_list h3{ font-size: 16px; padding-top: 15px; font-weight: normal!important; padding-bottom: 5px;}
.skill_list label{color: #666; font-size: 14px;}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

@media (min-width:1280px)  and  (max-width:1440px) {}

@media (min-width:320px)  and  (max-width:480px) {
.social_signup .abcRioButton{ width: 100%!important; margin-left: 0!important;}
.acadmic_logo img { width: 26%;}
.login_user h1{font-size: 22px;padding-top: 15px;}
.skill_footer_btn{ padding-left: 10px;left: 0!important;}
.skill_footer_btn{ padding-left: 10px;left: 0!important;}
.user_login_btn.skill_login_btn.mb-4{top: 9px!important; right: -4px!important;}
.candidate_skills ul{ padding: 0px!important; gap: 12px!important;}
.candidate_skills ul li a{font-size: 14px!important; padding: 10px 15px!important}
.mytat_front .mytat_front_wrap{display: block!important}
.for_developer {width: 100%!important;  margin-bottom: 20px; float: left;}
.mytat_clients ul li { width: 34%!important;}
.container_wrap .mytat_clients{margin-top: 0px!important}
.signup_container{ margin-top:0px!important}
.signup_container .radio-buttons{ display: flex; justify-content: center; margin-bottom: 27px;}
.signup_container .form-check-inline{display:block!important;}
.bussiness_intro.for_developer{ margin-bottom: 0px!important}
.bussiness_intro.for_developer p{width: 100%!important}
.main_intro_skills ul li { width:25%!important;}
.main_intro_skills ul li a span{ height: 50px; overflow: hidden; float: left; width: 100%;}
.slick-slide{margin-right: 0px!important}
.main_intro_skills ul{justify-content: space-between!important;row-gap: 7px!important;column-gap: inherit!important;}
.slick-prev {left: -8px!important;}
.slick-next {right: -10px!important;}
.g-signin2{margin-top: 8px!important}
.social_login .m-signin a img { width: 94%!important;}
.slick_company {padding: 0px 5px!important; width:23%!important}	
.feture_company{ column-gap: 1px!important; row-gap: 7px!important;}
.company_brand img{ object-fit:contain!important;}
.fadein_gallery_inner{ row-gap: 10px!important;}
.image_gallery { width: 15%!important;}
.image_gallery img{ height: 40px!important;}
}
@media (min-width:481px)  and  (max-width:640px) {
.social_signup .abcRioButton{margin-top: 10px;}
.social_signup .m-signin a img { width: 47% !important;}
.skill_footer_btn{ padding-left: 10px;left: 0!important;}
.user_login_btn.skill_login_btn.mb-4{top: 9px!important; right: -4px!important;}
.candidate_skills ul{ padding: 0px!important; gap: 12px!important;}
.candidate_skills ul li a{font-size: 14px!important; padding: 10px 15px!important}
.bussiness_intro.for_developer{ margin-bottom: 0px!important}
.bussiness_intro.for_developer p{width: 100%!important}
.main_intro_skills ul li { width: 49%!important;}
.main_intro_skills ul li a span{ height: 50px; overflow: hidden; float: left; width: 100%;}
.slick-slide{margin-right: 0px!important}
.main_intro_skills ul{justify-content: space-between!important;row-gap: 7px!important;column-gap: inherit!important;}
.slick-prev {left: -8px!important;}
.slick-next {right: -10px!important;}
.slick_company {padding: 0px 5px!important;width:23%!important}	
.feture_company{ column-gap: 1px!important; row-gap: 7px!important;}
.company_brand img{ object-fit:contain!important;}
.fadein_gallery_inner{ row-gap: 10px!important;}
.image_gallery { width: 15%!important;}
.image_gallery img{ height: 40px!important;}
}
@media (min-width:768px)  and  (max-width:1024px) {
ul.navbar-nav.ms-auto.mobile_dropdown { display: none;}
.brand_content{width: 82%;}
.post_wraper, .q_wrap{ width: 93%;}
.section_grid{ padding-left: 15px;}
.candidate_skills ul{ padding: 0px}
.main_intro_skills ul{justify-content: space-between!important;row-gap: 7px!important;column-gap: inherit!important;}	
}
@media (min-width:1060px)  and  (max-width:1360px) {
.assess_box h2{font-size: 1.6rem;}
.bussiness_intro.for_developer h4{font-size: 1.1rem;}
.for_developer p {font-size: 13px!important;}

}

.mytat_intro { position: relative;}
.user_login_btn.skill_login_btn.mb-4 { position: absolute; top: 38px; right: 24px;  width: auto;}
.skill_footer_btn { position: fixed; bottom: 0; left:21.5%; right: 0; background: #fff; padding-top: 8px; padding-bottom: 8px; margin: 0!important;}
.candidate_skills ul{list-style: none; display: flex;  flex-wrap: wrap; gap: 20px; justify-content: center;padding: 0px}
.candidate_skills ul li{  background-color: #ddd;  border-radius: 50px; border: solid 1px #ccc;}
.candidate_skills ul li a{text-decoration: none; padding: 10px 19px; color: #545151;line-height: 36px;}
.candidate_skills ul li.active{ background: #8954ba; border-color:#6e2ea9;}
.candidate_skills ul li.active a{ color:#fff!important}
.ats_jobs_detail { float: left;width: 100%;}
.m-center input { width: 20px; height: 20px; padding-top: 10px; float: left; margin-right: 7px;}
.ats_jobs_page li a.nav-link.active{ color: #fff; background-color: #8954ba;}
.ats_jobs_page li a.nav-link{color:#c3509c; font-weight: 600;}
.ats_jobs_page, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{ border-color:#8954ba!important}

/**mytat front css**/
.for_developer { width: 50%; box-shadow: rgb(149 157 165 / 8%) 0px 8px 24px; padding: 21px 23px; border-radius: 4px;}
.for_developer h2{ font-size: 1.1rem; }
.mytat_front_candidate { float: right;  width: 80%;}
.text-purpul{ color:#8954ba;}
.for_developer p{ font-size:15px; min-height:96px; width: 90%;}
.mytat_front_btn a{ border: solid 2px #e68c31;  padding: 8px 25px; border-radius: 50px;  color: #e68c31; text-decoration: none;}
.mytat_front_btn button{ border: solid 2px #8954ba;  padding: 8px 15px; border-radius: 5px;  color: #8954ba; text-decoration: none;}
.mytat_front_btn button:hover{ background-color:#8954ba; color:#fff }
.mytat_front_btn { float: left;  width: 100%;}
.footer_signup{font-size: 14px;}
.mytat_btn_blue a{ border: solid 2px #4723d9;  padding: 8px 25px; border-radius: 50px;  color: #4723d9; text-decoration: none;}
.mytat_btn_blue a:hover{ background-color: #4723d9!important;  color: #fff!important; text-decoration: none;}
.mytat_front_btn a:hover{ background-color:#e68c31; color:#fff }
.mytat_front_btn1 a{ border: solid 2px #c14998;  padding: 8px 15px;  border-radius: 50px; color:#c14998; text-decoration: none;}
.mytat_front_btn1 a:hover{ border: solid 2px #c14998; color: #fff; background-color:#c14998}
.mytat_front_btn1 button{ border: solid 2px #c14998;  padding: 5px 15px;  border-radius: 5px; color:#c14998; text-decoration: none;}
.mytat_front_btn1 button:hover{ border: solid 2px #c14998; color: #fff; background-color:#c14998}
.mytat_front_btn2 a{ border: solid 2px #2042E3;  padding: 8px 25px;  border-radius: 50px; color:#2042E3; text-decoration: none;}
.mytat_front_btn2 a:hover{ border: solid 2px #2042E3; color: #fff; background-color:#2042E3}
.mytat_front_wrap::after{content: ""; background: url(../images/square-dot-bg.svg) right top no-repeat; width: 100px; height: 100px; position: absolute; right: -40px; z-index: -1; top: -38px;}
.ussiness_intro h4{font-size: 1.2rem}
.mytat_clients ul{ list-style: none; padding: 0px; display: flex;justify-content: space-around; gap: 20px; flex-wrap: wrap;}
.mytat_clients ul li{width:11%}
.mytat_clients ul li:last-child{width: 5%!important}
.mytat_clients ul li img{ width: 100%;  height: 40px; object-fit: contain;}
.mytat_clients ul li{color:#c14998!important; line-height: 40px;font-size: 18px;}
.mytat_clients ul li:first-child{text-align: center}
.mytat_front { margin-bottom: 6%;}
@media (max-width: 1180px){
		.content-section{ width: 100%!important; margin-left: 0px!important;}
}
@media (min-width: 1400px){
.float-start.w-100.container_wrap-itro.mt-3.mb-3{ margin-top: 5%!important}
}

.bussiness_intro a{ text-decoration: none}
.bussiness_intro p{min-height:88px!important;margin-bottom: 0;}
.mytat_front h1{color: #333;}
.bussiness_intro.for_developer h4{font-size: 1.3rem;}
.assess_box h2{ font-size: 1.6rem;}
.main_intro_skills ul{ list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content:space-around; row-gap: 10px; column-gap: 10px;}
.main_intro_skills ul li{float:left;width:23.9%}
.main_intro_skills ul li a{ background: #fff; padding:15px 10px; float: left; width: 100%; text-align: center; text-decoration: none; border-top-left-radius: 10px; border-bottom-right-radius: 10px; position: relative;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; display: flex;}
.job_count { font-size: 14px;color: #5e737d!important;}
.main_intro_skills  ul li a span{ color:#333!important}
.main_intro_skills  ul li a:hover span{ color:#C14998!important}
.main_intro_skills ul li a:before { content: ""; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); top: calc(2px/-1); left: calc(2px/-1); background: linear-gradient(to right, #8954BA 0%, #8954BA 100%), linear-gradient(to top, #8954BA 50%, transparent 50%), linear-gradient(to top, #8954BA 50%, transparent 50%), linear-gradient(to right, #8954BA 0%, #8954BA 100%), linear-gradient(to left, #8954BA 0%, #8954BA 100%);
background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px; background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%; background-repeat: no-repeat, no-repeat; transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
transform: scaleX(0) rotate(0deg); transition-delay: 0.6s, 0.3s, 0s; border-top-left-radius: 10px;  border-bottom-right-radius: 10px;}
.main_intro_skills ul li a:hover:before { background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px; background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%; transform: scaleX(1) rotate(0deg); transition-delay: 0s, 0.3s, 0.6s; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
.slick_company { padding: 0px; width: 12%; background: #fff; float: left; border: solid 1px #ddd;}
.intro_company_logo img{ width: 100%; height: 54px;  object-fit: contain;}
.intro_company_content p{font-size:13px}
.slick_company .mytat_front_btn{text-align:center}
.modal_login{margin-top:6% }
.social_login{ width:250px; margin:auto}
.intro_company_content h6{height: 30px;}
.new_sign-inner_container .form_box .form_border_less { width:100%}
.new_sign-inner_container .form_box .signup_icon{ left:0px}
.new_sign-inner_container .form_box input:focus{outline:none; border-color:#ddd!important}
.feture_company{ display: flex; flex-wrap: wrap; justify-content: space-evenly; row-gap: 5px;}
.company_brand{border:solid 1px #ddd; padding: 8px; background: #fff}
.company_brand img{width:100%; height:40px; object-fit:contain;}

/***slider css here**/

.rotator-image {position: absolute;top: 20px; width: 100%; display: none;}
.rotator-image img {width: 100%; max-width: 180px; margin: 0 auto; display: block; height: 60px; object-fit: contain;}
.rotator-wrapper{ width: 100%;float:left;position: relative;}
.logo_rotion:first-child{ padding-top: 0px}
.logo_rotion { position: relative; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; padding-top: 8%;}
.rotator-list { width: 10%; position: relative;}
.main_intro_container{ margin-top:130px}
.job_list { box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; padding: 21px 23px; float: left; width: 24%; border-radius: 10px;}
.jobs_galley_view { display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 10px; row-gap: 15px;}
.company_brand_logo { width: 14%; float: left;}
.company_brand_logo img{ width: 100%; height:40px; object-fit: contain;}
.job_title{font-weight: 600; text-align: left; padding: 0 0px; width: 79%; font-size: 14px; line-height: 20px;}
.company_name, .job_location, .job_salary{font-size:14px; color:#757575; font-weight:400;padding-bottom:5px;}
.company_name span, .job_location span{ width: 12px; float: left; margin-right: 7px;}
 .job_salary span{  float: left; margin-right: 7px;}
.job_list .mytat_front_btn {text-align: center; margin-top: 15px;}
.course_icon { float: left;}
@media (min-width:320px)  and  (max-width:767px) {
.job_list{width:100%}
.intro_companies{ padding: 0px!important; }
.course_seeker_grid{width:100%!important}
.fadein{display:none;}
}

/**job seeker page css */

.banner_wrap h1{color:#454545!important; background-color:transparent!important}
.banner_wrap { width: 35%;padding-top: 4%;}
.banner_form {  display: flex; justify-content: center; background: #FFFFFF;box-shadow: 0px 7px 24px 1px rgba(223, 219, 219, 0.25);border-radius: 15px; width: 60%;}
.banner_form form{ width: 100%; display: flex; padding: 16px 12px;}
.form_box-row{float:left; width:60%}
.form_box-row input[type="text"], .form_location input[type="text"]{ border:none;    width: 100%; padding:10px;text-indent: 15px;}
.form_box-row input:focus, .form_location input:focus{outline: none;}
.form_box-row span, .form_location span{ position: absolute; top:8px; left: 0;}
.form_box-row span img, .form_location span img{width:20px; height: 20px}
.btn_primary { background: #407FF0; border-radius: 50px!important; color: #fff;  padding: 6px 22px; border:none;}
.btn_primary:hover{ background:#C14998;border-radius: 50px;}
.banner_search { margin-top: 2%; margin-bottom: 2%;}
.brand_header {  display: flex; justify-content: space-between;}
.client_name { font-size: 12px; height: 18px; overflow: hidden;}
/*.company_location { font-weight: 400; font-size: 12px; color: #757575; float: left; width:100%;}*/
.company_name h4 { font-size: 15px; padding-top: 8px; margin-bottom: 0;  height: 24px;  overflow: hidden;}
.job_content p{font-size:13px}
.job_salary::before { width: 20px; height: 20px; position: absolute; left: 0; background-size: contain; top: 4px;}
.job_card_footer {display: flex; justify-content: space-between;  float: left; width: 100%;}
.job_salary{  position: relative!important; padding-left:0px;}
.anual_salery{font-size: 18px; font-weight: 700; color: #444!important;  float: left!important;}
.job_salary span.per_year { font-size: 12px; font-weight: 400; float: right; line-height: 27px;}
.job_front_btn a{ background:#E4EDFD; border-radius: 50px!important; color: #407FF0 ; padding: 8px 22px; border:none; text-decoration: none}
.job_front_btn a:hover{ background:#C14998;border-radius: 50px; color:#fff}
.jobs_card {  background-color: #407ff0; border-radius: 40px;}
.jobs_card_img { width: 23%;}
.jobs_card_content {float: right; width: 60%; padding-top: 4%;  text-align: left; padding-right: 6%;}
.jobs_card_content h3{font-size: 2.5rem; color: #fff; line-height: 55px;}
.jobs_card_content p{font-size:16px; color:#fff!important; padding-top: 20px; font-weight:400}
.blue_btn a{background: #fff; border-radius: 50px!important; color:#407FF0; padding: 6px 22px; border: none;}
.blue_btn a { background: #fff;  border-radius: 50px!important; color: #407FF0; padding: 11px 22px; border: none; font-weight: 600; text-decoration: none;}
.blue_btn a:hover{ background-color:#c14998; text-decoration:none; color:#fff}
.course_card_img { width: 36%;}
.course_card_img img{width:100%}
.course_card_img {  width: 52%;}
.course_card_content { float: left; width: 100%; padding-left: 5%;}
.course_card_header { float: left; width: 100%; margin-top: 10%;}
.course_box_wrap { display: flex;  justify-content: space-between; margin-top: 5%;}
.course_card_header h2 { width: 57%;}
.course_card_header { float: left;  width: 82%;  margin-top: 10%;}
.course_box_group img { float: left;  margin-right: 15px;width: 13%;}
.course_box_group h5 { float: left;  width: 80%; font-size: 18px}
.course_box_group h5 span{float: left; width: 100%; font-size: 14px; color: #757575!important; font-weight: 400; padding-top: 5px;}
.course_card_ul ul{list-style: none; padding: 0px}
.course_card_ul ul img{width:25px;height:25px}
.course_card_ul ul li{float:left; width:100%; padding-bottom: 15px;font-size: 14px;}
.course_sheeker {  display: flex;  justify-content:center;  column-gap: 15px; row-gap: 15px; flex-wrap: wrap;}
.course_content{ float: left;  width: 100%;  min-height: 102px;}
.course_seeker_grid {box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;  padding: 21px 23px; float: left;  width: 23%;  border-radius: 10px;}
.course_seeker_grid a .course_title { font-size: 16px;  font-weight: 600;  padding-bottom: 10px;  text-align: center; color:#333;}
.course_logo{text-align: center;}
.course_logo img{width:100%; height: 40px; object-fit: contain}
.course_content p{ font-size:14px}
.course_seeker_footer {  float: left; width: 100%;}
.course_seeker_footer ul { padding: 0px; justify-content: flex-start;}
.course_seeker_footer ul li { width: 34%; float: left; font-size: 10px; margin-left: -10px; line-height: 20px;}
.course_seeker_footer ul li img{width: 18px;  height: 18px; float:left; margin-right: 3px;}
.course_seeker_grid a{text-decoration: none; color:none;}
.seeker_assessment_wrap { display: flex; justify-content:left;}
.seeker_assessment_grid { width: 50%;}
.assement_right_grid { width: 50%; justify-content: space-between; display: flex; column-gap: 10px; row-gap: 35px; flex-wrap: wrap;}
.Assessment_grid_column { float: left;  width: 30.33%; padding: 10px; text-align: center;background: #FFFFFF;box-shadow: 0px 4px 4px 4px rgba(235, 233, 233, 0.25);min-height: 132px;}
.assessment_icon img{ width: 30px; height: 40px; margin-bottom: 10px}
@media (min-width:1280px)  and  (max-width:1366px) {
.anual_salery { font-size: 14px;}
.job_salary::before{ width: 14px; height: 14px;}
.jobs_card_content h3{font-size: 2.1rem;line-height: 45px;padding-top: 3%;}
.course_card_header h2 { width: 82%;}
.jobs_card_content{padding-top: 1%;}
.course_seeker_footer ul li{width: 32%; font-size: 9px; margin-left: -4px; line-height: 21px;}
.course_sheeker{column-gap: 6px;}
.course_seeker_grid{padding: 21px 15px;width: 24%;}
.seeker_assessment_grid { padding-right: 20px;}
.assessment_icon { padding-top: 11%;}
.seeker_assessment_grid h4{ margin-top: 15px}
.find_compaint_img img {height: 400px!important;}	
.staff_agu_banenr_content h1{font-size: 2rem;}
.staff_agu_banenr_content h6 {font-size: 1.3rem;}
.fint_compaint_container ul li, .we_supprt_content p, .we_support_container p, .content-section p{font-size:12.5px!important;}
.fint_compaint_container ul li::before{    top: 5px;}
.we_supprt_content{min-height:247px!important;}
.find_compaint_img { padding: 40px 40px 0px!important;}
.staff_section_box h2, .fint_compaint_container h3, .we_support_container h2{font-size: 22px;}
.we_supprt_content h4{ font-size: 20px;}
.expert_key_box h5{font-size: 14px!important;}
}


@media (min-width:320px)  and  (max-width:640px) {
.banner_wrap {width: 100%;}
.banner_form{ width: 100%; flex-wrap: wrap;}
.banner_form form{flex-wrap: wrap; justify-content: center;}
.form_box-row, .form_location{width:100%; border-bottom: solid 1px #ddd; margin-bottom: 20px;}
.jobs_card_inner{flex-wrap: wrap;}
.jobs_card_img, .course_card_img, .intro_companies {display: none;}
.jobs_card_content{ width:100%;padding-right: 0;padding-bottom: 20px;text-align: center;}
.jobs_card_content h3 { font-size: 1.8rem; color: #fff; line-height: 37px; font-weight: 600!important; justify-content: center; padding: 0;}
.blue_btn{margin-bottom: 20px!important}
.body_container .course_wrapper{ margin-top: 0px!important; margin-bottom:0px!important;}
.course_card_content{ padding: 0px}
.course_card_header { text-align: center; width: 100%; margin-top: 0;}
.course_card_header h2{width: 100%;}
.course_box_group { text-align: left;float: left; width: 100%;}
.course_box_wrap{flex-wrap: wrap;row-gap: 17px;}
.container_wrap-itro .main_intro_heading{ margin-bottom:0px!important}
.seeker_assessment_wrap{flex-wrap: wrap;}
.seeker_assessment_grid { width: 100%;}
.assement_right_grid {width: 100%;}
.Assessment_grid_column{width: 48%; padding: 18px 7px;min-height: 112px;}
.seeker_assessment_grid p{text-align: center}
.course_card_ul ul img{float:left; margin-right: 10px}
.course_card_ul ul li{text-align: left;}
.logo-gallery{flex-wrap: wrap;}	
.logo_gallery{width: 19.33%;}
.mytat_clients-log{ margin-bottom: 0!important}
.mytat_front h1{text-align: center!important}
}

 .mytat_front h1 span.typed-text { color: #4723d9!important; font-weight: 600;}
 .mytat_front h1 span.cursor { display: inline-block; background-color:transparent; margin-left: 0.1rem; width: 3px;animation: blink 1s infinite;}
 .mytat_front h1 span.cursor.typing {animation: none;}
@keyframes blink {
  0%  { background-color: transparent; }
  49% { background-color: transparent; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: transparent; }
}

.logo-gallery { display: flex; justify-content: space-between; column-gap: 4px;}
.logo_gallery {float: left; line-height: 42px;}
.logo_gallery img{ width: 100%; height:46px; object-fit: contain; }
.mytat_clients-log{ margin-bottom:90px;  }
.logo-gallery{margin-top: 30px; float:left; width:100%}

/**contry job seeker page **/
.country_banner_container{background:#EAF0FA; padding-top:65px;}
.talent_flex { display: flex; justify-content: space-between; margin-top: 40px!important; margin-bottom: 40px; flex-wrap: wrap;column-gap: 20px;}
.talent_grid {width: 18%; text-align: center; box-shadow: 0px 4px 11px 5px rgb(29 127 233 / 6%); border-radius: 30px 0px; padding: 20px 0px;-webkit-transition: all ease 0.5s; transition: all ease 0.5s;}
.talent_grid:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.talent_icon img{width: 18%;}
.talent_grid h2 { font-size: 1.6rem; padding-top: 10px; color: #444;}
.talent_grid h6 { color: #757575; font-weight: 400; font-size: 17px;}
.talent_network_row { background: #FFFFFF; box-shadow: 16px 8px 20px rgb(29 127 233 / 5%); border-radius: 5px; float: left; width: 100%; margin-bottom: 25px; display: flex; justify-content: flex-start; column-gap: 15px; position: relative}
.talent_network_row::before { content: ""; border-left: dotted 3px #ffc107; position: absolute; height: 20px; top: 64px; left: 30px;}
.talent_network_row::before:last-child{ content: ""; border-color:transparent}
.talent_network_img{margin-top:90px;}
.talent_networkicon { width: 60px; float: left; background-color: #93A6FE; height: 60px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 10px;}
.talent_prifile_inner { float: left;  width: 100%; margin-top: 4%;}
.talent_networkicon img{width: 100%;}
.talent_skills ul{list-style:none; padding:0px; display:flex; justify-content: flex-start;column-gap: 10px; }
.talent_skills ul li{ background: #E0E5FF; border-radius: 50px; padding: 4px 12px; font-size: 13px; font-weight: 400;}
.talent_position, .talent_skills { padding-top: 18px;}
.talent_network_conrtainer { float: left; width: 100%; margin-top: 3%; margin-bottom: 3%;}
.talent_position { width: 20%;}
.talent_profile_table { background: #fff;}
.more_talent{ background-color:transparent!important; color:#333!important}
.talent_network_inner {float: left; width: 100%; margin-top: 3%;}
.space-right { display: table-cell; vertical-align: middle; margin-top: 0px; padding-right: 48%!important;}
.space-right:last-child{  margin-top: 9%; padding-right: 48%;}
.space-left{ display: table-cell; vertical-align: middle; padding-left: 43%!important; margin-bottom: 13%;}
.space-left:last-child{ margin-top: 9%;margin-bottom: 0;}
.candidate_talent { position: absolute; top: -24px; left: 50%; transform: translateX(-50%);}
 .candidate_talent figure { max-width: 400px;text-align: center;}
.talent-factor{float:left; width: 100%; margin-top:7%}
 .candidate_talent figure img{ width:90%;}
.parameter-dec p{font-size:14px}
.parameter-dec h4{font-weight: 500!important; font-size:1.4rem;}
.talent_tabing { position: absolute; top: 154px; left: 47px;}
.talent_map  li{ background: #ffda31; width: 20px; height: 20px; border-radius: 100%; margin:0px -4px;}
.talent_map  li::after { height: 23px; width: 23px;content: ""; position: absolute; margin:-1px 0 0 -1.5px; animation: pulsate 2s ease-out; animation-iteration-count: infinite; opacity: 0; box-shadow: 0 0 1px 2px #ffda31; animation-delay: 1.1s; border-radius: 100%; }
@keyframes pulsate{0%{transform:scale(.1,.1);opacity:.0}50%{opacity:1.0}100%{transform:scale(1.1,1.1);opacity:0}}@keyframes bounce{0%{opacity:0;transform:translateY(-2000px) rotate(-45deg)}60%{opacity:1;transform:translateY(30px) rotate(-45deg)}80%{transform:translateY(-10px) rotate(-45deg)}100%{transform:translateY(0) rotate(-45deg)}}
.talent_map li::marker{content: ""; width: 15px; height: 15px; border-radius: 100px; background: #ffda31!important}
.talent_map .talent_tabing:nth-child(2){ right: 20%; top: 45%;}
.talent_map .talent_tabing:nth-child(3) {left: 93%; top: 33%;}
.talent_map .talent_tabing:nth-child(4) {left: 92%; top: 49%;}
.line:after { height: 300px; width: 1px; background: #686566; content: ""; position: absolute; transform: rotate(-50deg); left: 134px; top: -35px;}
.line.fact-line1:before { content: ""; height: 25px; width: 1px; background: #686566; position: absolute; transform: rotate(335deg); transform-origin: top left;left: -134px;top: -11px;}
.line.fact-line1::after{ transform: rotate(90deg); left: -63px; top: -52px;height: 125px;}
.line.fact-line2::after{ transform: rotate(90deg); left: -94px; top: -80px; height: 184px;}
.line.fact-line3::after{ transform: rotate(90deg); left: 83px; top: -52px; height: 125px;}
.line.fact-line4::after{ transform: rotate(90deg); left: 112px; top: -80px; height: 184px;}
.line.fact-line2:before { content: ""; height: 25px; width: 1px;  background: #686566; position: absolute; transform: rotate(219deg); transform-origin: top left; left: -200px; top: 32px;}
.line.fact-line3:before {
 content: ""; height: 25px; width: 1px; background: #686566;  position: absolute; transform: rotate(23deg); transform-origin: top left; right: -136px; top: -12px;}
.line.fact-line4:before {content: ""; height: 25px; width: 1px;  background: #686566; position: absolute; transform: rotate(147deg); transform-origin: top left; right: -200px; top: 32px;}
.talent_profile_table table{border:solid 1px #ddd}
.talent_profile_table table tr td{color:#444}.rating i{ color:#FCAF61; margin-right:3px; font-size:12px}
.total-score { font-size: 12px;}
.talent_profile_table table tbody tr:nth-child(even){ background:#F4F9FE!important}
.talent_assessment-row { float: left; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;    gap: 20px;}
.talent_assessment-row .base_assessment_inner { width: 32%; float: left; text-align: center;background: #FFFFFF;box-shadow: 0px 4px 11px 5px rgba(29, 127, 233, 0.06);border-radius: 8px;}
.base_assessment_grid {padding: 25px 0px;}
.base-assessment_icon img{width:40px;}
.base-assessment_title { font-weight: 500; padding-top: 10px;}
.ats_talent_content { padding-left: 25px;}
.ats_talent_content h4 { font-size: 1.3rem;}
.form_talent_hire input, .form_talent_hire select , .form_talent_hire textarea{border-radius:10px;font-size: 14px;padding: 14px 15px;}
#dropFileForm { text-align: center; border-radius: 8px; overflow: hidden; transition: 0.5s; float:left; width: 100%}
#dropFileForm #fileLabel { display: block; padding: 16px; position: relative; cursor: pointer; border: solid 1px #ddd; border-radius: 10px; background: #fff; color:#757575;float: left; width: 100%;}
#dropFileForm #fileInput { display: none;}
#dropFileForm #fileLabel:after, #dropFileForm #fileLabel:before { position: absolute; content: ""; top: 0; bottom: 0;left: 0;  right: 0; background-color: #fff; z-index: -2; border-radius: 8px 8px 0 0;}
#dropFileForm #fileLabel:before { z-index: -1; background: repeating-linear-gradient( 45deg, transparent, transparent 5%, black 5%, black 10%); opacity: 0;transition: 0.5s;}
#dropFileForm.fileHover #fileLabel:before { opacity: 0.25;}
#dropFileForm.fileHover { box-shadow: 0 0 16px limeGreen;}
#fileLabelText{padding-left: 10px; float: left; padding-top: 16px;font-size: 14px;}
#fileLabel img{float: left}
.hire-a-talent_container { float: left; width: 100%; background-color: #f1f1f1;}
@media (min-width:1100px)  and  (max-width:1280px) {
.candidate_talent figure { max-width: 300px; margin-top:8%;}
.talent_tabing:first-child{ top: 108px; left: 42px;}
.line.fact-line1::after{left: -40px;top: -28px;height: 81px;z-index: -11;}
.line.fact-line1:before{left: -88px;top: -3px; height: 17px;}
.line.fact-line2:before{ height: 25px;left: -150px;top: 28px;}
.line.fact-line2::after{left: -65px;top: -61px;height: 140px;z-index: -11;}
.line.fact-line4::after{left: 58px; top: -29px; height: 81px; z-index: -11;}
.line.fact-line4:before{right: -94px;top: 33px;}
.talent_map li{margin: 32px -14px;}
.talent_map .talent_tabing:nth-child(2) {    top: 42%;}
.talent_map .talent_tabing:nth-child(3) { left: 95%; top: 30%;}
.talent_map .talent_tabing:nth-child(4) { left: 94%; top:42%;}
.parameter-dec h4 { font-size: 1.2rem;}
.space-right{ padding-right: 40%!important;}
.talent_assessment-row .base_assessment_inner {width: 31%;}
.ats_talent_content p{font-size: 13px; font-weight: 400;}
.talent_paramiter-container h2, .talent_prifile_inner h2, .talent_base_assessment h2, .talent_network_grid h2{font-size: 1.8rem;}
.talent_position{font-size: 12px;}
.talent_skills ul li{font-size: 11px;}
}
@media (min-width:1300px)  and  (max-width:1366px) {
.candidate_talent figure { max-width: 300px; margin-top: 23%;}
.talent_map li{ margin: 32px -14px;}
.talent_map .talent_tabing:nth-child(2) {top: 47%;}
.talent_map .talent_tabing:nth-child(3) { left: 95%; top:38%;}
.talent_map .talent_tabing:nth-child(4) { left: 94%; top: 47%;}
.parameter-dec h4 { font-size: 1.2rem;}
.space-right{ padding-right: 40%!important;}
.talent_assessment-row .base_assessment_inner {width: 31%;}
.ats_talent_content p{font-size: 13px; font-weight: 400;}
.talent_paramiter-container h2, .talent_prifile_inner h2, .talent_base_assessment h2, .talent_network_grid h2{font-size: 1.8rem;} 
.talent_position{font-size: 12px;}
.talent_skills ul li{font-size: 11px;}
.item-group-technology{ column-gap: 5.3px;}
}
@media (min-width:320px)  and  (max-width:720px) {
.talent_grid {width:100%;margin-bottom: 18px;}
.talent_network_row::before{display: none}
.talent_network_row{flex-wrap: wrap;justify-content: flex-start;}
.body_container .talent_paramiter-container{margin-top:0px!important}
.talent_position {  width: 76%;  text-align: left;}
.talent_skills ul{flex-wrap: wrap;}
.talent_skills ul li{ margin-bottom:5px;}
.candidate_talent{display: none}
.space-right{padding-right: 0px!important}
.space-left{padding-left:12px!important; margin-bottom: 0px!important}
.talent_assessment-row .base_assessment_inner {width: 46%;}
.tab-pane{padding: 0px!important}
#fileLabelText{font-size: 14px;}
.talent_network_img{display:none;}
.social_share_icon	{margin-top: 5px!important; float: left!important; display: none}
.job_list_footer {display: block;}
.mobile_shareon { float: left; width: 100%; margin-top: 5px!important; display: block!important;}
.mobile_shareon a{ background: #2fdc51; float: left; padding: 10px 15px; border-radius: 5px; width: 100%;color:#fff; text-decoration: none;    text-align: center;}
.mobile_shareon a span{color:#fff!important;}	
.event_img img{object-fit:contain!important;}
.scurity_certificate{flex-wrap: wrap; margin-top: 25px!important}
.scurity_certificate .certificate_logo1 { width: 46%;}
.event_page_footer a span{display: none}
.event_page_footer{justify-content: space-between!important;}
.staff_body_section p{width:100%!important}
.staff_border { border-left: 0; border-right: 0; border-top: solid 2px #ddd; border-bottom: solid 2px #ddd; padding-top: 15px; margin-bottom: 15px;}
.content-section{width: 95%!important;margin-left: 2.5%!important;}
.t-item-group-technology{height:72px!important; width: 47.33%!important;}
.fint_compaint_container{padding: 34px 8px!important;}.find_compaint_img {display: none}
.a-step-column .a-steps_number{width: 40px!important}
.item-group-technology{ row-gap: 10px;column-gap: 10px; justify-content: center;}
.event-post{width:100%!important}
}
.how-to-started ul{list-style: none; padding: 0}
.how-to-started ul li{list-style: none; padding: 0; counter-increment: li;}
.how-to-started .accordion-item{ border-top: 0; border-left: 0; border-right: 0; border-radius: 0px; position: relative; padding-left:16px;}
.how-to-started .accordion .accordion-item .accordion-header button:focus:not(:focus-visible){ box-shadow:none!important;}
.how-to-started .accordion-button:not(.collapsed) {background-color:transparent;}
.how-to-started .accordion .accordion-item::before { position: absolute; content: counter(li); top: 14px; left: 0px; width: 25px; height: 25px; border-radius: 50%; line-height: 1.8; text-align: center; font-size: 14px; background:#70a3ef;  font-weight: 800; color: #fff;  z-index: 99;}
.how-to-started .accordion .accordion-item:not(:last-child)::after { position: absolute;  content: '';  height: 60%; border-left: 3px dotted #a1c0ed;  display: block; top: 43px; left: 10px;}
.talent-checked-list ul{list-style:none; padding: 0;}
.talent-checked-list ul li{ background-color: #e3ebf7; padding:8px 20px; float: left; width: 100%; margin-bottom: 10px; border-radius: 10px;line-height: 40px;}
.talent-checked-list ul li span{font-size: 28px; color: #20da78!important; float: left; margin-right: 10px;}
.social_share_icon { float: right;}
.key_skil_ul{float:left;width:100%}
.key_skil_ul ul{display: flex; justify-content: start; list-style: none; padding: 0;gap: 10px; flex-wrap: wrap;}
.key_skil_ul ul li{ background: #EEE3F9; border-radius: 50px; padding: 3px 15px; color: #666666; font-size: 14px;}
.job_list_title { float: left; width: 92%;}

/**event page css here**/

.event_col{padding-bottom: 30px;
    box-shadow: 0 0px 3px 0 rgb(99 118 129 / 30%);
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;}
    .event_heading a{ float:left; width:100% }
    .event-post {
    float: right;
    width: 68%;
    padding-top: 23px;
}
.event_heading {
    float: left;
    width: 100%;
    padding: 0px 10px;
}
.p-markks {position: absolute;top: 15px;right: -34px;rotate: 43deg;text-align: center;background:#e91e9c;width: 46%;color: #fff;font-size: 12px;}
select.form-select.form_border_less { padding-left: 10px!important;text-indent: 20px;color: #777;}
/*.event_post_over{ padding-left: 20px; padding-right: 20px;float: left; width: 100%;text-decoration: none }
.event_col:hover { box-shadow: 0 16px 32px rgb(99 118 129 / 50%);}
.event_text{opacity: 0; display: none;}
.event-post { position: relative; transition: transform 0.25s cubic-bezier(0.32, 0.01, 0, 1); padding-bottom: 0.5em; will-change: transform; padding-top: 15px;flex-shrink: 0;height: 135px}
.event_post_over:hover{padding: 0px; text-decoration: none;}
 .event_post_over:hover .event-post { transform: translateY(-95%); background: #fff; padding-left: 20px; padding-right: 20px; padding-top: 20px;}
.event_post_over:hover .event_text { transform: translateY(0); transition: all 0.25s cubic-bezier(0.32, 0.01, 0, 1) 0.1s; opacity: 1;display: block;}*/
.event_text p{font-size:13px; font-weight: 400!important;padding-top: 10px; }
.event-post h6{ font-size:12px; color:#4D4848;}
.event-post h4{ font-size: 16px;
    color: #000;
    height: 40px;
    margin-bottom: 0;}
.event_footer.mytat_front_btn1 {float: left; width: 100%; padding-top: 42px;  text-align: center;}
.hr_event_date { font-size: 12.5px; color: #3f51b5;}
.event_bg {float: left; width: 100%; padding: 15px 10px}
.event_bg h1 { font-size: 1.2rem; padding-top: 17px; float: left;  width: 100%;}
.event_bg h2 { font-size: 1.2rem;padding-top: 17px;float: left;  width: 100%;}
.event_bg h3 { font-size: 1.2rem; padding-top: 17px; float: left;  width: 100%;}
.compnay_event_detail { float: left; width: 100%; display: flex; justify-content: space-between;}
.compnay_event_detail .company_logo{float:left;width:100px}
.company_logo.event-log_logo{width: 141px;}
.company_over_view_detail { float: left; width: 87%;}
.compnay_event_detail .company_logo img{ width: 61%;  height: 100%; object-fit: contain;}
.company_over_view_detail h3 { font-size: 18px;}
.company_over_view_detail h5{font-size: 16px; font-weight: 400!important; color: #666;}
.company_over_view_detail h6{font-size: 13px; font-weight: 400!important; color: #666;}
.event_page_footer {float: left; width: 100%; border-top: solid 1px #ddd; padding: 10px 0px;  display: flex; justify-content: flex-start;gap: 12px;}
.event_page_footer a:first-child { background:#c14998; border-radius: 50px;  padding: 3px 15px; color: #fff; text-decoration: none;}
.event_page_footer a{text-decoration:none;}
.upload_img, .upload_video { float: left; width: 100%;margin-bottom: 16px;}
.upload_img img, .upload_video video {width:100%; height:213px;object-fit: cover;}
.event_detail_tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #ffffff!important;  background-color: #3f51b5!important; border-color: #1263b4 #3e8bd8 #fff!important;    border-top-left-radius: 5px!important; border-top-right-radius: 5px!important;}
.event_detail_tabs .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {  border-color: #3333!important;}
.event_detail_tabs .nav-tabs .nav-link{color:#333}
.mobile_shareon {display: none}
.event_img {width: 100px;
    height: 100px;
    text-align: center;
    object-fit: contain;
    overflow: hidden;
    float: left;border: solid 1px #ddd;    margin-top: 22px;}
    .company_key_word{     display: flex;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 10px;
    margin-top: 8px;    margin-bottom: 10px; height:18px}
    .company_budge_box {
    border: solid 1px #ddd;
    border-radius: 50px;
    padding: 3px 10px;
    font-size: 12px;
    color: #666;
}
.event_footer{     display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    column-gap: 10px;
    margin-top: 8px;}
    .event_register_candidate_count span, .event_left_date span{     border-radius: 5px;
    border: solid 1px #777;
    padding: 3px;
    font-size: 16px;    background: #f1f1f1;
    color: #3F51B5!important;}
    .event_register_candidate_count b, .event_left_date b{ font-weight:400 ;font-size: 12px;
    color: #777;}
.event_img img{ width: 100%;height:100%;object-fit: scale-down;}
.scurity_certificate{float: left; width: 100%; display: flex; justify-content: center; gap: 20px;}
.certificate_logo1{-webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 4px; box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%); padding: 32px; padding-top: 16px; padding-bottom: 16px; border-radius: 0.75rem; box-shadow: 2px 2px 18px 6px rgb(0 0 0 / 12%);position: relative;width: 18.5%; background: #fff}
.certificate_logo1 img{width: 100%; height: 70px; object-fit: scale-down;}
.blank_image {float: left; width: 100%; height: 80vh; overflow: hidden;}
.blank_image img{object-fit: scale-down; height: 100%; width: 100%;}
.all-tab-img img { padding-bottom: 20px;}
.all-tab-img img:nth-last-child(2) { padding-bottom:0;}
 .ourwork-tab-wrap{ padding: 0px 0px; position: relative; float: left; width: 100%;}
.ourwork-tab-wrap .nav-tabs {display:none;border-bottom: none;}
.ourwork-tab-wrap .nav-tabs .nav-item {    background-color: transparent;margin-right: 10px;margin-bottom: 0px;}
.ourwork-tab-wrap .nav-tabs .nav-link{border: none;border-top-left-radius: 0px;border-top-right-radius: 0px;color: #fff;}
.ourwork-tab-wrap .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: #54bbca;color: #fff;}
@media(min-width:768px) {
.ourwork-tab-wrap .nav-tabs {display: flex;    border-bottom: solid 1px #ddd;    background: #6F74F3;margin-bottom: 10px;}
.ourwork-tab-wrap .card {border: none; margin-bottom: 15px; box-shadow: 0 0px 3px 0 rgb(99 118 129 / 30%);}
.ourwork-tab-wrap .card .card-header {display:none;}  
.ourwork-tab-wrap .card .collapse{display:block;}
}

@media(max-width:767px){
.ourwork-tab-wrap .tab-content > .tab-pane {display: block !important;opacity: 1;margin-bottom: 10px;}
.ourwork-tab-wrap .card {border: none; margin-bottom: 15px}
.ourwork-tab-wrap .card-header {background: #3f51b5;color: #fff;border-bottom: 1px solid rgba(0,0,0,.125);                    }
.ourwork-tab-wrap .card-header h5 a{background:#3f51b5;color: #fff;border-bottom: none; text-decoration: none; font-size: 16px;display: block;}
.ourwork-tab-wrap .card-header h5 a i {float: right;padding-top: 5px;}
.ourwork-tab-wrap .card-body {border: 1px solid #3f51b5;}
.ourwork-tab-wrap .card-header h5 a:hover {color: #fff;}
.event_img{ float:none; margin:0 auto; }
.event_heading{padding-top: 15px;}
.company_event_box .event-post {
    width: 100%!important;
}
.apply_link {
    position: initial!important;
    padding-top: 18px;
    float: left;
    width: 100%;
}
}
.card-body.new-card-body {padding: 0rem 1rem!important;}
.img-div { text-align: center;}
.img-div-img { width: 100px; height: 100px; object-fit: contain;}
.staff_agumentation_banner { background:#3F51B5;}
.staff_agu_banenr_content h6{ font-size:1.5rem }
.staff_agu_banenr_content p{ font-style: italic;}
.staff_container img{width: 100%; height:378px; object-fit: contain;}
nav.clearheader.fixed-top { position: fixed; top: 202px; bottom: auto; z-index: 10; left: 111px; width: 17%;}
.staff_bodywrap nav ul {list-style: none;padding: 0;}
.staff_bodywrap nav ul li {padding: 10px 0;}
.staff_bodywrap nav ul span {display: inline-block;position: relative;}
.staff_bodywrap nav ul li a {display: inline-block;color: #272727;text-decoration: none;font-size: 1em;}
.circle {height: 10px;width: 10px;left: -10px;border-radius: 50%;background-color: #272727;}
.rect {height: 3px;width: 0px;left: 0;bottom: 4px;background-color: #272727;-webkit-transition: -webkit-transform 0.6s, width 1s;-moz-transition: -webkit-transform 0.6s, width 1s;transition: transform 0.6s, width 1s;}
.staff_bodywrap nav ul li a:hover,
.staff_bodywrap nav .active-section {color: #9b59b6;}
.staff_bodywrap nav ul li a:hover span,
.staff_bodywrap nav .active-section span {background-color: #9b59b6;}
.staff_bodywrap nav .active-section .rect {width: 40px;}
.staff_grid_offer { text-align: center;}
.content-section { position: relative; width: 85%;float: left; text-align: center; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); margin-left: 7.5%;}
.content-section h1 {position: relative;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);color: #9b59b6;font-size: 3em;}
.about {position: fixed;bottom: 0;left: 1%;}
.about a {text-decoration: none;font-size: 1.5em;}
.about a:visited,
.about a:active,
.about a:link {color: #000;}
.about a:hover {color: red;}
.staff_bodywrap { float: left; width: 100%; position: relative;}
.staff_section_box h2, .fint_compaint_container h3, .we_support_container h2{ position: relative; text-align: left}
.staff_section_box h2::before, .fint_compaint_container h3::before, .we_support_container h2::before{ content: ""; position: absolute; left: 0; bottom: -6px; border-bottom: solid 5px #FF9800; width: 73px;float: left;}
.staff_border {border-left:solid 2px #ddd; border-right:solid 2px #ddd}
.expert_key_box { float: left; width: 100%; background: #ffff; padding: 15px 8px;    border-top-right-radius: 3px;border-top-left-radius: 3px;  margin-bottom: 20px; position: relative;box-shadow: rgb(149 157 165 / 8%) 0px 8px 24px; min-height: 130px;   }
.expert_key_box::before{ content: ""; position: absolute; width: 100%; left: 0; top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.expert_key_box h5{padding-top:15px; font-size: 18px;}
.expert_key_box p{ font-size:13px}
.advance_box { float: left; width: 100%; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 -1px 5px 0 rgba(0,0,0,.05); margin-bottom: 20px; background-color: #fff}
.icon_box_advance img{ width: 100%; height: 100px; object-fit: contain;}
.icon-box-editable__text { font-size: 16px; font-weight: 600; color: #333;}
.item-group-technology { display: flex; flex-wrap: wrap; margin: 0 -1px -1px 0; row-gap:4px; margin-bottom: 15px;}
.t-item-group-technology { height: 64px; margin: 0 1px 1px 0; position: relative; width: 96px; padding: 5px; border: solid 1px #ddd; background: #fff}
.t-item-group-technology img{display: block; height: 100%; object-fit: contain; width: 100%;}
.t-item-group-technology img::after { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 2;}
.plateform_skills h5{padding-bottom:15px}
.plateform_skills {float: left; width: 100%; text-align: left; margin-bottom: 8px; background: #f1f2f9; padding: 10px 15px;}
.find_complaint_container { float: left; width: 100%; border-bottom: none; bottom: 0; box-shadow: 0 2px 20px 0 rgba(0,0,0,.1); content: ""; display: block; transition: .3s; margin-top: 20px; margin-bottom: 20px;}
.fint_compaint_container { float: left; width: 100%; padding: 56px 40px; text-align: left;}
.fint_compaint_container ul { list-style: none; padding-left: 16px;}
.fint_compaint_container ul li { position: relative; padding-bottom: 15px;}
.fint_compaint_container ul li::before { width: 8px; height: 8px; background: #FF9800; content: ""; position: absolute; top: 9px; left: -15px;}
.find_compaint_img { padding: 40px;}
.find_compaint_img img{width: 100%; height: 300px; object-fit: contain;}
.we_supprt_content { float: left; width: 100%; padding:20px 15px; border: solid 1px #ddd; margin-bottom: 20px; min-height: 265px;}
.a-steps { display: flex; max-width: 100%; padding-bottom: 30px;  position: relative;}
.a-steps_number { background: #fff; border: 1px solid #dadfe3; display: inline-block; font-size: 18px; font-weight: 700; height: 40px; line-height: 1; margin-right: 0; padding: 10px 14px; text-align: center; transition: all .3s ease; white-space: nowrap;  z-index: 1;}
.a-steps_content { margin-left: 20px; max-width: 100%; width: 100%;}
.p-simple.wide .a-steps_name { margin: 0 0 20px;}
.a-steps_content-info { display: flex;justify-content: space-between;}
.a-steps_line { background: #dadfe3; content: ""; display: block; height: 100%; position: absolute; top: 0; width: 1px;}
.a-steps { display: flex; max-width: 100%;  padding-bottom: 30px; position: relative;}
.heading-class{font-size: 18px}
.heading-class, .a-steps_content-info { text-align: left;}
.icon-box-editable__text{color:#333!important}

/** Event page css**/

.event-banner_top {
    display: flex;
    justify-content: space-between;
}
.banner_devide-50:first-child{    padding-left: 100px;padding-top: 56px;}
.event_banner_conyent {
    width: 80%;
}
.banner_thumb_box{display: flex; justify-content: space-between;    column-gap: 20px;}
.banner_devide-50:last-child {
    width: 33%;
}
.banner_devide-50:last-child img{width:100%}
.event_thumb_box {
    border-radius: 10px;
    padding-top: 30px;
    overflow: hidden;
    text-align: center;transition: all .3s ease-in-out;
}
.event_thumb_box:hover{    transform: translateY(-15px);}
.event_thumb_box h4 {
    font-size: 16px;
    padding-bottom: 20px;
}
.event_company_logo {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 19px 0px;
}
.competitions_wrap{ display:flex; justify-content:space-between; }
.competitions_30 {
    float: left;
    width: 12%;
}
.competitions_70 {
    width: 82%;
}
.competitions_70 .logo-gallery{ margin-top:0px }
.competitions_30 span{font-weight: 600}
.explore_event_card{
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
}
.event_card {
    float: left;
    width: 100%;border-radius: 10px;justify-content: space-between;
    display: flex;padding-top: 14px;height:132px;
    overflow: hidden;transition: all .3s ease-in-out;
}
.event_card:hover{   transform: translateY(-15px);}
.event_card_img {
    float: right;
    width: 54%;
}
.event_card_img img{    width: 91%;
    object-fit: contain;
    height: 130px;
    float: right;}
    .event_card_text {
    padding-left: 15px;
}
.event_card_text span{color:#333!important}
.event_card_text h6{ font-size:20px }

@media (min-width:320px)  and  (max-width:720px) {
	.event_banner_conyent {
    width: 100%;    text-align: center;
}
.mobile_show{display: none;}
.sign-inner.p-0.w-75.m-auto{ width:96%!important }
a.captcha-refresh {
    float: right;
    z-index: 999;
    position: relative;
        top:-14px!important;
    right: -32px!important;
}
.mobile_dropdown .dropdown-menu.show{ width:100%!important }
.explore_event.float-start.w-100.mb-5 {
    margin-bottom: 0!important;   
}
.banner_thumb_box.float-start.w-100.mt-5{ margin-top:0px!important }
	.banner_devide-50:first-child{padding-left: 0; padding-top: 25px;}

.event-banner_top{ flex-wrap:wrap; }
.banner_thumb_box{column-gap: 0;
    flex-wrap: wrap;
    row-gap: 15px;}	
  .event_thumb_box{ width:48% }
  .banner_devide-50:last-child, .event_company_logo{display: none;}
  .explore_event{margin-top: 35px}
  .explore_event_card{    flex-wrap: wrap; row-gap: 15px}
  .event_card_img img {
    width: 72%;}
    .event_col {
    padding-bottom: 15px;}
}

.apply_link {
    position: absolute;
    right: 27px;
    top: 73px;
}
.company_event_box .event-post{ width:88% }
.event-post h6 span{ font-size:18px!important }
.ourwork-tab-wrap .card::after{}


/** hachathon detail page css here*/
.content-description {
    background: #fff;
    padding: 20px 30px;
    margin-top: 0px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px;
}
.organize_time_grid {
    display: flex;
    justify-content: space-between;
}
.organize_date {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    column-gap: 15px;
}
.calender_icon {
      border: solid 1px #ccc;
    padding: 7px 15px;
    font-size: 22px;
    border-radius: 8px;
    line-height: 40px;
    height: 52px;
    color: #666;
}
.important_box h4{ padding-bottom:18px }
.calender_date h5 {
    font-size: 16px;
    padding-top: 10px;
}
.calender_date p, .calender_date h5{ padding-bottom:0px!important; padding-top:0px; margin-bottom:0px }
.important_box h4{ font-size:20px }
.content-description h1{ font-size:28px; padding-bottom:20px }
 .content-description h2, .content-description h3, .content-description h4, .content-description h5, .content-description h6{font-size:20px; padding-bottom:20px}
 .content-description ol li{ padding-bottom:15px; }
 .hachathon_content {
    width: 79%;
}
.hackathan_details {
    float: left;
    width: 100%;
}
.hackathan_details {
    float: left;
    width: 100%;
    margin-top: 30px;
    border-top: solid 1px #ddd;
    padding-top: 22px;
}
.hackathon_list {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    column-gap: 15px;
    margin-bottom: 26px;
}
.hackathon_icon{ padding:5px; color: var(--bs-secondary); }
.hackathon_icon {
    padding: 10px 15px;
    background-color: #f1f1f1;
    height: 45px;
    line-height: 30px;
    border-radius: 8px;
}
.hachathon_content p, .hachathon_content  h6{ padding-bottom:0px; margin-bottom:0px }
.hachathon_content h6{ font-size:16px }
.sidebar {
    width: 300px;
    padding: 10px;
    background-color: #f1f1f1;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 5px;
    transition: top 0.3s;
}
.fixed-sidebar {
    position: fixed;
    width: 365px !important;
    right: 68px;
}
.calender_date h5{ font-size:16px!important }
.hackathon_faq_accordian .accordion .accordion-item{ margin-bottom:15px }
.hackathon_faq_accordian .accordion-item:not(:first-of-type) {
 border-top:1px solid rgba(0,0,0,.125)!important; 
}

.hackathon_scroll {
    float: left;
    width: 110%;
    overflow-y: auto;
    height: 200px;
}
.hackathon_scroll .hachathon_content h6{ font-size:12px }


/**Cratee Cv css**/
.create_cv_container {
    background: #fff;
    padding: 35px 25px;
    float: left;
    width: 100%;
    margin-top: 20px;    min-height: 420px;
}
.create_cv_container .tab-content{margin-top: 30px; float:left; width: 100%;    margin-bottom: 30px;}
.basic_detail, .add_member {
    display: flex;
    justify-content: space-between;
    float: left;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 15px;
}
.position-cv {
    width: 32%;
}
.basic_detail .position-cv .form-control, .position-cv .form-control, .position-input .form-select, .position-input .form-control {
    height: 50px;
    font-size: 16px;
    line-height: 36px; color: #666;
}
.edication_conatiner{ float:left; width:100% }
.position-input {
    float: left;
    margin-bottom: 1px;
    width: 32%;
}
.add_table .add_member .position-input,  #addReferenceTable .add_member .position-input{    width: 30%;}
.education_conatiner .add_member .position-input{ width:48.5% }
.certification_conatiner .add_member .position-input{ width:49% }
#certificationTable .add_member .position-input{ width:46.5% }
.languages_conatiner .add_member .position-input{ width:48% }
#myTableLang .add_member .position-input{ width:46.5% }
#myTableAch .add_member .position-input{ width:94%!important }
#addProjectsTable .position_text {
    width: 94% !important;
    float: left;
}
#addProjectsTable .pro_table {    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;}
.create_cv_container .nav.nav-tabs .nav-item a.nav-link {    background-color: transparent !important; 
    color: #333 !important;
       padding:18px 13px; 
    font-size: 16px;
    line-height: 40px;
}
.create_cv_container .nav.nav-tabs{ border-color:var(--bs-primary)!important; }
.create_cv_container .nav.nav-tabs .nav-item a.nav-link.disabled{ color:#999!important }
.create_cv_container .nav.nav-tabs .nav-item a.nav-link.disabled span img{filter: grayscale(100%);}
.create_cv_container .nav.nav-tabs .nav-item a.nav-link.active{ color:#3f51b5!important;    border-bottom: solid; }
.position-input label, .position-cv label, .position_text label{padding-bottom: 8px; font-weight: 600;}
.create_cv_container .nav.nav-tabs .nav-item a.nav-link span{    width: 30px;
    float: left;
    margin-right:7px; }
.create_cv_container .nav.nav-tabs .nav-item a.nav-link span img{ width:100% }
 .genrate_cv{float: left;
    width: 100%;
    height:70vh;
    overflow-y: auto;}
.modal-open .modal {
    overflow-x: inherit!important;
    overflow-y: inherit!important;
}
    @media (min-width:1280px)  and  (max-width:1480px) {
    .create_cv_container .nav.nav-tabs .nav-item a.nav-link span {
    width: 22px;    margin-right: 6px;}
    .create_cv_container .nav.nav-tabs .nav-item a.nav-link {font-size: 12px;    padding: 6px 12px;}
    #internshipTable .fluid_area{ width:95%!important }
    #certificationTable .add_member .position-input, #myTableLang .add_member .position-input {    width: 45.7%;}
    #myTableAch .add_member .position-input {
    width: 93% !important;
}
.genrate_cv{height: 65vh;}
}
.generatedCV {
    height: 34px!important;
    width: 34px!important;
    text-align: center;
    line-height: 32px!important;
    padding: 0px!important;
}
#myTab {
    display: flex;
    flex-wrap: nowrap!important;
    overflow-x: auto;
    white-space: nowrap;
   overflow-y: hidden;
}

/* Style the individual tabs */
#myTab .nav-item {
    flex: 0 0 auto;
}

.inern_row button.remove.btn, #certificationTable .remove.btn, #addProjectsTable .remove.btn, #myTableLang .remove.btn, #myTableAch .remove.btn{ float: right;
    width: 27px;
    padding: 0;}
    .inern_row button.remove.btn img, #certificationTable .remove.btn img, #addProjectsTable .remove.btn img, #myTableLang .remove.btn img, #myTableAch .remove.btn img{width:100%}

/**company signup css**/
.company_signup {
background: #fff;
    float: left;
    width: 100%;
    height: 93vh;
}

.sign_up_right_box.sign_up_right_lestest{background:rgb(255 205 56)!important;
    height: calc(95.1vh - 20px);
    overflow: hidden;}
    .signup_page_wrap {
    height: 93vh;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.company_signup_content {
    width: 75%;
    margin: 0 auto;
}
.campus_images {
    width: 70%;
    margin: 0 auto;
}
.campus_images img{width: 100%}
.company_signup_content h1 span{    font-weight: 400;
    color: #064cb3 !important;}
    .company_signup_content p{ text-align:center; }
    .campus_count{ float:left; width:100%; margin-top:25px }
    .campus_count ul{    padding: 0;float:left; width:100%; display:flex; justify-content:space-between; column-gap:15px; list-style: none;}
    .campus_count ul li{    width: 33%;
    background: var(--bs-blue);
    padding: 23px 15px;
    font-size: 24px;
    text-align: center;
    color: #fff !important;}
    .campus_count ul li span{color:#fff!important; font-size:18px!important}