@font-face { font-family: 'Jost'; src: url('../fonts/Jost-Bold.eot'); src: url('../fonts/Jost-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Jost-Bold.woff2') format('woff2'),  url('../fonts/Jost-Bold.woff') format('woff'), url('../fonts/Jost-Bold.ttf') format('truetype'); font-weight: bold;font-style: normal; font-display: swap;}
@font-face { font-family: 'Jost'; src: url('../fonts/Jost-ExtraBold.eot'); src: url('../fonts/Jost-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Jost-ExtraBold.woff2') format('woff2'), url('../fonts/Jost-ExtraBold.woff') format('woff'), url('../fonts/Jost-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: 'Jost'; src: url('../fonts/Jost-Black.eot'); src: url('../fonts/Jost-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-Black.woff2') format('woff2'),  url('../fonts/Jost-Black.woff') format('woff'), url('../fonts/Jost-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap;}
@font-face { font-family: 'Jost'; src: url('../fonts/Jost-SemiBold.eot'); src: url('../fonts/Jost-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-SemiBold.woff2') format('woff2'), url('../fonts/Jost-SemiBold.woff') format('woff'),  url('../fonts/Jost-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face { font-family: 'Jost'; src: url('../fonts/Jost-ExtraLight.eot'); src: url('../fonts/Jost-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-ExtraLight.woff2') format('woff2'), url('../fonts/Jost-ExtraLight.woff') format('woff'),  url('../fonts/Jost-ExtraLight.ttf') format('truetype');  font-weight: 200; font-style: normal; font-display: swap;}
@font-face { font-family: 'Jost'; src: url('../fonts/Jost-Thin.eot');src: url('../fonts/Jost-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-Thin.woff2') format('woff2'), url('../fonts/Jost-Thin.woff') format('woff'), url('../fonts/Jost-Thin.ttf') format('truetype'); font-weight: 100;font-style: normal; font-display: swap;}
@font-face {  font-family: 'Jost'; src: url('../fonts/Jost-Regular.eot'); src: url('../fonts/Jost-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Jost-Regular.woff2') format('woff2'),  url('../fonts/Jost-Regular.woff') format('woff'),  url('../fonts/Jost-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'Jost'; src: url('../fonts/Jost-Light.eot'); src: url('../fonts/Jost-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-Light.woff2') format('woff2'), url('../fonts/Jost-Light.woff') format('woff'), url('../fonts/Jost-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family: 'Jost'; src: url('../fonts/Jost-Medium.eot'); src: url('../fonts/Jost-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Jost-Medium.woff2') format('woff2'), url('../fonts/Jost-Medium.woff') format('woff'), url('../fonts/Jost-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap;}

body{font-family: 'Jost', sans-serif!important;  margin:0 auto;padding:0!important;color: #1d2124!important;  -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;background-color: #fff!important; font-weight: 400}
h1, h2, h3, h4, h5{font-weight:600!important; color: #1D2124}
h6{ font-weight: normal}
p, span, small, li{color:#707070!important;}
p{font-size: 18px!important} 
.btn-primary{background-color:#1c48bf!important; border-color:#1c48bf!important}
.btn{padding-left:20px!important; padding-right: 20px!important}
.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;}
.logo-gallery{display: flex; justify-content: space-between;  margin-bottom: 30px; margin-top: 30px;}
.body_container { float: left; width: 100%; position: relative; overflow: hidden;}
.bg-black{background-color:#171717!important}
.custom-header.fixed-top{background-color: transparent;position:relative!important} 
.Header_menu{    flex-grow: 0!important;}
.schedulea_demo_btn {
    float: left;
}
.schedulea_demo_btn a {
background: linear-gradient(to right,  rgba(0,58,109,1) 0%,rgba(255,24,24,1) 100%); 

    width: 100%;
    float: left;
    font-size: 20px;
    text-align: center;
    color: #fff!important;
    text-decoration: none;
    border-radius: 8px;
        padding: 8px 20px !important;
    font-weight: 500;
}
.schedulea_demo_btn a:hover{  color: #fff;}
@media (min-width:360px)  and  (max-width:480px) {
.main_container { overflow-y: scroll;  margin-top: 43px!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;}	
}

/**cuntry job seeker page **/
.country_banner_container{background:#f9b314; padding-top:65px;}
.talent_flex { display: flex; justify-content: space-between; margin-top: 40px!important; margin-bottom: 40px; flex-wrap: wrap;column-gap:0px;}
.talent_grid {width:19%; 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; background: #fff}
.talent_grid:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.talent_icon img{width: 18%;}
.talent_grid h2 { font-size: 1.45rem; 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; z-index: -1;}
.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: #f9b314;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;     margin-bottom: 0;}
.talent_skills ul li{background: #ffd77b; border-radius: 50px;  padding: 5px 20px;  font-size: 16px; color: #000!important; font-weight: 400;}
.talent_position{ padding-top: 18px;}
.talent_skills { padding-top: 14px;}
.talent_network_conrtainer { float: left; width: 100%; margin-top: 3%; margin-bottom: 3%;}
.talent_position {width: 20%; font-weight: 600;}
.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[type="text"], .form_talent_hire input[type="email"], .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;}
.form_footer_btn-top{order:3}
@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:1280px)  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;}
.talent_flex{column-gap: 12px;}
.custom-header .navbar-brand{margin-bottom: 10px!important;}
.custom-header .navbar-brand img{height: 75px!important;}
.dropdown .dropdown-menu{padding:0px!important}
.mobile_intro li ul li a.dropdown-toggle{padding: 0.25rem 0.5rem!important;}
}





@media (min-width:320px)  and  (max-width:720px) {
.talent_remote_container {align-items: inherit!important; flex-direction: column;}
.talent_left_side {width: 100%;order: 2;}
.talent_right_side_container { width: 100%;}
.right-section{ padding: 15px;}
.header_slection{flex-direction: column;}
.step-status {order: 1;width: 33%;margin-bottom: 10px;}
.right-heading h3 {font-size: 1rem;line-height: 26px;}
.right-section .talent-form { margin-top:0px!important}
.page_logo{display: none}
.sidebar_top_wrap{margin-top:0px;}
.talent-form .form_footer_btn{margin-bottom: 0px!important}
.hire-talent_exp_container {float: left;width: 100%;}
.hire-talent_exp_container ul{float: left;width: 100%;flex-wrap: wrap;row-gap: 20px;}
.hire-talent_exp_container ul li{ width: 100%;}
.talent_open_box {width: 100%;}
.talent-tag {font-size: 14px;line-height: 17px;font-weight: 500;}
.banner_over_flow {content: none;background-color: transparent!important;position: inherit!important;top: 0;right: 0;width: 100%;height: 100%;}
.joinus_banner {width: 80%!important;padding-top: 36px!important;text-align: center;}
.join_us_form{padding-left: 0!important;padding-bottom: 15px;}
.join_us_video_wraper .joinus_video {width: 100%!important;}
.count_row{flex-wrap: wrap; gap: 48px;}
.join_us_count{ padding: 34px 0px!important;}
.slide-video {width: 100%!important;}
.join_find_gallery.talent_flex .talent_grid.talent-grid_p1 {width: 100%!important;}
.join_us_form input, .join_us_form select{ height: 45px}
.join-us-banner{background: 0px!important}
.header.custom-header .navbar-toggler { font-size: 1.8rem!important;line-height:40px!important;padding: 0!important;}
.header.custom-header .navbar-toggler .navbar-toggler-icon img{width: 28px;}
.header.custom-header  .navbar-toggler:focus{ box-shadow: none!important}
.country_talent_box, .talent_network_conrtainer, .talent_paramiter-container, .how-to-container, .hire-a-talent_container, .country_talent_box, .specify_conatiner, .hiring_journy_section, .hire_expertise, .abouus_container{padding-left: 0px!important}
.footer footer ul{ flex-wrap: wrap;padding: 0;}
.content_section{ padding-top:0px!important; }
}
/****join us page start here***/
.join-us-banner{background: url(../images/work_for_us.jpg) no-repeat top;background-size: cover;margin-top: -65px;position: relative;    z-index: -1;}
.banner_over_flow{ content: "";background-color:rgb(255 193 7 / 58%);position: absolute;top: 0;right: 0;width: 50%;height: 100%;}
.join_us_form { z-index: 9;position: relative;padding-left: 30px;}
.joinus_banner_form {width: 100%;padding-top: 40px;margin: 0 auto;}
.joinus_banner { width: 76%;margin: 0 auto;padding-top: 180px;}
.joinus_banner h1{color: #fff; display: inline; background: #3F51B5; padding: 0px 5px; line-height: 70px;font-size: 2.4rem;}
.ResponsiveYTPlayer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .ResponsiveYTPlayer iframe, .ResponsiveYTPlayer object, .ResponsiveYTPlayer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.join_us_video_wraper {float: left;width: 100%;background: #000;}
.joinus_video {width: 75%!important;margin: 0 auto;padding-top: 40px;padding-bottom: 40px; }
.join_us_count {float: left;width: 100%;background: #3F51B5;padding: 100px 0px;}
.count_row {float: left;width: 100%;display: flex;justify-content: space-around;}
.count_box h2 {font-size: 3rem;color: #fff;font-weight: 600!important; text-align: center;}
.count_box h6{ color: #fff;font-weight: 400!important;font-size: 1.8rem; text-align: center;}
.slide-video {width: 65%;margin: 0 auto;background-color: #fff;border: 1px solid #d6d6d6;border-radius: 4px;box-shadow: 1px 1px 20px 0 rgba(0,0,0,.45);padding: 8px;}
.join_find_gallery.talent_flex{flex-wrap: wrap; grid-row-gap: 20px }
.join_find_gallery.talent_flex .talent_grid.talent-grid_p1{width:32.33%}
.talent_slog_img img{ width: 80px; height: 80px;}

@media (min-width: 320px) and (max-width: 767px){
.mobile_intro{ background:#171717; border: solid 1px #ddd;padding: 10px;}
.navbar-collapse {flex-basis: 100%!important; z-index: 9}
.mobile_intro li{padding-bottom: 0px;}
.header .navbar-brand {width:50%!important; padding: 0;  margin-left: 10px; margin-bottom: 0px!important}
.navbar-toggler:focus{ box-shadow: none!important;}
.primary_header  .navbar-toggler-icon{ width: 1em;height: 1em;}
.Header_menu {padding-left:0%;position: absolute;left: 0;right: 0;top: 62px;bottom: 0;background:#171717;height: 100vh;border-top: solid 1px solid 1px #000;padding-top: 15px;height: calc(95vh - 30px);}
.mytat_front{margin-top: 5%!important}
button.w3-bar-item.w3-button.w3-large {display: block;position: absolute;top: -44px;width: 33px;border: 0;background-color:#171717;right:19px;}
button.w3-bar-item.w3-button.w3-large img{width: 28px}
ul.navbar-nav.me-auto.mobile_intro{width: 100%!important;padding-left: 15px!important;border: 0;}
.dropdown .dropdown-menu{border: 0;padding: 0;}}

/** header menu Css here**/
.sub_menu_right {width: 25%;}
.dropdown-menu{min-width:100%!important;}
.w3-bar-item{display: none}
.mobile_intro .dropdown .dropdown-toggle::after {content: "";border: 0px;background: url(../images/arrow-down-black.svg) no-repeat;width: 16px;height: 16px;position: absolute;background-size: contain;top: 12px;right: 10px;}
ul.navbar-nav.me-auto.mobile_intro {width: 75%;padding-left: 22%;}
.dropdown-menu .dropend a::after{right: 10px!important;}
.mobile_intro .mobile_intro{min-width: 17rem;}
.navbar-nav .nav-link {color: #fff; }
.dropend .dropdown-toggle {color: #fff;margin-left: 1em;}
.dropdown-item:hover {background-color: lightsalmon;color: #fff;}
.dropdown .dropdown-menu {display: none;}
.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu {display: block;margin-top: 0em;margin-left: 0em;}
.toggle_icon::after{rotate: 180deg;}
@media screen and (min-width: 769px) {
.dropend:hover > .dropdown-menu {position: absolute;top: 0;left: 100%;}
.dropend .dropdown-toggle {margin-left: 0.5em;}
}

/** inner page css**/
.banner_footer {background:#F5F6F7;}
.content_section {float: right;width:100%;padding-top: 80px;}
.navsidebar-section {    width: 100%;
    float: left;
    position: fixed;
    z-index: 999;}
    .var_nav {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;padding-right: 15px;
}
.custom-header .navbar-brand {width:15%;float: left;}
.dropdown-item:focus, .dropdown-item:hover{background:#171717!important}
.custom-header .navbar-brand img{width:100%;object-fit: contain;height:55px;padding-left: 16px;}
.navbar-toggler{display: none}
ul.navbar-nav.me-auto.mobile_intro {width: 100%;
    padding-left: 16px;
    list-style: none;
    display: flex;gap: 15px;}

.sub_menu_right ul{  list-style: none;display: flex;justify-content: start;column-gap: 10px;margin: 0;padding-left: 20px;}


.mobile_intro li ul li a.dropdown-toggle{ padding-left: 0px!important}
ul.navbar-nav.me-auto.mobile_intro li a.dropdown-item{    color: #fff !important;
    font-size: 18px;
    padding: 13px;}
.fixed-top{position: inherit!important}





/**internship page css**/

.internship-banner {float: left;width: 100%;    margin-bottom: 20px;background: #f9b314;}
.internship_banner_row {float: left;width: 100%;display: flex;gap: 20px; }
.internship_banner_left {width: 70%;display: flex;align-items: center;padding: 0px 80px;}
.internship_banner_right{width:30%;}
.internship_banner_right img{ width:100% }
.internship_content h1{font-size: 3.5rem;line-height: 56px;}
.internship_content p{font-size:20px;}
.intership_virtual { float: left; width: 100%; background:url(../images/intern_vertual_img.png) no-repeat left center; height:600px;object-fit: fill; position:relative;display: flex;
align-items: center;padding: 0px 70px;}
.intership_virtual::before{ background-color: #333333cc;content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0px;height: 100%; }
.intern_1 {float: left;width: 100%;z-index: 99;position: relative;padding: 80px 0px;}
.internship_section h3{ font-size:3rem; }
.intern_1_row {float: left;width: 100%;display: flex;justify-content: space-between;gap: 20px;}
.intern_1 h2, .intern_1 p, .intern_1 h3{ color:#fff;    margin: 0; }
.intern_1 h3{ font-size: 18px;}
.intern_1_grid {display: flex;gap: 15px;}
.intern_1_img img{ background: #fff;border-radius: 10px;padding: 7px;width: 40px;height: 40px; }
.intern_1 h2{ padding-bottom:40px; font-size:3rem }
.intern_1 p{ padding-top:20px; font-size:20px; } 
.intern_side_section{float: left;width: 100%;margin: 40px 0px;padding: 0px 60px; }
.intern_unlock {display: flex;justify-content: space-between;gap: 25px;float: left;width: 100%;}
.unlock_image {width: 35%;float: left;}
.unlock_image img{ width:100% }
.unlock_row {width: 67%;}
.unlock_grid {display: flex;column-gap: 15px;    align-items: center;}
.unlock_icon{ width:110px; }
.unlock_icon img{width: 100%;height:191px; }
.unlock_row h2{    font-size:3rem; margin-top: 0; padding-bottom: 25px;}
.unlock_content h4{ font-size:2rem }
.unlock_content p{ font-size:20px; }
.intern_02_section {float: left;width: 100%;padding: 0px 60px;margin:50px 0px;}
.intern_02_box {float: left;width: 100%;display: flex;gap: 20px; padding-top: 20px;}
.intern_02_content h3{ font-size:3rem }
.intern_02_grid h4{font-size: 25px;}
.intern_02_grid p{ font-size:18px; } 
#pyramid-level-5 {border-bottom: 70px solid #d6f5ee;border-left: 55px solid transparent;border-right:55px solid transparent;height: 0;width: 131px;margin-right: auto;margin-left: auto;margin-bottom: 3px;}
#pyramid-level-4{border-bottom: 70px solid #d6f5ee;border-left: 50px solid transparent;border-right: 50px solid transparent;height: 0;width: 232px;margin-right: auto;margin-left: auto;    margin-bottom: 3px;}
#pyramid-level-3 {border-bottom:86px solid #d6f5ee;border-left: 50px solid transparent;border-right: 50px solid transparent;height: 0;width: 330px;margin-right: auto;margin-left: auto;    margin-bottom: 3px;}
#pyramid-level-2 {border-bottom: 70px solid #d6f5ee;border-left: 50px solid transparent;border-right: 50px solid transparent;height: 0;width: 429px;margin-right: auto;margin-left: auto;    margin-bottom: 3px;}
#pyramid-level-1 {border-bottom: 70px solid #d6f5ee;border-left: 50px solid transparent;border-right: 50px solid transparent;height: 0;width: 528px;margin-right: auto;margin-left: auto;}
#pyramid-level-1, #pyramid-level-2, #pyramid-level-3, #pyramid-level-4, #pyramid-level-5{    position: relative;}
#pyramid-level-1 span, #pyramid-level-2 span, #pyramid-level-3 span, #pyramid-level-4 span, #pyramid-level-5 span{position: absolute;left: 0;right: 0;top: 16px;bottom: 0;text-align: center;font-size: 25px;font-weight: 800;color: #283D64;;}
.pyramid-container {width:341px;display: flex;flex-direction: column;justify-content: center;flex-wrap: wrap;    margin-top: 40px;}
.pyramid_wrap {float: left;width: 100%;display: flex;justify-content: start;    position: relative;}
.pyramid_content ul{position: absolute; left: 0; list-style: none; padding: 0}
.pyramid_content ul {position: absolute; left:237px; list-style: none; padding: 0; top: 25px;}
.pyramid_content ul li:first-child {height: 49px;border-bottom: solid 2px #e5e0df;float: left;width: 100%;line-height: 24px;font-size: 20px;font-weight: 800;color: #333F70;}
.pyramid_content ul li:nth-child(2){height: 73px;border-bottom: solid 2px #e5e0df;float: left;width: 95%;line-height: 65px;font-size: 20px;font-weight: 800;color: #333F70;margin-left: 51px;}
.pyramid_content ul li:nth-child(3){height: 73px;border-bottom: solid 2px #e5e0df;float: left;width: 89%;line-height: 65px;font-size: 20px;font-weight: 800;color: #333F70;margin-left: 100px;}
.pyramid_content ul li:nth-child(4){height: 73px;border-bottom: solid 2px #e5e0df;float: left;width: 83%;line-height: 65px;font-size: 20px;font-weight: 800;color: #333F70;margin-left: 150px;}
.pyramid_content ul li:last-child{ height: 73px;float: left;line-height: 65px;font-size: 20px;font-weight: 800;color: #333F70;margin-left: 200px;}
.pyramid_content.pyramid-level ul li:nth-child(2) {height: 76px !important;line-height: 28px;padding-top: 9px;padding-left: 20px;}
.pyramid_content ul li:first-child{    height: 85px !important;line-height: 28px;padding-top: 15px;padding-left: 20px;}
.pyramid_content.pyramid-level ul li:last-child{ margin-left: 100px!important; height: 86px!important; height: 85px !important;
line-height: 28px; padding-top: 15px;padding-left: 20px;}
.intern_globle_wrap { float: left; width: 100%;}
.intern_globle_wrap ul{ list-style:none; float:left; width:100%; display:flex; justify-content:center; gap:25px; flex-wrap:wrap; }
.intern_globle_wrap ul li h2{font-size:3rem; padding-bottom: 10px;text-align: center;}
.intern_globle_wrap ul li h5{font-size:22px;text-align:center;}
.intern_globle_wrap ul li p{ text-align:center; font-size:18px; }
.intern_globle_wrap ul li{ width:48% }
.campus_03_section {float: left;width: 100%;height: 550px;overflow: hidden;position: relative;}
.campus_03_section img {width: 100%;object-fit: cover;height: 550px;}
.campus_midd_overlap {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgb(0 0 0 / 50%);padding: 100px 0px;}
.campus_midd_wrap h2 {font-size: 3rem;font-weight: 700;margin: 0;color: #fff;}
.campus_midd_content {display: flex;justify-content: space-between;column-gap: 25px;float: left;width: 100%;margin-top: 50px;}
.compus_midd_box {background:#ffffff;padding: 20px 30px;width: 33.33%;border-radius: 8px;}
.campus_midd_wrap {float: left;width: 100%;padding: 0px 60px;}
.compus_midd_box h3{ font-size:1.45rem }
.campus_06_section {float: left;width: 100%;margin: 100px 0px;padding: 0px 60px;}
.compus_06_wrap h2{ font-size:3rem; }
.internship_section {float: left;width: 100%;margin: 50px 0px;padding: 0px 60px;}
.internship_row {float: left;width: 100%;display: flex;justify-content: space-between;gap: 15px;align-items: center;}
.internship_grid {border: solid 1px #ddd;padding: 15px;float: left;width: 100%;display: flex;gap: 10px;}
.course_logo {width: 80px;}
.course_grid {width: 82%;}
.course_logo img{width: 100%}
.internship_page {float: left;width: 100%;height: 92.2vh;}
.internship_top {align-items: center;float: left;width: 100%;background: #f9b314;padding: 65px 65px;display: flex;justify-content: space-between;}
.internship_right {text-align: center;float: left;width: 22%;display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
.internship_right .course_logo {background: #fff;width: 120px;padding: 10px;}
.inern_detail_container {float: left;width: 100%;padding: 65px;}
.Product_content_section {float: left;width: 100%;margin-top: 40px;}
.box_topic a {float: left;width: 100%;display: flex;gap: 15px;padding: 10px;color: #666;text-decoration: none;font-size: 18px;    align-items: center;}
.box_topic a:hover{ color:#666;     cursor: default; }
.box_topic a img{width: 16px;height: 20px;}
.course_btn{ display: flex;justify-content: space-between;align-items: center;}
.data_loop {display: flex;gap: 20px;color: #444;}
.footer footer ul{float:left; width:100%; display: flex; justify-content: space-between; margin-bottom: 0; list-style: none;}
.footer footer ul li a{ color:#fff; text-decoration:none; }
@media (min-width:320px)  and  (max-width:720px) {

.internship_banner_row, .internship_row, .internship_grid, .intern_1_row, .intern_unlock, .intern_02_box, .campus_midd_wrap, .campus_midd_content{flex-wrap: wrap;}
.internship_banner_left, .internship_section, .intership_virtual, .intern_side_section, .intern_02_section, .intern_02_content h3, .campus_midd_wrap, .campus_06_section{    padding: 0px 15px; width:100%}
.internship_content h1 { font-size: 2.5rem; line-height: 49px; padding-top: 25px;}
.internship_banner_right, .unlock_image, .course_grid, .unlock_row, .compus_midd_box, .pyramid-container, .intern_globle_wrap ul li {
width: 100%;}
.internship_grid{ justify-content:center; }
.internship_section h3, .intern_1 h2, .unlock_row h2, .compus_06_wrap h2{ font-size:2.5rem }
.unlock_content h4 { font-size: 1.3rem;}
.campus_midd_overlap{position: relative; float: left; width: 100%;}
.campus_03_section{ height:100% }
.campus_midd_content{ gap:15px; }
.pyramid_wrap{width: 100%;flex-wrap: wrap; }
.pyramid_content ul { position: relative; left: 0;}
.pyramid_content ul li:first-child, .pyramid_content.pyramid-level ul li:nth-child(2), .pyramid_content.pyramid-level ul li:last-child{ height: auto!important; padding-left: 0; margin-left: 0!important}
.internship_top{padding: 65px 15px;}
.inern_detail_container{padding: 15px;}
}