*
{
    padding:0;
    margin: 0;
    text-decoration: none;
    box-sizing: border-box;
}
.rbtn.btn:hover{color:#0077CA;}
.rbtn.btn:focus, .rbtn.btn.focus { box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%); }

main{min-height: 100vh;position: relative;
    padding: 0 0 140px 0;}
.footer_gray{position: absolute; bottom: 140px;}
#teconsent a{display:none;}
.img_sm {
    width: 85px !important;
}
.img_lg {
    width: 170px !important;
}
.img_xxl {
    width: 430px !important;
}
.pr-6 { padding-right: 4rem; }
/* ------------------------------------------------background-------------------------------------------------------------- */
.section_1
{
    background-image:url(../images/header_image.jpg)
}
.div_1_frame
{
    background-image: url(../images/header_frame.png);
    background-position: right center !important;
    background-size:cover !important;
    background-repeat:no-repeat;
    
}

.div4_section_1, .div5_section_1
{
   /* background-image: url(../images/footer_image.jpg);background-size: 100%;
    background-position: right top;*/
}

/* ------------------------------------------------image-------------------------------------------------------------- */


header img
{
    width: auto;
    height: 36px;
}


/* ------------------------------------------------font-size-------------------------------------------------------------- */


/* ------------------------------------------------button-------------------------------------------------------------- */


/* ------------------------------------------------padding-------------------------------------------------------------- */
.both_services_padding_adjust{padding-top:110px;}
.ptb-xxl
{
    padding: 130px 0px !important;
}

.nav_adjust
{
    padding-top: 67px;     min-height: 79vh;
}
.pb-6 { padding-bottom: 8.6rem;  }
/* ------------------------------------------------header-------------------------------------------------------------- */


/* ------------------------------------------------body-text-------------------------------------------------------------- */





/* ------------------------------------------------hover-------------------------------------------------------------- */
.sp:hover .txt_hover {
  
    visibility: visible;
}

.sp{
    position: relative;
}

.sp .txt_hover {
   
    position: absolute;
    bottom: 105%;
    right:-15px;
    width: 725px;
    background-color: white;
    color: black;
    padding: 30px;
    visibility: hidden;
    font-size: 24px;
}


/* -----------------------------------------------------range----------------------------------------------------------- */

#output
{
    float: right;
}

#progress_bar
{
    position: absolute;
    height: 16px;
    background-color:var(--blue);
    border-radius: 10px;
    left: 0;
    right: 0;
    bottom: 56px;
    pointer-events: none;
}

.input_range
{
    position: relative;
    -webkit-appearance: none;
    height: 16px;
    width: 100%;
    background-color:#dddddd;
    border-radius: 10px;
}

.input_range::-webkit-slider-thumb
{
    -webkit-appearance: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color:var(--blue);
    cursor: pointer;
    z-index: 20;

}


.explore_card {
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 50%);
    position: absolute;
    top: -35px;
    width: 573px;
    height: 620px;
    background-color: white;
    padding: 65px 40px;
    font-size: 23px;
    align-items: center !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    z-index: 11;
}

.close_btn
{
    position: absolute;
    font-size: 18px;
  top: 15px;
  right:30px;
  padding: 5px;
    color: black;
  cursor: pointer;
    z-index: 20;
}

main ol li:before {
   
    left: -30px !important;
}

.targetDiv ol{    padding: 0 0 0 45px;}

.third_result div{ font-size:18px;}
.third_result img{width: 90px; margin-top:10px;}

.footer_sec { background:#000; color:#fff; position: absolute; bottom:0; left:0; width:100%; padding: 10px 0; font-size:12px;z-index: 1111111;}

.footer_wrapper{ padding:0 5%; width:100%;}

.footer_socialshare{ display:inline-blpadding:15px 0;ock; width:90%; color:#fff;padding:15px 0;}
.footer{padding-top:15px;padding-bottom:15px;}
.footer_sec a { color:#fff;}

.footer_socialshare img{ width:23px; margin:0px; vertical-align:middle;}
.bdr_btm {
    border-bottom: 1px solid #676767;
}
.show-error {
    color: #ff0000;
    font-size: 14px; position: absolute; bottom: -27px;
}

@media (max-width: 767.98px) 
{
    .grid-item{font-size: 11px; }
    .lable{width: 64px !important; bottom: -11px;}
    .grid-item:nth-of-type(5) {
    left: 95.5%;
}
    .grid-item:nth-of-type(2) .lable {
    left: -8px !important; bottom: 2px;
}
.grid-item:nth-of-type(3) .lable {
    left: -15px !important; bottom: 2px;
}
.grid-item:nth-of-type(4) .lable {
    left: 0px !important;  bottom: 2px;
}
.grid-item:nth-of-type(5) .lable {
    left: -8px !important;
}
    #div4 .d-flex, #div5 .d-flex, #div6 .d-flex{flex-direction: column;}
    #div4 .mb-5, #div5 .mb-5, #div6 .mb-5{margin-bottom:0px !important;}
    #div4 .col-md-6.pl-5{padding-left:0px !important; padding-bottom: 130px;}
    .third_result img { margin-bottom: 10px; }
    #div5 .font-size--body-copy-small, #div6 .font-size--body-copy-small{margin-bottom: 180px;}
    .slider-label {  font-size: 16px !important; }
.div4_section_1, .div5_section_1, .div6_section_1 {  background-size: auto 100%;}
    .container{max-width: 720px;}
    br{display: none;}
    .img_lg {width: 120px !important;}
    .div2_section_1 .col-md-2{width:auto}
    .div3_section_1 .col-md-2{width:auto}
    .font-size--header-level-3 {font-size: 25px;line-height: 1.4;}
    main ol li {margin: 0px 0px 0px -10px;position: relative;}
    .font-size--subheader {font-size: 18px;}
    .img_xxl {width: 85% !important;}
    .div4_section_2.col-md-12.d-flex{flex-direction: column;}
    .div4_section_2.col-md-6.d-flex{margin-bottom: 50px !important;}
    .font-size--header-level-5 {font-size: 20px;line-height: 28px;}
    .div6_section_2.col-md-12.d-flex{flex-direction: column;}
    .div5_section_2.col-md-12.d-flex{flex-direction: column;}
    .continegent_workforce{padding-bottom:20px !important;}
    .div6_section_2.col-md-6.d-flex{margin-bottom: 30px !important;}
    .div5_section_2.col-md-6.d-flex{margin-bottom: 30px !important;}
    .sp .txt_hover {padding: 20px;font-size: 15px; width:500px; }
    .explore_card { width: 573px; height: auto; padding: 65px; font-size: 19px;}
    #section_2 .col-md-1 { width: 90px; }
    .btn{    padding: 8px 30px;}
}

@media (max-width: 377.98px)
{
    .div2_section_1.d-flex{flex-direction:column; align-items: flex-start !important;}
    .div3_section_1.d-flex{flex-direction:column; align-items: flex-start !important;}
    .img_lg {width: 80px !important; padding-bottom: 20px; margin: -10px 0 0 20px;}
     .font-size--header-level-1 { font-size: 20px;line-height: 1.4;}
      .font-size--header-level-2 { font-size: 18px;line-height: 1.4;}
    .font-size--header-level-3 { font-size: 15px;line-height: 1.4;}
    .font-size--body-copy-small{font-size: 12px;line-height: 1.4;}
    .font-size--subheader {font-size: 15px; line-height: 22px;}
    body{font-size: 15px;}
    .third_result div {  font-size: 14px; }
    #div1 .col-md-1{width:100px;}
    .block { padding: 40px 0; }
    .targetDiv .pb-5 { padding-bottom: 2rem !important; }
    .footer_sec{font-size: 10px;}
    .sp .txt_hover {padding: 9px;font-size: 11px; width: 246px;}
    .img_xxl {width: 250px !important;}
    .explore_card {width: 300px;height: auto;padding: 60px 28px 0 28px;font-size: 10px;}
    .font-size--header-level-5 { font-size: 12px; ine-height: 1.4; }
    .font-size--header-level-5 {font-size: 12px;line-height: 1.4 !important;}
    .btn { padding: 10px 18px;font-size: 14px; margin: 0 10px 18px 0;}
    header img {width: auto;height: 20px;}
    .nav_adjust { padding-top: 52px;}

}

@media screen and (min-width: 768px) and (max-width: 1224px){
    .third_result .col-sm-3.pr-3{margin-right:3vw;}
    
    .div4_section_1 .div4_section_2.d-flex.flex-column.align-items-center{padding: 0 8vw}
    .div4_section_1 .col-md-12.d-flex.pb-4.justify-content-between{width: 0vw;    margin: 0 0 0 -7vw}
    .div_1_frame {background-position: 67% 0% !important;}
    .section_1 {  background-position: 86% 0%!important; }
}
@media screen and (min-width: 768px) and (max-width: 978px){
    .div4_section_1 .col-md-12.d-flex.pb-4.justify-content-between{transform:scale(0.8);}
}


@media only screen and (min-width:1200px) and (max-width: 1400px) and (min-height: 600px) and (max-height: 730px){
    .img_xxl { width: 410px !important;}
 }