.connect-page h1 {
    font-size: 58px;
    font-family: 'SegoeUI-Bold';
    text-transform: uppercase;
    color: #282a76;
    text-align: center;
}

.connect-page .bottom-border {
    border-bottom: 1px solid #272974;
    width: 180px;
    display: inherit;
    margin: 1rem auto 2.5rem;
}

.connect-page p{
    font-size: 1.2rem;
    font-family: 'SegoeUI';
    color: #282a76;    margin-bottom: 1rem;
    text-align: justify;
        }

        .connect-page ul li, .connect-page ol li{
            color: #282a76; 
            margin-left: 20px;
        }

    .bg-link{
        font-family: 'SegoeUI-Bold';background: #fff83f;color: #282a76; 
    }

    .map-boxes {
display: flex;
justify-content: space-between;
}

.map-boxes .text-content{

position: absolute;
width: fit-content;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.map-boxes .text-content2{

position: absolute;
width: fit-content;
top: 50%;
left: 64%;
transform: translate(-50%, -50%);
width: 65%;
}
.map-boxes .text-content3{
position: absolute;
top: 42%;
left: 46%;
width: fit-content;
transform: translate(-50%, -50%);
}
.map-boxes .box {
width: 49.8%;
border: palegoldenrod;
padding: 22% 0;
border-radius: 3px;    margin-bottom: 3px;
    position: relative;
}

.career-boxes .box{
    width:100%;
    padding: 0.5rem 1.25rem;
    background: #212577;
    margin: 3px 0;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    border: 2px solid #212577;
    background: radial-gradient(rgb(86 89 249) 0%, rgb(50 52 151));
    transition: all 0.5s ease-in-out;

    /* height: 120px; */
}

.career-boxes .box:hover {
    background: linear-gradient(90deg, rgb(71 74 197) 0%, rgb(43 46 139) 100%);
    box-shadow: 1px 2px 10px 4px #7676769c;
    transform: scale(1.015);
    transition: all 0.5s ease-in-out;

}

/* .career-boxes .box:hover {
} */

.career-boxes .box.active{
    background: transparent;
    transform: scale(1.015);
    transition: all 0.5s ease-in-out;
    box-shadow: 1px 2px 10px 4px #7676769c;

}

.career-boxes .box.active h2 {
    color: #212577;
}

.connect-page .bottom-border-left {
    border-bottom: 1px solid #272974;
    width: 180px;
    display: inherit;
    margin: 0.5rem 0;
}

.career-boxes .box h2 {
    font-size: 2rem;
    font-family: 'SegoeUI';
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.career-boxes .box h2 img {
    width: 35px;
    margin-right: 20px;
}

.career-boxes .box h2 p {
    color: #fff;
    font-family: 'SegoeUI';
    font-weight: 600;
    text-align: center;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}
.career-boxes .submit-cv {
    background: #fff;
    color: #272974;
    font-size: 1rem;
    padding: 5px 15px;
    border: 2px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    box-shadow: 0 0 9px 3px #100f0f3d;
}

.career-boxes h2 span{font-size: 1.5rem; font-weight: 700;}

.map-boxes .box h2{
    font-size: 2rem;
    font-family: 'SegoeUI';
    text-transform: uppercase;
    color: #ffffff;text-align: center;margin-bottom: 0;
}
.map-boxes h2 span{font-size: 4.5rem; font-weight: 700;}
.map-boxes .box p, .map-boxes .box a{
    font-size: 1.5rem;
    font-family: 'SegoeUI-Bold';
    color: #ffffff;
    margin-bottom: 1rem;
}
.map-boxes .box p.company{
    font-family: 'SegoeUI';
    text-align: left;
}
.map-boxes .box p.address{
    font-family: 'SegoeUI';
    font-size: 1.2rem;
} 
.map-boxes .box p i{margin-right: 1rem;}
.map-boxes .box.map1{
    background: #212577 url(../images-front/india-map.png) no-repeat left center;
    background-size: contain;
}
.map-boxes .box.map2{
    background: #212577 url(../images-front/UK-map.png) no-repeat center center;
    background-size: contain;
}
.map-boxes .box.map5{
    background: #212577 url(../images-front/USA-map.png) no-repeat center center;
    background-size: contain;
}

.map-boxes .box.map3{
    background: #212577 url(../images-front/india-mapMark.png) no-repeat left center;
    background-size: contain;
}
.map-boxes .box.map4{
    background: #212577 url(../images-front/UK-mapMark.png) no-repeat center center;
    background-size: contain;
}
.map-boxes .box.map6{
    background: #212577 url(../images-front/USA-mapMark.png) no-repeat center center;
    background-size: contain;
}

.connect-page h2{
    font-size: 2.5rem;
font-family: 'SegoeUI-Bold';
text-transform: capitalize;
color: #282a76;
margin-bottom: 1.5rem;
}


.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #fff;margin-bottom: 1rem;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #fff;
    border-color: #fff;
}

.panel-title {
    margin: 0;padding:1.25rem 1.5rem;cursor: pointer;
    background-color: #282a76;color:#fff;
font-size: 2rem;
font-family: 'SegoeUI-Bold';text-transform: uppercase;
}


.more-less {
    float: right;
    color: #ffffff;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff;background-color: #fff;padding:2rem 2rem 1rem;
}
.panel-body .title{
    font-size: 1.8rem;color: #282a76;
font-family: 'SegoeUI-Bold';margin-bottom: 1.5rem;margin-top: 1rem;
}
.panel-body ul{
list-style: none;
}
.panel-body p, .panel-body li{
font-size: 1.2rem;
font-family: 'SegoeUI';
color: #282a76;
margin-bottom: 0.5rem;position: relative;
}
.panel-body li{padding-left: 1.2rem;}
.panel-body ul li::before {
    content: "\2022";
color: #282a76;
font-weight: bold;
display: inline-block;
width: 1em;
font-size: 1.5rem;
position: absolute;
top: -4px;    left: 0;
}
/* .panel-body p span{font-family: 'SegoeUI-Bold';} */

.job-description-details ul li, .job-description-details ol li {
    margin-bottom: 0.5rem;
    margin-left: 1.5rem;
}

.job-description-details ul, .job-description-details ol {
    margin-bottom: 0.75rem;
}

.job-description-details strong, 
.job-description-details p strong, 
.job-description-details, 
.job-description-details ol li, 
.job-description-details ul li, 
.job-description-details u {
    color: #282a76 !important;
}

.job-description-details p.empty-span {
    margin: 0;
    font-size: 0.8rem;
}



.btn-lg{font-size: 1.6rem;border-radius: 6px;}

.career-india-boxes {
    /* border: 1px solid #ccc; */
    margin-bottom: 6px;
    padding: 0.65rem 1.25rem;
    height: auto;
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    /* flex-direction: column; */
}

.career-india-boxes h3 {
    font-size: 1.35rem;
    font-family: 'SegoeUI';
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 0;
    width: 100%;
}


.career-india-boxes {
    border-radius: 0px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    color: #fff;
}

.col-cbox {
    padding: 0 8px;
}

.col-cbox:nth-child(1) .career-india-boxes{
    /* background: linear-gradient(90deg, rgb(151 76 223) 0%, rgb(85 25 143) 100%); */
    background: radial-gradient(rgb(151 76 223) 0%, rgb(85 25 143));
    color: #fff;
    border: 2px solid #470983;
}

.col-cbox:nth-child(2) .career-india-boxes{
    /* background: linear-gradient(90deg, rgb(151 215 73) 0%, rgb(80 126 22) 100%); */
    background: radial-gradient(rgb(151 215 73) 0%, rgb(80 126 22));
    color: #fff;
    border: 2px solid #4f8d04;
}

.col-cbox:nth-child(3) .career-india-boxes{
    /* background: linear-gradient(90deg, rgb(100 201 169) 0%, rgb(67 135 114) 100%); */
    background: radial-gradient(rgb(100 201 169) 0%, rgb(67 135 114));
    color: #fff;
    border: 2px solid #0a7454;
}

.col-cbox:nth-child(4) .career-india-boxes{
    /* background: linear-gradient(90deg, rgb(249 131 40) 0%, rgb(183 85 10) 100%); */
    background: radial-gradient(rgb(249 131 40) 0%, rgb(183 85 10));
    color: #fff;
    border: 2px solid #a14b08;
}

.col-cbox:nth-child(5) .career-india-boxes{
    /* background: linear-gradient(90deg, rgb(213 41 48) 0%, rgb(92 1 5) 100%); */
    background: radial-gradient(rgb(213 41 48) 0%, rgb(92 1 5));
    color: #fff;
    border: 2px solid #580609;
}

.col-cbox:nth-child(6) .career-india-boxes{
    /* background: linear-gradient(90deg, rgb(93 96 229) 0%, rgb(14 17 167) 100%); */
    background: radial-gradient(rgb(93 96 229) 0%, rgb(14 17 167));
    color: #fff;
    border: 2px solid #0c0e81;
}
/* ================== hover effect for boxes ============ */


.col-cbox:nth-child(1) .career-india-boxes:hover{
    background: linear-gradient(45deg, rgb(151 76 223) 0%, rgb(85 25 143) 100%);
}

.col-cbox:nth-child(2) .career-india-boxes:hover{
    background: linear-gradient(45deg, rgb(151 215 73) 0%, rgb(80 126 22) 100%);
}

.col-cbox:nth-child(3) .career-india-boxes:hover{
    background: linear-gradient(45deg, rgb(100 201 169) 0%, rgb(67 135 114) 100%);
}

.col-cbox:nth-child(4) .career-india-boxes:hover{
    background: linear-gradient(45deg, rgb(249 131 40) 0%, rgb(183 85 10) 100%);
}

.col-cbox:nth-child(5) .career-india-boxes:hover{
    background: linear-gradient(45deg, rgb(213 41 48) 0%, rgb(92 1 5) 100%);
}

.col-cbox:nth-child(6) .career-india-boxes:hover{
    background: linear-gradient(45deg, rgb(93 96 229) 0%, rgb(14 17 167) 100%);
}

.career-india-boxes img {
    width: 2.25rem;
    margin-right: 18px;
    object-fit: contain;
    filter: invert(1);
    height: 28px;
}

.career_open_vacancies_tabs li.nav-item {
    width: 49.5%;
}

/* .career_open_vacancies_tabs .nav-tabs .nav-link:focus,  */
.career_open_vacancies_tabs .nav-tabs .nav-link:hover {
    border-color: #323499 #34369c;
    background: #f3f3ff;
}

.career_open_vacancies_tabs li.nav-item:first-child {
    margin-right: 1%;
}

.career_open_vacancies_tabs .nav-tabs .nav-link {
    border: 1px solid #dee2e6;
    color: #272974;
    font-size: 22px;
    font-weight: 600;
    padding: 1rem 2rem;
}

.career_open_vacancies_tabs .nav-tabs .nav-link.active, 
.career_open_vacancies_tabs .nav-tabs .show>.nav-link {
    /* background: #272974;
    /* border-color: #34369b #323497 #f8f9f9; */
    background: transparent;
    background: #323497;
    border-color: #34369b #323497;
    color: #fff;
}

.career_open_vacancies_tabs {
    /* border: 1px solid #323497; */
    /* padding: 20px; */
    background: #fff;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-top: 0;
    /* height: calc(100vh - 240px); */
    height: auto;
    max-height: 600px;
    overflow: auto;
}

  /* width */
  .career_open_vacancies_tabs::-webkit-scrollbar {
    width: 6px;
  }
  
  /* Track */
  .career_open_vacancies_tabs::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .career_open_vacancies_tabs::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 6px
  }

.career_open_vacancies_tabs .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.career_tab_heading {
    background: #323497;
    border-color: #34369b #323497;
    color: #fff;
    padding: 0.9rem 1.2rem;
}

.career_tab_heading h4 {
    margin: 0;
    font-weight: 600;
    font-size: 1.4rem;
}

/* =================== drage and drop resume================ */
.drop-zone {
    max-width: 100%;
    height: 175px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 2px dashed #7e80be;
    border-radius: 0px;
    margin: auto;
  }
  
  .drop-zone--over {
    border-style: solid;
  }
  
  .drop-zone__input {
    display: none;
  }
  
  .drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
  }
  
  .drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
  }
  
  
  span.drop-zone__prompt i {
    font-size: 45px;
    color: #686ab1;
}

span.drop-zone__prompt h6 {
    font-size: 24px;
    color: #686ab1;
}
span.drop-zone__prompt small {
    color: #a7a7d1;
}

.client-form input.form-control {
    height: 46px;
    border: 1px solid #a1a3ce;
}

.client-form input.form-control.w-25 {
    width: 130px !important;
}

.client-form label {
    font-size: 16px;
}

.client-form {
    background: #fff;
    padding: 25px 35px;
    border: 1px solid #34369b47;
    box-shadow: 2px 5px 20px 2px #1e191921;
}

.client-form label span{    color: #e7194f;}

.company-profile-modal .bootstrap-tagsinput{
    border-color: #282a7963;

}

.bootstrap-tagsinput{
    width: 100%;
    min-height: 44px;
    border-radius: 0;
}

.bootstrap-tagsinput .tag{
    font-size: 90%;
    margin-bottom: 2px !important;
    display: inline-block;
}

.bootstrap-tagsinput .label-info {
background-color: #2255a4;
}

.bootstrap-tagsinput .label {
padding: 3px 10px;
line-height: 20px;
color: #fff;
font-weight: 400;
border-radius: 2px;
font-size: 75%;
}

.company-profile-modal textarea.form-control {
    height: auto;
    border-radius: 0;
    border-color: #282a7963;
}

.company-profile-modal .form-group{
    margin-bottom: 0.85rem;
}

.progress_loader p {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

@media (max-width:991.98px) {
    .drop-zone {
        max-width: 100%;
        font-size: 1.25rem;
    }

    span.drop-zone__prompt h6 {
        font-size: 20px;
    }

    span.drop-zone__prompt i {
        font-size: 38px;
    }
}


@media (max-width:450.98px) {
    .drop-zone {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.25;
    }

    span.drop-zone__prompt h6 {
        font-size: 16px;
    }

    span.drop-zone__prompt i {
        font-size: 30px;
    }

    span.drop-zone__prompt small {
        margin: 10px 0;
        display: inline-block;
    }
}



@media (max-width: 1200px){
    /* .career-boxes .box h2{
        flex-direction: column;
    }
    .career-boxes .box h2 img{
        margin-right: 0;
        margin-bottom: 6px;
    }
    .career-list-card .blue-btn {
        margin: 0 !important;
        margin-top: 20px !important;
    } */
    }


@media (min-width: 1024px){
.col-lg-20{-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;}
}

@media (max-width: 1024px){
    .map-boxes .text-content1,
    .map-boxes .text-content2,
    .map-boxes .text-content3{
        width: 60%;
    }

    .map-boxes .text-content3{
        top: 40%;
    }
    }


@media (max-width: 991.98px) {
    .career-list h5{
        width: 100% !important;
        margin-bottom: 1rem;
    }

    .career-list h5 i {
        margin-right: 8px;
        width: 16px;
        text-align: center;
    }

    .career-india-boxes h3 {
        font-size: 1rem;
    }

    .career-india-boxes img {
        width: 2rem;
        margin-right: 12px;
    }

    .career-list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0 !important;
    }

    .career-boxes .box{
        /* width: 48%; */
        margin: 1%;
    }

    .d-flex.career-boxes {
        flex-wrap: wrap;
    }

    .connect-page h1 {
        font-size: 4rem;
    }

    .connect-page h2{
        font-size: 2.2rem;
    }
    .map-boxes .box {
        width: 90%;
        border: palegoldenrod;
        padding: 35% 0;
    }
}

@media (max-width: 768.98px) {
    .connect-page .bottom-border {
margin: 1.5rem auto;
}
.map-boxes .box a,
.map-boxes .box p{
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
}
.map-boxes .box p.address{
    font-size: 1rem;
}
.map-boxes .text-content3 {
top: 39%;
}
.map-boxes .text-content1,
.map-boxes .text-content2,
.map-boxes .text-content3{
    width: 60%;
}
.map-boxes .box p.company{
    display: none;
}
.panel-title{
    font-size: 1.8rem;
}
.panel-body .title {
    font-size: 1.6rem;}
}

@media (max-width: 767.5px){

.d-flex.map-boxes {
    flex-wrap: wrap;
    justify-content: center;
}

.career-boxes .box {
    /* width: 48%; */
    margin: 1%;
    background-position: center !important;
    justify-content: center;
    height: 85px;
}

.career-boxes .box h2 p{
    font-size: 0.65rem;
    width: 100%;
}

.career-boxes .submit-cv {
    padding: 3px 6px;
    font-size: 0.85rem;
}

.career-boxes .box.submit-cv-card {
    margin: 1% 0 !important;
}

.career-boxes .box h2 img {
    margin-right: 0;
    margin-bottom: 5px;
}

.career-boxes h2 span {
    width: 100%;
}

.career-boxes .col-md-12.col-sm-3.px-2.my-1 {
    margin: 0 !important;
}

.career-boxes {
    margin-bottom: 16px !important;
}

.career-india-boxes img {
    width: 2rem;
    margin-right: 10px;
}

.career-india-boxes h3 {
    font-size: 1rem;
}
}


@media (max-width: 600.98px){
.connect-page h1 {
font-size: 2.5rem;
}

.career_open_vacancies_tabs{
    margin-bottom: 1rem;
}

}
@media (max-width: 575.98px) {
    .map-boxes .box {
padding: 44% 0;}
.map-boxes .box {
width: 100%;}
.map-boxes .box h2 {
font-size: 1.5rem;}
.map-boxes h2 span {
font-weight: 700;
}
.connect-page h2{
font-size: 2rem;}
.panel-title {
    font-size: 1.5rem;
}
.panel-body .title {
    font-size: 1.4rem;
}
.map-boxes .box p.company{
    display: block;
}

.career_open_vacancies_tabs li.nav-item {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 1.6% !important;
}

.career-boxes .box {
    /* width: 90%; */
    margin: 1% auto;
}

.career-boxes .col-md-12.col-sm-3.px-2.mx-auto{
    margin: 8px auto !important
}

.career-india-boxes img {
    width: 1.25rem;
    margin-right: 8px;
}

.career-india-boxes {
    padding: 6px 6px;
}

.career-india-boxes h3 {
    font-size: 0.85rem;
}


}
@media (max-width: 375.98px) {
    .map-boxes .text-content3 {
top: 50%;
}
.btn-lg {
    font-size: 1.2rem;
    border-radius: 25px;
}

.career-india-boxes h3 {
    width: 100%;
    margin-top: 5px;
}

.career-india-boxes {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.career-india-boxes img {
    margin: 0;
}

}