@import "font.css";
body{font-family:"HCLTech Roobert",sans-serif;color:#14142A;font-size:20px;font-style:normal;font-weight:400}
.container{width:1240px}
.text-justify{text-align:justify}
.navbar{padding-top:1.4rem;padding-bottom:1.4rem}
nav .nav-link{font-size:14px;font-weight:400;color:#14142A;margin-left:12px}
.navbar-nav .dropdown-menu{border:none;border-radius:0;background:transparent}
.dropdown-menu{opacity:0;transform:translateX(0);transition:all .3s ease}
.dropdown-item{background-color:#fff;margin:0 0 1px}
.navbar .dropdown:hover .dropdown-menu{opacity:1;visibility:visible}
#countryDropdown + .dropdown-menu{transform:translateX(-10px)}
.nav-item.dropdown:hover #countryDropdown + .dropdown-menu{transform:translateX(0)}
#langDropdown + .dropdown-menu{transform:translateX(10px)}
.nav-item.dropdown:hover #langDropdown + .dropdown-menu{transform:translateX(0)}
.dropdown-toggle::after{display:none!important}
.hero-section{background:url(../img/hero-img.jpg) lightgray 50% / cover no-repeat;color:#fff;height:500px;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 20px}
.hero-section h1{font-size:56px;font-style:normal;font-weight:300;color:#fff;margin:0 0 15px}
.hero-section p{font-size:20px;font-style:normal;font-weight:400;color:#fff;margin:0 0 42px}
.hero-section .btn{padding:12px 24px;font-size:16px;font-style:normal;font-weight:700;color:#5F1EBE;border-radius:5px;margin:0 0 50px}
.hero-section .btn.btn-light{background-color:#FCFCFC;border-color:#FCFCFC}
.outlinelink a{text-decoration:underline;color:#FCFCFC;font-size:14px;font-style:normal;font-weight:700}
.quicknav-links ul{display:flex;width:100%;margin:0 0 55px;padding:20px 0;list-style:none;align-items:center;justify-content:space-around}
.quicknav-links ul li a{text-decoration:none;font-size:14px;font-style:normal;font-weight:500;color:#6E7191}
.section-title{font-size:36px;font-style:normal;font-weight:300;color:#14142B}
.btn-primary{position:relative;overflow:hidden;display:inline-flex;padding:20px 32px;justify-content:center;align-items:center;gap:16px;border-radius:5px;background:#5F1EBE;border:none;font-size:18px;font-weight:700;text-align:center;z-index:1}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:active:focus{color:#fff;background:#5F1EBE;border:none;box-shadow:none}
.btn-primary::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#341688;border-radius:180px;transform:translate(-50%,-50%);transition:width 1s cubic-bezier(0.25,1,0.3,1),height 1s cubic-bezier(0.25,1,0.3,1);z-index:-1}
.btn-primary:hover::before{width:200px;height:200px}
.why-contract{margin:0 0 121px}
#toggleCarousel,#findtoggleCarousel{overflow:hidden;white-space:nowrap;width:38px;height:36px;padding:0 8px;transition:.5s ease-in;border-radius:5px;background:#EFF0F6;position:absolute;right:30px;margin:40px 0 0}
#toggleCarousel i,#findtoggleCarousel i{font-size:20px}
#toggleCarousel .btn-text,#findtoggleCarousel .btn-text{margin-left:8px;opacity:0;transition:opacity .3s ease}
#toggleCarousel:hover,#findtoggleCarousel:hover{width:95px}
#toggleCarousel:hover i,#toggleCarousel:hover span,#findtoggleCarousel:hover i,#findtoggleCarousel:hover span{color:#8258E8}
#toggleCarousel:hover .btn-text,#findtoggleCarousel:hover .btn-text{opacity:1}
.carousel-control-next,.carousel-control-prev{position:inherit;width:auto;opacity:1;float:left;top:40px}
.carousel-control-prev{margin-left:20px;border-radius:3px 0 0 3px;border:1px solid #d9dbe9b3}
.carousel-control-next{border-radius:0 3px 3px 0;border:1px solid #D9DBE9;border-left:0}
.carousel-control-next-icon,.carousel-control-prev-icon{background-image:none}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{opacity:1;background:#EFF0F6}
.carousel-control-next:hover svg path,.carousel-control-next:focus svg path,.carousel-control-prev:hover svg path,.carousel-control-prev:focus svg path{stroke:#14142B}
.find-your-spark{margin:0 0 135px}
.listitems-card li{display:inline-flex;padding:25px 28px 23px;align-items:center;gap:44px;flex-shrink:0;border-radius:3px;box-shadow:2px 8px 10px 0 #00000005;background:#EFF0F6;margin:0 0 8px;width:100%}
.joblisting-body{margin:45px 0}
.joblisting-body .accordion-button{background:#f4f4f4}
.joblisting-body .accordion-button:focus,.joblisting-body .accordion-button:active,.paginationtop .form-select:focus{box-shadow:none}
.getalert-text{text-decoration:none;color:#0f5fdc}
.joblisting-body .card-title a{text-decoration:none}
.jobdetils-body{background:#eff0f6}
.jobdetils-left{background:#fff;justify-content:flex-start;background:#fcfcfc;height:100%;display:flex}
.jobdetils-left-inner{max-width:1240px;padding:65px 0px 70px 0;margin: 0 auto;width: 100%;}
.summary-ul li p{margin-bottom:5px}
/* .jobdetils-right-section{background:#eff0f7;padding:70px 0 70px 70px} */
.jobdetils-right-inner{position:sticky;top:20px;transition:all .3s ease-in-out}
body.scrolled .jobdetils-right-inner{top:20px}
.jobdetils-right-inner .btn-primary:hover::before{width:110%}
.applyjob-modal-popup .col-form-label{font-size:16px;color:#333;padding:0;font-weight:300}
.applyjob-modal-popup .form-control, .applyjob-modal-popup .form-select{height:34px;--bs-border-radius:3px}
.applyjob-modal-popup .form-control:focus,.applyjob-modal-popup .form-control:active,.applyjob-modal-popup .form-select:focus,.applyjob-modal-popup .form-select:active,.applyjob-modal-popup .modal-header .btn-close:focus,.applyjob-modal-popup .modal-header .btn-close:active{box-shadow:none}
.applyjob-modal-popup .btn-close{width:.1rem;height:.1rem;margin-right:2px}
.applyjob-modal-popup .btn-primary,.applyjob-modal-popup .btn-secondary{padding:12px 24px;font-weight:400}
.addedu-text,.remove-edu-txt{font-size:16px;cursor:pointer}
.education-list{background:#f6f9f9;padding:5px;border-radius:3px;margin-bottom:5px;border:1px solid #ecf2f3}
.applyjob-modal-popup .modal-body{--bs-modal-padding:1.5rem}
.applyjob-modal-popup .modal-header{--bs-modal-header-padding:1rem 1.5rem}
.filtersform-section .form-control, .filtersform-section .form-select{background-color: #eff0f7;border-color: #eff0f7;border-radius: 3px;padding: .575rem .75rem;}
.filtersform-section .form-control:focus,.filtersform-section .form-control:active, .filtersform-section .form-select:focus, .filtersform-section .form-control:active{box-shadow: none;}
.filtersform-section .btn-primary{padding: .575rem .75rem;width: 100%;}
.filtersform-section .btn-primary:hover::before {
    width: 350px;
    height: 200px;
}
.viewjob-btn{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    background: #5F1EBE;
    border: 1px solid #5F1EBE;
    padding: 10px 20px;
    color: #fff;
    transition: all .3s ease-in;
}
.viewjob-btn:hover{
    border: 1px solid #5F1EBE;
    color: #5F1EBE;
}
.footer{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#E6EBF5;padding:50px 0 0;margin:40px 0 0;font-size:16px;font-weight:400}
.footer .section-title{color:#D7ECFD;margin:0 0 30px}
.footer p{color:#E6EBF5}
.footer-bottom-bg{background:linear-gradient(101deg,#14142B 0.41%,#05041E 85.07%);padding:15px 0;font-size:14px;font-style:normal;font-weight:300;color:#D9DBE9;margin:50px 0 0}
.footer-bottom-bg hr{margin:0 auto 23px;width:95%;display:none}
.quicklinks{margin:0 0 0 15px}
.quicklinks a{text-decoration:none;color:#D9DBE9}
.footer-bottom-bg small{font-size:14px;color:#D9DBE9}
@media (max-width: 767px) {
.container{width:100%}
.listitems-card{margin-top:70px}
.joblisting-body .accordion{margin:0 0 30px}
.jobdetils-left-inner{padding-left: 15px;padding-right: 15px;}
.jobdetils-right-section{padding-left: 25px;padding-right: 25px;}
}
@media (min-width: 992px) {
.navbar .dropdown:hover .dropdown-menu{display:block;margin-top:0}
}