@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
@import url('../css/font-awesome.min.css');
@import url('../css/fonts.css');
@import url('../css/bootstrap.min.css');
@import url('../css/owlcarousel/owl.carousel.css');
@import url('../css/simpleMobileMenu.css');
/*@import url('../../Front/core/select2/select2.css');*/
/*@import url('../../Front/core/meeting-rooms.css');
@import url('../../Front/search/advanced-search');
@import url('../../Front/search/filter.css');
@import url('../../Front/jobs/jobs.css');
@import url('../../Front/product/product.css');
@import url('../../Front/core/loader.css');
@import url('../../Front/core/easy-responsive-tabs.css');*/
/*@import url('../../Front/module/cookies/modal-cookies.css');*/

:root {
    --color1: #F0CF8A;
    --color2: #E8B788;
    --color3: #E9D27A;
    --color4: #F6EB69;
    --color5: #94BEB2;
    --color6: #B4D7AA;
    --color7: #BDD88B;
    --color8: #31A971;
    --color9: #F6F6F5;
   
}

html {
  scroll-behavior: smooth;
}

body {  
     font-family: 'Acumin Pro';
      font-weight: 500;
    color:#2a2a2a; 
    background: #F8C4AF;
background: #f5fde6;
/*background: linear-gradient(315deg, rgba(248, 196, 175, 1) 0%, rgba(249, 194, 173, 1) 0%, rgba(248, 224, 200, 1) 11%, rgba(244, 242, 229, 1) 17%, rgba(244, 242, 229, 1) 69%, rgba(245, 243, 228, 1) 90%, rgba(245, 243, 228, 1) 76%, rgba(247, 196, 162, 1) 99%, rgba(244, 170, 167, 1) 100%, rgba(247, 172, 167, 1) 100%);*/
    font-size:16px; 
    line-height: 20px;  
    margin: 0; 
    height: 100%;  
}
body:before {
    content: "";
    background:#f5fde6 url(../img/bg1.jpg) no-repeat top left;
    position: absolute;
    left: 0; 
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: contain;
}

.bg2 {
    float: left;
    width: 100%;
    text-align: right;
    position: relative;
    z-index: -1;
}
.bg2 img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.Para16 { font-size: 16px; color:#2a2a2a; }
.Para16-bluedark { font-size: 16px; color:#7fb89c; }
.Para16-bluelight { font-size: 16px; color:#28346a; }

.H2Default { font-size:45px; color:#2a2a2a; }
.H2bluedark { font-size:45px; color:#7fb89c; }
.H2bluelight { font-size:45px; color:#28346a; }

.H3Default { font-size:20px; color:#2a2a2a; }
.H3bluedark { font-size:20px; color:#7fb89c; }
.H3bluelight { font-size:20px; color:#28346a; }

.H4Default { font-size:18px; color:#2a2a2a; }
.H4bluedark { font-size:18px; color:#7fb89c; }
.H4bluelight { font-size:18px; color:#28346a; }



.H5Default { font-size:16px; color:#2a2a2a; }
.H5bluedark { font-size:16px; color:#7fb89c; }
.H5bluelight { font-size:16px; color:#28346a; }


.H6Default { font-size:16px; color:#2a2a2a; }
.H6bluedark { font-size:16px; color:#7fb89c; }
.H6bluelight { font-size:16px; color:#28346a; }



.Heading1 {font-size:50px; }
.Heading2 {font-size:22px; }
.Heading3 {font-size:18px; }
.Heading4 {font-size:16px; }
.Heading5 {font-size:16px; }
.Heading6 {font-size:16px; }


.Para16Default { font-size:16px;  }
.Para22 { font-size:22px; color:#3CF0FF; }


h1 {
    font-family: 'Acumin Pro';
    font-size:55px; 
    margin-top: 0; 
    margin-bottom:20px;   
    line-height:70px;
    font-weight:600;
 }

h2,.h2,.contact_frombg h3 {
    font-family: 'Acumin Pro';
    font-size:40px; 
    margin-top: 0; 
    margin-bottom:15px;   
    line-height:1.3;
    font-weight: 500;
 }


h4 { line-height: 1; margin-top: 0; margin-bottom:15px; font-weight: normal;}
h3,h3 a {
    font-size:20px; 
    margin-top: 0; 
    margin-bottom:15px; 
    line-height:1.5;
    font-weight: 600;

}
h4 {font-size:18px; line-height:25px; margin-top: 0; margin-bottom:15px; font-weight: normal;}
h5 {font-size:16px; line-height: 18px; margin-top: 0; margin-bottom:15px; font-weight: normal;}
h6 {font-size:16px; line-height: 16px; margin-top: 0; margin-bottom:15px;font-weight: normal; }
p { 
    color:#2a2a2a; 
    font-size:16px;    
    margin: 0 0 15px 0; 
    padding: 0;
    line-height: 1.5;
    font-weight: normal;

}

ul, ol {
    padding-left: 15px;
    margin-bottom: 15px;
}
ul li { 
    color:#2a2a2a; 
    font-size:16px;    
    padding: 0;
    line-height: 1.7;
    font-weight: normal;

}







section { padding-top: 0; padding-bottom: 0; margin-top:0;  float: left; width: 100%; }
a { 
    color: #2a2a2a;
   
}
section.jobsbyindustry.Locations.CreatejobalertDiv {
    padding: 80px 0;
    text-align: center;
}
section.jobsbyindustry  { padding:0px 0 70px 0; }
section.jobsbyindustry.MainTitle { text-align:center}
section.jobsbyindustry.Positions ul.row li { margin-bottom:4px}
section.jobsbyindustry.Positions ul.row li a{ padding:10px 20px; text-align:center; display:block; color:#e9e5cb; background:#2a2a2a}
section.jobsbyindustry.Positions ul.row li a:hover { color:#fff; background:#2a2a2a}
section.jobsbyindustry.Locations { background:#f5f5f5;  color:#2a2a2a}
section.jobsbyindustry.Locations p { color:#2a2a2a}

.RightHeaderBox .button-outline { color: #fff; border-color: #7fb89c; }
.RightHeaderBox .button-outline:hover { color: #fff; border-color: #7fb89c; background-color:#7fb89c; }

.button-outline {
 display: inline-block;
    position: relative;
    background:transparent;
    border: solid 1px #22284b;
    color: #22284b;
    font-size:16px;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: none;
    font-weight:normal;
    padding:12px 20px;
    white-space: normal;
    border-radius: 50px;
}
.button-outline:hover {background-color: #22284b; color: #fff;}




.btn,.link-button.first,.link-button,.cardlink a.btn,.cardlink a.btn.active {
    display: inline-block;
    position: relative;
    background:#222;
    border: none;
    color: #fff !important;
    font-size:16px;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: none;
    font-weight:550;
    padding:15px 25px;
    white-space: normal;
    border-radius:50px;
  transition: 0.3s ease;
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}
.btn:hover,.cardlink a.btn:hover { background-color: #6d6d6d; color: #fff; }

a.btn.White {
    box-shadow:0 8px 20px rgba(0,0,0,0.08); 
    color: #000 !important;  
    background:var(--color1);
    background-size: cover;
}
a.btn.White:hover {background:linear-gradient(135deg, #b7d8c6, #9fc3b1); color: #fff !important;}

.btn.secondary,.link-button {background:var(--color6); color: #000 !important; }
.btn.secondary:hover,.link-button:hover { background: #000; color: #fff !important; }
.btn-Orange {
    display: inline-block;
    position: relative;
    background:#22284b;
    border: none;
    color: #2a2a2a;
    font-size:16px;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: none;
    font-weight:500;
    padding:12px 20px;
    white-space: normal;
    border-radius: 12px;
}
.btn-Orange:hover { background-color: #7fb89c; color: #fff; }






.btn4 {
    display: inline-block;
    position: relative;
    background: 0 0;
    border: none;
    color: #2a2a2a;
    font-size:16px;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight:500;
    padding: 0;
    white-space: normal;
}

.btn4 span {
    display: block;
    padding:15px 20px
}

.btn4.white {
    color: #fff
}

.btn4::after,
.btn4::before {
    content: "";
    width: 100%;
    /*height: 2px;*/
    position: absolute;
    transition: all .2s linear;
   /* background: #2a2a2a;*/
    border-top:solid 1px #2a2a2a;
    border-bottom:solid 1px #2a2a2a;

}

.btn4 span::after,
.btn4 span::before {
    content: "";
   /* width: 2px;*/
    height: 100%;
    position: absolute;
    transition: all .2s linear;
   /* background: #2a2a2a;*/
    border-left:solid 1px #2a2a2a;
    border-right:solid 1px #2a2a2a;
}

.btn4.white span::after,
.btn4.white span::before,
.btn4.white::after,
.btn4.white::before {
    background: #fff
}

.btn4:hover::after,
.btn4:hover::before {
    width: 40%
}

.btn4:hover span::after,
.btn4:hover span::before {
    height: 40%
}

.btn4::after,
.btn4::before {
    transition-delay: .2s
}

.btn4 span::after,
.btn4 span::before {
    transition-delay: 0s
}

.btn4::before {
    left: 0;
    bottom: 0
}

.btn4::after {
    right: 0;
    top: 0
}

.btn4 span::before {
    left: 0;
    bottom: 0
}

.btn4 span::after {
    right: 0;
    top: 0
}

.btn4:hover::after,
.btn4:hover::before {
    transition-delay: 0s
}

.btn4:hover span::after,
.btn4:hover span::before {
    transition-delay: .2s
}
.btn2 {
    border: solid 1px #C9DCE4;
    border-radius:4px;
    padding: 10px 15px;
    text-align: center;
    color: #2a2a2a !important;
    display: inline-block;
    font-size:16px;
    text-decoration: none !important;
    cursor: pointer !important;
    line-height: 1.4;
    background-color: #C9DCE4;
    font-weight: normal;

}
.btn2:hover { background-color:#2a2a2a; border: solid 1px #2a2a2a; color:#fff !important; text-decoration-line: none;    }
.btn.btn3 { color:#fff;    }
.btn.btn3::after, 
.btn.btn3::before { 

    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;

}

.btn.btn3 span::after, 
.btn.btn3 span::before { 
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
   }

.JobCustomFieldValues .btn::after,.JobCustomFieldValues .btn::before { width: 100%; }
.JobCustomFieldValues .btn span::after, .JobCustomFieldValues .btn span::before { height: 100%;  }

.JobCustomFieldValues .btn:hover::after,.JobCustomFieldValues .btn:hover::before { width: 40% }
.JobCustomFieldValues .btn:hover span::after,.JobCustomFieldValues .btn:hover span::before { height:40% }
.smallbtn {
    padding:3px 8px;
    line-height: 18px;
    display: inline-block;
    background: #2a2a2a;
    color: #fff !important;
    font-size: 75%;
    border-radius:0;
}
.btn04 {
    display: inline-block;
    position: relative;
    background: 0 0;
    border: none;
    color: #2a2a2a;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: uppercase;
    
    padding: 0;
        white-space: normal;
}

.btn04 span {
    display: block;
    padding: 20px 40px
}

.btn04::after,
.btn04::before {
    content: "";
    width: 40%;
    height: 2px;
    position: absolute;
    transition: all .2s linear;
    background: #2a2a2a
}

.btn04 span::after,
.btn04 span::before {
    content: "";
    width: 2px;
    height: 40%;
    position: absolute;
    transition: all .2s linear;
    background: #2a2a2a
}

.btn04:hover::after,
.btn04:hover::before {
    width: 100%
}

.btn04:hover span::after,
.btn04:hover span::before {
    height: 100%
}

.btn04::after,
.btn04::before {
    transition-delay: .2s
}

.btn04 span::after,
.btn04 span::before {
    transition-delay: 0s
}

.btn04::before {
    left: 0;
    bottom: 0
}

.btn04::after {
    right: 0;
    top: 0
}

.btn04 span::before {
    left: 0;
    bottom: 0
}

.btn04 span::after {
    right: 0;
    top: 0
}

.btn04:hover::after,
.btn04:hover::before {
    transition-delay: 0s
}

.btn04:hover span::after,
.btn04:hover span::before {
    transition-delay: .2s
}




.CmsEditor ul,.CmsEditor ol { padding-left: 20px; margin-bottom: 15px;   }
.CmsEditor .Terms ul, .CmsEditor .Terms ol { padding-left:25px}
.CmsEditor .Terms li ul, .CmsEditor .Terms li ol { padding-left:18px}
.CmsEditor .Terms ul h3 { margin-left:-25px}
.CmsEditor ul li,.CmsEditor ol li { 
    color:#2a2a2a; 
    font-size:16px;    
    margin: 0 0 0 0; 
    padding: 0;
    line-height: 1.5;
    font-weight: normal;
  }
  table td {
    border: solid 1px #e6e6e6;
    font-size:16px;
    padding: 10px;
    line-height: 30px;
    color:#2a2a2a;
}
table {
    font-size:16px;
    margin-bottom: 15px;
    line-height: 30px;
    color:#2a2a2a;
}

.CmsEditor a { color: #2a2a2a; text-decoration: underline;}
.CmsEditor a:hover { text-decoration: none; }

.MainLeftSide {width: 70%;  float: none; margin-left: 0; display: inline-block; }
.MainRightSide {float: right; width: 28%;  margin-bottom: 0;}
.FullWidth .MainLeftSide { width: 100%;  }
.LeftPanl .MainRightSide { float: left; margin-right: 20px;  }
.RightPanl .MainRightSide { float: right;  }

.FullWidth .MainRightSide { width: 100%; }

/**** header start ***/
/**** top header start  ***/

.CFPEnergy a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 25px;
    border-bottom: solid 2px #23527c;
}
.headertop ul  { display: flex; padding: 0; list-style: none; margin: 0; position: relative;   }
.headertop ul li { margin:0 20px; position: relative;  }
.headertop ul li a { color:#fff; font-size: 16px; text-decoration: none;   }

header {
    margin: 0;
    height: auto;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding:10px 0;
    transition: .5s;
}
header .logo-left .cls-1 { fill: #fff; } 
/*header.sticky .logo-left .cls-1 { fill: #2a2a2a; } */

header.sticky {
transition: .5s;
}






/*header.sticky .navigation nav ul li ul li a { color: #fff; }*/
/*header.sticky .navigation nav ul li ul li a:hover { color: #fff; }*/

header.sticky .headertop { margin-top:-54px; margin-bottom: 0;   }

header.sticky .logo-left img { height:50px; transition: .5s; }
/*header.sticky .logo-left { padding: 10px 0; }*/

header .headertop {
    background:#2a2a2a;
    padding: 5px 0;
    width: 100%;
    transition: all 300ms linear 0ms;
    margin-bottom: 30px;
}
header .headertop a.btn { background-color: #fff;  color: #2a2a2a;}
header .headertop a.btn:hover { background-color:#7fb89c;  color: #fff;}

header .headertop .headerbox { display: flex;  justify-content: space-between;}
header .headertop .Emailbox a { color:#2a2a2a;   }
header .headertop .Emailbox {margin-right: 10px; }
header .headertop .Emailbox a { color:#2a2a2a;  }
header .headertop .Emailbox a:hover { color:#2a2a2a; text-decoration: none; }
header .headertop .socalmediafooter { margin: 0;  }
header .headertop .socalmediafooter ul { margin: 0; padding: 0; list-style: none;   }
header .headertop .socalmediafooter ul li  { list-style: none;  display: inline-block;  margin:0 0 0 10px; }

header .headertop .socalmediafooter ul li a {
    color: #2a2a2a;
    display: inline-block;
    font-size: 16px;
    height: auto;
    line-height: 20px;
    width: 50px;
    transition: all 0.5s;
    padding: 12px 0;
    background: #fff;
    border-radius: 12px;
    text-align: center;
}

header .headertop .socalmediafooter ul li a.social-text { display: none; }
header .headertop .socalmediafooter ul li a:hover { color:#fff; background-color: #7fb89c;  }
header .headertop .headerRight { display: flex; align-items: center; }
header .headertop .headerLeft { display: flex; }
header .headertop .Emailbox,
header .headertop .Phonebox {margin-right: 10px;} 

header .headertop .btn { padding: 10px 20px; }

/**** top header End ***/
span.open_mobilecart { position: relative; margin-left: 30px;   }
.open_mobilecart i { font-size: 20px; color:#2a2a2a; }
span.open_mobilecart span.badge { width: 25px; height: 25px;display: inline-block; line-height: 25px;  position: absolute; top:-10px; color:#fff;  background:red; padding: 0; border-radius:50%; }
header .headerMenu .menu { display: flex; justify-content: space-between; align-items: center;  }
header .headerMenu { float: left;  width: 100%; 
    display: flex; justify-content: space-between; align-items: center;  
    background:var(--color9);
  border-radius: 18px;
  padding:0 8.5%;
  box-shadow:0 5px 15px rgba(0,0,0,.08);
}
header .logo-left {
    float: left;
    width: auto;
    text-align: center;
    transition: .5s;
    line-height: 0;
}
header .logo-left svg { width: 320px; }
header .logo-left img { height: 50px; width: auto; transition: .5s; }
header .logo-left a { display: inline-block; padding:0; }
header ul.RegistrationBox { float: right; margin:0;  position: relative; padding:0 0 0 20px;}
header ul.RegistrationBox li.displaynone1 { display: none; }
header ul.RegistrationBox li { display: inline-block; padding:0px 0 0 0; }
header ul.RegistrationBox li a i { margin-right: 5px; }
/*header ul.RegistrationBox li.LogInbtn a.red i { display: none;}
header ul.RegistrationBox li.LogInbtn a.red i {  display: none;}*/
/******* Mobileview Header Css *****/
.headerMobile {background: #7fb89c;  bottom:0; position: fixed;width: 100%; z-index:9999; display: none; }
.headerMobile .container { width: auto; padding: 0;      }
.headerMobile .RegistrationBox {   }
.headerMobile ul.RegistrationBox li ul.submenuCandidates,.headerMobile ul.RegistrationBox li:hover ul.submenuCandidates { display: none ;   }
.headerMobile .open_mobileview { display: inline-block !important; cursor: pointer;  }
.headerMobile ul.RegistrationBox li .btn.blueBtn { display: none;  }
.MobileMenuBox ul.RegistrationBox li ul.submenuCandidates {position: relative; width: 100%; display: block; text-align: center; }
.headerMobile ul.RegistrationBox li .btn.red { padding:0; margin: 0; background: transparent; border: transparent; }
.headerMobile ul.RegistrationBox li .btn.red:hover { background: transparent;  }
.headerMobile ul.RegistrationBox li .btn.red .LogIn { display: none;  }
header ul.RegistrationBox li a.btn.red .fa.fa-users { display: none;  }
.headerMobile .open_mobileview.closebtn .fa-bars { display: none;  }
.headerMobile .open_mobileview .fa-times { display: none;  }
.headerMobile .open_mobileview.closebtn .fa-times { display: inline;   }
.headerMobile .open_mobileviews.closebtn .fa-user { display: none;  }
.headerMobile .open_mobileviews .fa-times { display: none;   }
.headerMobile .open_mobileviews.closebtn .fa-times { display: inline; }
.sidenav.MobileMenu .MobileMenuBox .RegistrationBox .open_mobileviews {display: none;}
.headerMobileBox .open_mobileviews span.open_mobileviews {cursor: pointer;  }
.headerMobile ul.RegistrationBox li.displaynone1 { display: none;}
.open_mobileview { display:none;  }
.scrollBox { overflow-x: auto; padding-bottom: 50px;}
.headerMobileBox {display: flex; justify-content: space-between;  padding: 15px 20px;}
.headerMobile i { color:#fff; font-size: 30px;     }
.sidenav {  
    height:100%; 
    display: none; 
    width:100%;  
    position: fixed;  
    z-index:999;  
    top:auto; 
    bottom: 0;  
    left: 0;  
    background: url(../../img/job-bg.jpg) top left repeat-x #2a2a2a;
    background-size: cover; 
    overflow-x: hidden;  transition: 0.5s; 
    padding-top: 0;
}
#mySidenavright {  height:100%; display: none;  width:100%;  position: fixed;  z-index:999;  top:auto; right:0; bottom: 0;  left: auto;  background-color: #2a2a2a;  /*overflow-x: hidden;*/  transition: 0.5s;  padding-top:0px;}
.sidenav .closebtn { background: #7fb89c none repeat scroll 0 0;color: #fff; font-size: 36px;  height: 30px;  line-height: 21px;  margin-left: 5px;  padding: 0;  margin-bottom: 10px;   position: relative;  right:auto; left: 0;  text-align: center;  text-decoration: none;  top:5px;  width: 30px;  display: inline-block;}
.MobileMenuBox .RegistrationBox { list-style: none; padding: 0; margin-top: -16px;   }
.sidenav .closebtn:hover { text-decoration: none; color:#f17b8b;   }
.MobileMenuBox .RegistrationBox li a.btn.red { background:#7fb89c; border-color:#7fb89c;  }
.MobileMenuBox .RegistrationBox li a.btn.red:hover { background:#078fb6; border-color:#078fb6; color:#fff;     }
.MobileMenuBox .RegistrationBox li a.btn.blueBtn:hover { background:#078fb6; border-color:#078fb6; color:#fff;     }
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.open_mobileview { display:inline-block;  }

}
ul.MobileMenuBox { text-align: center; list-style: none; padding: 0;  }
.MobileMenuBox li a { color:#fff;  text-decoration: none;  padding:8px 0;  display: block;font-weight: bold;  } 
.MobileMenuBox li a:hover { background:#888;}
.MobileMenuBox li .SubMenus { list-style: none; background:#999; padding: 0;    }
.MobileMenuBox li .SubMenus li a {  font-weight: normal;    }
.MobileMenuBox li .SubMenus ul.SecondSubMenus {list-style: none; background:#018ab1; padding:10px 0;  }
.MobileMenuBox li .SubMenus ul.SecondSubMenus li a { font-size: 16px;   }
header ul.RegistrationBox .open_mobileviews { display: none;   }
/******* mobileview End css******/
/**** header End ***/
/**** SERVICES css start ***/
.service-box { 
    background:transparent;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    margin:0 0 30px 0;
    position: relative;
    overflow: hidden;

}
.MainserviceBox:first-child { width: 50%; }
.MainserviceBox:first-child .service-box .ServiceIcon { width: 100%; margin-bottom: 30px; }
.MainserviceBox:first-child .service-box .ServiceIcon img {
    height: 280px;
    width: auto;
    padding-top: 50px;
}
.MainserviceBox:first-child .service-box p.ServiceSummary {
    min-height: 240px;
}

.MainserviceBox { width: 50%; }
.MainserviceBox .service-box .ServiceIcon { margin-bottom: 10px; }
.MainserviceBox .service-box .ServiceIcon img { height:61px; width: auto; margin-top: 0; }
.MainserviceBox .service-box p.ServiceSummary { min-height: 130px; }
/*.service-box:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}*/

.MainserviceBox .service-box:before {
    background: url(../img/Orangebg1.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    opacity: 0.8;
    background-size: 100% 100%;
}
.MainserviceBox:nth-child(even) .service-box:before {
    background: url(../img/greenbg1.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    opacity: 0.8;
    background-size: 100% 100%;
}

.service-box a { display: inline-block; }


.Service_img { text-align: left; }
.service-box img.iconimg {  align-items: center;  display: flex;  margin:0; width:100%; }

.service-box h3 { margin:0 0 15px 0; text-transform: none; }
.service-box h3 a {font-weight: bold;  margin: 0;  color: #2a2a2a;  text-decoration: none; }
.service-box h3 a:hover { text-decoration: none; color:#8885bc;  }
.service-box p.ServicesContentBox { min-height: 180px;  margin-bottom:15px;  }
.service-box p { line-height: 25px; margin-bottom:15px; }
.Servicelisting p.ServiceSummary { min-height: 210px; }
.Servicelisting .services-content a:hover { text-decoration: none;  }
a.textLinks { color:#000; font-weight: bold; text-decoration: none; }
a.textLinks:after {content:"\f061"; top: 3px; position: relative; right: -8px; font-size: 20px; font-family:var(--fa-style-family,"Font Awesome 6 Free");}
a.textLinks:hover {color:var(--color8); text-decoration: none;}

.service-box.full .iconbox {float: left; margin-right: 20px;    }
.service-box.full { text-align: left;  }
.service-box.full P { margin-top: 0; margin-bottom: 15px; }
.Servicelisting .MainserviceBox {margin-bottom: 30px;    }



/**** SERVICES css End ***/

/**** Insights css start ***/
.LatestInsights {  float:left; width: 100%; }
.SectionInsights .MainTitle { margin-bottom:35px; }
.insightsBox {
background: transparent;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);
    flex-direction: column;
    display: flex;
}

.insightsBox img { max-width:100%; height:auto; }
.AllDateBox {
    display: flex;
    gap: 10px;
    padding:0px 0 15px 0;
}
.dateBox {
    border-left: solid 1px #2a2a2a;
    padding-left: 10px;
}

.Insights3 {overflow: hidden; position: relative; border-radius:20px 20px 0 0; }


.insightsBox .news-block {
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%;
    justify-content: space-between;
}

.insightsBox .news-block a.textLinks:hover { text-decoration: none;}
.insightsBox .news-block h3 {
    height: 86px;
    overflow: hidden;
}
.MainCategorys {
    margin-bottom: 20px;
}
.insightsBox .publisheddate { margin-bottom: 0; display: inline-block; width: 100%;  }
.insightsBox .publisheddate .dateBox { 
    background-color: transparent; 
    font-size: 20px;
    color: #2a2a2a;
    padding: 0;
    margin: 0;
   }
.insightsBox span.BlogPostCategorys { margin-bottom:5px; display: inline-block;  width: 100%;  }

.insightsBox .news-block h3 a {
    color: #2a2a2a;
    text-decoration: none;
 
}
.insightsBox .news-block h3 a:hover { color:var(--color8); text-decoration: none;   }


.insightsBox a.btn {color: #fff;}


.insightsBox .news-short {
    padding-bottom: 15px;
    min-height: 115px;
}
.insightsBox .news-short p { margin-bottom: 0; }
.OtherInsights .insightsBox .news-short { min-height: 136px}
.OtherInsights .insightsBox .news-block { background: #fff}
.insightsBox a.link:hover { text-decoration: underline;  }
.blogdetail .blog-feature { position: relative;
    margin-bottom: 20px;
}
a.link { color: #2a2a2a; text-decoration: none;  font-weight: 600; }
.blogCategoryBox ul { list-style: none; padding: 0; margin: 0;  }
.blogCategoryBox ul li { margin-bottom: 10px; border-bottom: solid 1px #ddd;  padding-bottom: 10px; }
.blogCategoryBox ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.blogCategoryBox ul li a { text-decoration: none;   }
.blogCategoryBox ul li a:hover { text-decoration: underline;  }
.category_insights, .blogCategoryBox { 
     border-radius:20px;    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);    border: solid 1px #eee;    padding: 15px; margin-bottom: 20px; background: linear-gradient(90deg, #f4a58a, #f1d2a3)}
.category_insights ul.latest-post { list-style: none; padding: 0; margin: 0; }
.category_insights ul li { margin-bottom: 10px; border-bottom: solid 1px #ddd;  padding-bottom: 10px; }
.category_insights .latest-post li figure { float: left; height: 33px; width: 100px; margin: 0 10px 0 0; height: 70px; overflow: hidden; }
.category_insights .latest-post li figure img { max-width: 100%; height: 70px; }
.category_insights .TextContent {padding-left: 0; }
.category_insights .TextContent a.text-extra-dark-gray { display: block; line-height: 18px; color: #2a2a2a; height: 40px; text-decoration: none; font-size: 18px; }
.blogdetail .Bloglist .blog-feature img {width: 100%; margin-bottom:20px; }
.Subscribeblogs { background: linear-gradient(90deg, #f4a58a, #f1d2a3); border: #ddd solid 1px; padding: 15px; overflow: hidden;  margin-bottom: 25px;  margin-top: 30px; border-radius:20px; }
.customFlashMsg { position: relative;}
.Subscribeblogs h3 {  margin-bottom: 10px;
    font-size:34px; 
}
.blog1.OtherInsights {
    padding: 80px 0;
    clear: both;
    background:var(--color1);
    margin-bottom: 20px;
}
.BlogSubscribers { position: relative;}
.BlogSubscribers .btn {  background-color:#2a2a2a; color:#fff; border-color:#2a2a2a; margin: 0; padding:17px 20px; border-radius:0 12px 12px 0;    }
.BlogSubscribers .btn::after, .BlogSubscribers .btn::before { display: none; }
.BlogSubscribers #BlogSubscriberForm {padding: 0;}
.BlogSubscribers .inputBox {float: left; width: 100%; margin-bottom: 10px; }

.BlogSubscribers .submit { position: absolute; right: 0; top: 25px; }
.categories_top_Box { margin:50px 0 40px 0; padding: 0; }
.MainCategoriesTop {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.categories_top_Box ul { list-style: none; padding: 0; margin: 0; }
.categories_top_Box ul li { display: inline-block; margin-right: 3px; margin-bottom: 5px; }
.categories_top_Box ul li a {
  padding:8px 20px;
  border-radius: 999px;
  border: 1px solid #e3c29b;
  background: linear-gradient(145deg, #f2e3d1, #ead3b8);
  color: #222;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
  text-decoration: none;
  display: inline-block;
}

.categories_top_Box ul li a:hover,
.categories_top_Box ul li.active a {  background:var(--color2); border-color: var(--color2); color:#333;    }

/*.categories_top_Box ul li a::before { color: #575560; content: "\f105"; font-family: FontAwesome; font-size: 1.1em; line-height: 20px; margin-left: -15px; position: absolute; }*/
.blog-feature img { width: 100%;  }
.insightcategory { padding: 0 0 10px 0; margin: 20px 0 10px 0; border-bottom: solid 1px #ddd;}
.insightcategory span { margin-right: 10px; }
.insightcategory span:before {content: "\f105"; font-family: FontAwesome; margin-right: 5px; }
section.SectionInsights .Main_insights .insightsBox { width:32%; margin-right: 20px;  }
section.SectionInsights .Main_insights .insightsBox:nth-child(3) { margin-right: 0;  }
section.SectionInsights .LatestInsights .insightsBox { margin: 0 1px;   }
.rss_listing .blog .insightsBox { width:32%; margin-right:20px;   }
.rss_listing .blog .insightsBox:nth-child(3n + 3) { margin-right: 0;   }
.rss_listing .blog .insightsBox h3 { height: 80px;  }
.rss_listing .blog .insightsBox .news-short { min-height: 80px;  }

ul.latest-post {padding: 0;}
.BlogCategorysDate {
    position: absolute;
    top:20px;
    left: 0;
}


.Blogdetailsleft { padding-top: 55px;  }
.breadcrumb.breadcrumb-blog {
    padding-top: 8px;
}


/**** Insights css End ***/

/**** Faqs css start ***/
.MainFaqs .Titlebox { text-align: center;  margin: 0 0 20px 0;}
.MainFaqs .Titlebox h2 { color:#fff;   }
section.CmsEditor.cms.MainFaqs.FullWidth h6 { margin-top: 40px;   }
.MainFaqs h6 {
    margin-bottom: 20px;
    margin-top: 17px;
    font-weight: 600;
    text-transform: none;
    color: #2a2a2a;
    font-size: 20px;
}
.MainFaqs .panel-group .panel { 
   margin:0 0 5px 0; 
   border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  border: none;
}
.MainFaqs .panel { margin-bottom:0px; box-shadow: none; border-bottom:solid 1px #2a2a2a; background: transparent; }
.MainFaqs .panel .panel-heading { padding: 0; box-shadow: none; border: none;  }
.MainFaqs .panel-body { padding:20px 20px 5px 20px; border:none !important;   }
.MainFaqs .panel-body ul { padding:0 0 15px 20px;   }
a:focus {
    outline: none;
    outline-offset: 0;
}

.MainFaqs .panel-group .panel-heading { border-bottom: 0; padding: 0; background-color: transparent; }
.MainFaqs .panel-group { margin-bottom: 0;   }
.MainFaqs .panel-heading a:hover,.MainFaqs .panel-heading a[aria-expanded="true"] { color: #2a2a2a;  }
.MainFaqs .panel-heading a {
    padding: 20px 20px;
    display: block;
    margin-bottom: 0;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    color: #2a2a2a;
    border-bottom:none;
    font-weight: bold;
    background: linear-gradient(135deg, #f6c48b, #e7a97b);
    border-radius:20px;
}
.MainFaqs .panel-heading a:focus { outline: none; outline-offset: initial; }
.MainFaqs .panel-heading span {
    padding-left: 10px;

}

.MainFaqs .panel-heading a[aria-expanded="false"] i:before { content: "\f067"; position: absolute; right: 20px; font-family: 'FontAwesome'; font-style: normal; }
.MainFaqs .panel-heading a[aria-expanded="true"] i:before { content: "\f068"; position: absolute; right: 20px; font-family: 'FontAwesome'; font-style: normal; color: #2a2a2a; }
.MainFaqs .collapse { display: none }
.MainFaqs .collapse.in { display: block }
.MainFaqs .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility }
/**** Faqs css End ***/
/**** Footer css start ***/
.footermain { background:#2a2a2a;  padding:50px 0 0 0;  width: 100%;   overflow: hidden;    text-align: center;    position: relative; float: left; margin-top:0; }
.footermain ul { list-style: none;   padding: 0;    margin: 0;}
.footermain ul li {  text-align: left;    margin: 0;    line-height:20px; padding-bottom:14px;    width: 100%; }
.footer-menu ul li strong {  color: #23527c;    font-size: 20px;      line-height: 32px;    text-transform: none;    font-weight: normal;   margin-bottom: 0;    display: inline-block;    text-align: left; }
.footermain ul li a {  color: #fff;    text-decoration: none;}
.footermain ul li a:hover { text-decoration: underline;  }
.FooterBox h3 {    color: #23527c;  font-size: 20px;    line-height: 32px;    margin-bottom: 18px;    font-weight:normal;    margin:0 0 15px 0;    text-align: left;}
.footermain .FootreMenu .socalmediafooter { float: left;    margin: 10px 0 0 -10px;}
.footermain .socalmediafooter ul li {  margin-left: 5px;    width: auto;    display: inline-block;}
.footermain .socalmediafooter ul li a {   color: #fff;    display: inline-block;    font-size:20px;    height: auto;    line-height: 20px;    width: 30px;    transition: all 0.5s;    text-align: center;}
.footermain .footer-bottom {    position: relative;   float: left;    width: 100%;    padding:15px 0;    margin-top:20px;}
.footermain .footer-bottom .Copyrightbox {
    float: left;
    width: 100%;
    text-align: center;
    border-top: solid 1px #fff;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #fff;
}
.logo-footer {    float: left;    max-width: 110px;}
.logo-footer img { max-width: 100%; }
.Copyright01 {  color: #2a2a2a;    font-weight: normal;    float: left;    margin-left: 0; width: 100%;}
.footermain .Copybox1 {    margin-bottom: 0;}
span.firstpipe {   margin: 0 5px;}
.footermain .Menulike {   text-align: center;}
.footermain .footer-bottom .Copyrightbox a {    color: #fff;    text-decoration: none; }
.footermain .footer-bottom .Copyrightbox a:hover { text-decoration: underline;  }
.WSlinkBox { margin:0; float:none; width:auto; display: inline-block; }
.WSlinkBox a {  color: #2a2a2a;    text-decoration: none;}
.WSlinkBox a:hover { color:#2a2a2a;  } 
.back_to_top.on {  cursor: pointer;    margin-bottom: 0;  bottom:10px; position: absolute; right: 20px; font-size: 30px;   color: #212121;    font-weight: normal;    text-align: right; }
.socalmediafooter {text-align: left; margin-top:30px;}
footer.footermain .form-control { height:57px;  }
.copyright {
    padding: 20px 0;
    margin-top: 80px;
    text-align: center;
    background: #2a2a2a;
}
.contact_from .SocialFooter ul li a { color:#2a2a2a; text-decoration: none;   }
.SocialFooter ul { list-style: none; padding: 0; margin: 0; display: flex;  }
.SocialFooter ul li { margin-right: 10px; display: flex;   }
.SocialFooter ul li a { 
    color:#fff; 
    font-size:15px; 
    border-radius:50px; 
    display: inline-block; 
    line-height:27px; 
    text-align: center;   
}

.SocialFooter ul li a.social-text { border: none; width:auto; height: auto; background-color: transparent; font-size: 16px; margin-left: 5px;  }

.col-md-12.footerbox .footerboxDiv .SocialFooter ul li { margin:5px 10px;   }

.SocialFooter ul li a i.fa.fa-google-plus:before {
        content: "\f1a0";
        font-family:'FontAwesome';
}

/****** Cms Pages pages css ***/
.service.CmsPage { clear: both;  float: none;  padding: 75px 0 75px 0;  color: #888;  background: url(../img/aboutbg.jpg) repeat;  text-align: center;  background-size: 100%; position: relative; margin: 0; }
.service.CmsPage .title {margin-bottom: 0; text-align: center; border: none; }
.service.CmsPage h1 { font-size:25px; letter-spacing: 0.05em;  line-height: 40px;  margin:0 0 10px 0; }
.service.CmsPage .sub-title { text-align: center; }
.service.CmsPage .sub-title a { color: #888;}
.service.CmsPage .titleBox { position: relative; z-index:9;  }
.service.CmsPage .overlay { display: none !important; z-index: 1;  position: absolute;  background-color: #23527c;  opacity: 0.73;  left: 0;  right: 0;  width: 100%; height: 100%; top: 0; }

ul.acocuntMenu { display: flex; justify-content: center; list-style: none; margin: 0; padding:0 0 15px 0; color:#fff; }
ul.acocuntMenu li { margin: 0 8px;  }
ul.acocuntMenu li a { color:#2a2a2a; }

.Passbtn1 a { float: none; cursor: pointer;  }
.Passbtn1 a:hover {color:#2a2a2a;     }
.Passbtn1 button.btn.btn-primary {
    padding:0;
    text-transform: none;
    font-weight: normal;
    margin-bottom: 15px; 
}
.Passbtn1 button.btn.btn-primary:hover { background-color: transparent; color:#2a2a2a;   }
.candidateMyProfile .dropbox_GooglePicker {right:0;   }
.ApplyjobCvrltr .dropbox_GooglePicker { right:0;  }



.shareThisBox { float: left; width: 100%;  margin-bottom:50px;  margin-top:50px; text-align: center; }
.shareThisBox h4 { margin:0 0 10px 0;    }
.shareThisBox ul.sharethis { margin-left: 0; margin-bottom: 0; }
.shareThisBox ul li {display: inline-block;  margin: 0 10px;      }
.shareThisBox .sharethis li a {
    color: #2a2a2a;
    cursor: pointer;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 44px;
    border-radius: 50px;
}

.shareThisBox .sharethis li a:hover { background-color: var(--color7);  }
.shareThisBox ul.sharethis { padding: 0; margin: 0;   }
.shareThisBox ul.sharethis li { text-align: center; }

/****** TestimonialsBox css ***/

section.testimonials .testimonialBox { width: 100%; text-align: left;  }

section.testimonials {
    width: 100%;
    float: left;
    padding:50px 0 50px 0;
    margin-top: 0; 
}
.testimonials .MainTitle { padding-bottom: 20px; }
.svgicon {
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    height: 40px;
}
.svgicon svg {
    width: 50px;
    height: 50px;
  
}
.svgicon path {  fill:var(--color3);}


.testimonials.tstbox {
    background-color: #7fb89c;
    position: relative;
    z-index: 9;

}
.testimonials.tstbox:before { background-color: #2a2a2a; top: 0; opacity: 0.5; content:""; z-index: 1; position: absolute; left: 0; right: 0; width:100%; height: 100%; }
.testimonials.tstbox .MainTitle { display: none; }
.testimonials.tstbox .MainTitle, .testimonials.tstbox .Allbtn { text-align:center;}

.testimonials .owl-carousel .owl-stage { display: flex; }
/*.testimonials .owl-carousel .owl-stage .owl-item { height: 100%; }*/
.testimonials .owl-carousel .owl-stage .item { height: 100%; }
.testimonials .testimonialContent {
    padding-bottom: 35px;
    height: 100%;
    padding-left:2px;
}
.testimonials .testimonialBox {
  flex: 1 1 300px;
  padding: 30px;
  border-radius:20px;
  text-align: left;
  position: relative;
  /*box-shadow: 0 10px 25px rgba(0,0,0,0.08);*/
  transition: transform 0.3s ease;
  background:linear-gradient(135deg, var(--color2), var(--color2));
  height: 100%;
}
.testimonials .testimonialContent.eventestimonial .testimonialBox { background: linear-gradient(135deg, var(--color6), var(--color6)); }
.testimonials .testimonialContent.eventestimonial .testimonialBox .svgicon path {
    fill:var(--color5);
}



section.testimonials .owl-dots { display: none; padding-top:20px; max-width: 1133px; margin: 0 auto;  }
section.testimonials .owl-dots button.owl-dot {
  display: inline;
    background-color: #28346a;
    width: 100%;
    height: 2px;
    top: 6.5px;
    position: relative;
    margin: 0;
    }
section.testimonials .owl-dots button.owl-dot.active {
    display: inline-block;
    background-color:#EEE;
    width: 100%;
    height: 2px;
    top: 6.5px;
    position: relative;
}
section.testimonials .TestimonialsBox .iq1 { color: #f7f6f8;  font-size: 135px; font-weight: 600; left: 0;  line-height: 1;  position: absolute; top: 0; }
section.testimonials .TestimonialsBox .content11 { padding-top: 0; position: relative;  z-index: 9; }
section.testimonials .TestimonialsBox .iq2 { bottom: 0;  color: #f7f6f8;  font-size: 135px;  font-weight: 600; line-height: 1;  position: absolute;  right: 0; transform: rotate(180deg); }
.testimonialBox {
    position: relative;
    display: flex;
    padding: 20px;
    justify-content: space-between;
    flex-direction: column;
    min-height: 100%;
}

.testimonialBox p {   color:#2a2a2a;   }
.testimonialBox .testimonial-left {
    float: left;
    margin-right: 0;
    max-width: 40px;
    opacity: 1;
    position: absolute;
    left: -10px;
    top:-10px;
    background: #2a2a2a;
    height: 40px;
    padding: 5px;
    display: none;
}
.testimonialBox .testimonial-left img { width: 100%; height: auto; position: relative; top: 3px; }
section.testimonials span.text-title,section.testimonials span.text-designation { color: #2a2a2a;  }
span.text-designation i {margin:0 5px; color:#7fb89c;    }
.testimonialPages {margin-bottom:0;  padding-top: 70px;        }

/***** Contact Page css start ******/
form b, form strong { font-weight: 600; }
.contactPage { background: #f8f9f9;  margin-bottom: 0px; padding-bottom: 0; margin-top: 0;  padding-top: 0; }
.contact_discussing img { width: 100%; }
.contactNew .row { display: flex;  justify-content: space-between;  }
.contactNew .row .Cntbox1 { padding: 0;  }
.ContactDetails {
    max-width:630px;
    float: right;
    width: 100%;
    padding-right:200px;
    padding-left: 15px;
}
.ContactDetails p { font-size: 20px;  }
.FormDivBtn { margin-top:15px;    }
.FormDivBtn .btn2 { border-color:#23527c; color:#091f1e !important; width: 100%; text-align: center;  }
.FormDivBtn .btn2:hover { color:#fff !important  }
.FormDiv {
    float: left;
    width: 100%;
}
.contactPage .MainAddress {overflow: hidden; margin-bottom: 35px; }
.contactPage .box { background: #fff;  border: 1px solid #ebebeb;  padding: 20px; overflow: hidden;  min-height: 170px; }
.contactPage .AddressBox .Cntbox { width: 25%; text-align: left;  float: left;  height: 100px; }
.contactPage .AddressBox .Cntbox span {  font-weight: bold; display: block;  padding-bottom: 8px; }
.contactPage .AddressBox .Cntbox p {display: block; margin-bottom: 15px;   margin-right: 10px; }
.contactPage .AddressBox .Cntbox ul {padding: 0; margin: 0 0 10px 0; }
.contactPage .AddressBox .Cntbox li {list-style: none; float: left;  margin-right: 5px; }
.contactPage .AddressBox .Cntbox li a {width: 30px;height: 30px; display: block; }
.Mapbox { clear: both; margin-top:80px; margin-bottom:0; float:left; width: 100%; height: 100%; }
.Mapbox iframe {  width: 100%; height: 500px; border-radius: 12px; }
.contact_from {  padding-left:0;}
/***** Contact Page css End ******/
/***** Login Pages css start ******/
.container.LoginPages.forgotPasswordNew { display: flex ; justify-content: space-between; }

.container.LoginPages { padding-bottom: 80px;  }
.CandidatePage .containerNew,.QuickApplication {
    max-width: 450px;
    margin: 0 auto;
    padding: 20px;
    background-color:#fcf8f4;
    overflow: hidden;
    border-radius:6px;
        border: solid 1px #e3d3c2;
}

.LoginPages .containerNew {
    display: flex;
    flex-direction: row-reverse;
    width: 55%;
    margin: 0 auto;
}
.LoginPages .accountdiv { min-height: 246px;    } 
.LoginPages .Loginbg,.ProfileDetailsDiv,.yellowbg { background-color:#f8d707; padding: 20px;    }   
.Loginbox { width: 100%;  float: right; }
.Loginbox h2.contact-page-title {
    text-align: left;
    line-height: 20px;
    width: 100%;
    position: relative;
    margin: 0 0 20px;
    border-bottom: solid 1px #cbb34a;
    padding-bottom: 20px;
    font-size: 20px;
}
.Loginbox .inputBox { margin-bottom: 0px; width:100%;  float: left;  margin-right: 0; margin-bottom:20px;  position: relative; }
.Loginbox .divbox .inputBox  { width: 100%; }
.inputBox.login_with_linkedin_google {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.Loginbox .inputBox label { margin-bottom: 5px;  display: block;}
.Passbtn { position: absolute; right: 0; top: 25px; }
.Passbtn .btn.btn-primary {
    margin-left: 10px;
    padding: 5px 20px;
    height: 56px;
    background: #2a2a2a;
    border-radius: 0 4px 4px 0;
    border: none;
    outline: none;
    color: #fff;
}
.Passbtn .btn.btn-primary::after,.Passbtn .btn.btn-primary::before { display: none; }
.LoginPages .ForgottenBox.inputBox { padding-top:0; width:100%; text-align: center; }
.LoginPages .ForgottenBox.inputBox .learnmore {float: none;   }
.LoginPages .ForgottenBox.inputBox .learnmore:hover { color: #2a2a2a; text-decoration-line: none; }
.LoginSubmit.inputBox {
    float: right;
    width: 100%;
    margin:0px 0 0 0;
    text-align: center;
}
.registerboxnew.Loginbox { width: 100%;  margin: 0; padding: 20px; border: solid 1px #ddd;}
.registerboxnew.Loginbox .registerboxbox01 {
    padding:0px 0 0 0;
    text-align: center;
}
.registerboxnew.Loginbox .registerboxbox01 a.btn { color:#2a2a2a;   }
.registerboxnew.Loginbox h2.contact-page-title { margin-bottom: 20px; font-size: 20px;  line-height: 20px; text-align: left;  }
.registerboxnew.Loginbox a.btn.blueBtn { border: solid 2px #ddd; }
.Loginbox {margin: 0;  }
.Signinpages {
    float: none;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    clear: both;
}
.Signinpages .yellowbg { overflow: hidden;  }
.Signinpages .SigninBox.Centerwidth {
    float: left;
    width: 100%;
}
.Signinpages .SigninBox.Centerwidth .Loginbox { float:left;   }
.Signinpages .SigninBox.Centerwidth .ForgottenBox {
    float: left; text-align: center;
}
.Signinpages .SigninBox.Centerwidth .ForgottenBox .learnmore { float: none;  }
.Signinpages .SigninBox.Centerwidth .ForgottenBox .learnmore:hover { color:#2a2a2a;   }
.Signinpages .SigninBox.Centerwidth .ForgottenBox a { color:#2a2a2a;  }

.CandidatePage .containerNew,.QuickApplication { max-width:700px;  }

/*.forgotPasswordNew {max-width: 500px; margin: 0 auto;}*/
.forgotPasswordNew .ForgottenBox.inputBox {width: 100%; padding-top: 0; }
.containerNew a { text-decoration: none;  }
.containerNew a:hover { text-decoration:underline;  }
.forgotPasswordNew .Loginbox { margin: 0 auto; float: none; }
label.error { color:red; font-weight: normal;  position: relative;  }
label.error:before { content: "\f071"; font-family: 'FontAwesome'; margin-right: 5px; }
/******* custom checkbox ******/
.form-control {
    height: 56px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 16px;
    border: solid 1px #2a2a2a;
    background-color: #fff;
}
label.Checkboxes.custom-control { padding: 0 20px 0 0; }
.Checkboxes .custom-control-label { font-weight: normal; padding-left: 30px; display: inherit; }
.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #2a2a2a; background-color: #2a2a2a; }
.Checkboxes.custom-control input { margin: 7px 0 0; opacity: 0; position: absolute; }
.custom-checkbox .custom-control-label::before { border-radius:2px; }
.contact-form.Getintouch .Checkboxes .custom-control-label a { color: #2a2a2a; }
.contact-form.Getintouch .Checkboxes .custom-control-label a:hover { color: #2a2a2a; }
.custom-control-label::before,
.custom-file-label,
.custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.custom-control-label::before { background-color: #fff; border: 1px solid #2a2a2a; content: ""; display: block; height: 16px; left: 0; pointer-events: none; position: absolute; top:3px; width: 16px; }
.custom-control-label::after { position: absolute;  top: .25rem;
left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: solid; border-width: 0 2px 2px 0; height: 10px; left: 6px; top: 4px; transform: rotate(45deg); width: 5px; }
.Checkboxes.custom-control.custom-checkbox { position: relative; }
.Checkboxes.custom-control.custom-checkbox label.error { bottom:-25px; font-size:14px; left:30px; position: absolute; }
.checkBxtext { margin-bottom: 20px; }
.CandidateReg .Checkboxes.custom-control.custom-checkbox label.error { bottom:-21px; left:30px; }
/******* custom checkbox End ******/
/******* custom radio ******/
.custom-radio.custom-control-inline .custom-control-label { padding: 1px 0 0 30px; }
.custom-radio.custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 20px; }
.custom-radio .custom-control-input { position: absolute; z-index: -1; opacity: 0; }
.custom-radio { position: relative; margin-bottom:10px; vertical-align: top; }
.custom-radio .custom-control-label::before { border-radius: 50%; }
.custom-radio .custom-control-label::before,
.custom-radio .custom-file-label,
.custom-radio .custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.custom-radio .custom-control-label::before { position: absolute;  top:0;
left: 0; display: block; width: 20px; height: 20px; pointer-events: none; content: ""; background-color: #fff; border: #2a2a2a solid 1px; }
.custom-radio .custom-control-label::after { position: absolute;  top: .25rem; opacity: 0;
left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; background-color: #fff; }
.custom-radio .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #2a2a2a; background-color: #2a2a2a; }
.custom-radio .custom-control-input:checked~.custom-control-label::after { background: #2a2a2a none repeat scroll 0 0; border-radius: 50%; height: 14px; left: 4px; top: 4px; width: 14px; }
/******* custom radio End  ******/
/*** Registration candidate pages css ***/ 
span.text-primary {color: red;}
.dropbox_GooglePicker { margin: 0;  position: absolute;  top: 0px; right:0;  float: right; background:#fff; padding-left:10px;  border-left: solid 1px #ccc; }
.dropbox_GooglePicker a, .dropbox_GooglePicker a { border: 1px solid #ddd; border-radius: 0;  color: #2a2a2a;  display: block; float: left; line-height: 18px;  margin-right:0px; margin-left: 5px;  max-width: 170px;  overflow: hidden; padding:18px 10px;  text-align: center;  text-decoration: none; }
.CandidateReg .form-group.PositionFixedBox {text-align: center; width: 100%;  margin-bottom: 20px; }
.forgotPasswordNew .Loginbox .inputBox { width: 100%; }
.forgotPasswordNew .LoginSubmit.inputBox { width: 100%; margin:0 0px 20px 0; }

ul.RegistrationBox li ul.submenuCandidates { 
    content: "";
    background: url(../../img/job-bg.jpg) bottom left repeat-x #2a2a2a;
    display: none; 
    height: auto; 
    position: absolute; 
    width: 225px; 
    z-index: 200; 
    margin: 0;  
    right: 0; 
    padding: 0;
}



ul.RegistrationBox li:hover ul.submenuCandidates { display: block;  }
ul.RegistrationBox li ul.submenuCandidates li { padding: 0 0 ;  display: block; width: 100%;}
ul.RegistrationBox li ul.submenuCandidates li a { text-transform: none; padding:10px 10px; border-bottom: solid 1px #2a2a2a; display: block; font-size:16px;  color:#fff; text-decoration: none;   }
ul.RegistrationBox li ul.submenuCandidates li a:hover, ul.RegistrationBox li ul.submenuCandidates li.active a { background-color:#2a2a2a; color: #fff;  }
ul.RegistrationBox li ul.submenuCandidates li.redBOX { background:red; color:#fff; text-align:center;    }
ul.RegistrationBox li ul.submenuCandidates li.redBOX a { color:#fff;  }
.Candidated_Form .form-group .fileUpload02 { position: relative;  width: 100%; }
.Candidated_Form .form-group .PasswordBox1 {  float: left; margin-right: 20px; width:48%;  position: relative; }
.Candidated_Form .form-group .PasswordBox1 .btn::after, 
.Candidated_Form .form-group .PasswordBox1 .btn::before { display: none; }
.form-group { overflow: hidden;  }
.form-group.PositionFixedBox { width: 100%;  text-align: center;  margin: 0 0 30px 0; }
/***** RegistrationBox css End ***/
.modal-body.ModalBox .formDiv.tabsbox ul.facet-links { width: 100%;}
.ModalBox .tabsbox .facet-links li {padding: 5px 0; border-bottom: solid 1px #DDD; text-align: left; width: 100%; }
.modal-body.ModalBox { text-align: center;  }
.modal-body.ModalBox button.btn.btn-default { margin-top: 10px; }
.bootbox .modal-footer { text-align: center; }
/*.bootbox .modal-footer button.btn.btn-default { background: #4b4b4d; border: solid 2px #4b4b4d;  color: #ffffff; border-radius: 0; }*/
.bootbox .modal-footer button.btn:hover, 
.bootbox .modal-footer button.btn:focus{  background-color: transparent; color:#2a2a2a;    }
/*.bootbox .modal-footer button.btn.btn-primary { background: #7fb89c; border: solid 2px #7fb89c; color: #ffffff; border-radius: 0; }*/

.bootbox .modal-footer button.btn-primary.btn::before,
.bootbox .modal-footer button.btn-primary.btn::after,
.bootbox .modal-footer button.btn-primary.btn span::after, 
.bootbox .modal-footer button.btn-primary.btn span::before{  background-color:#7fb89c;  }
.bootbox .modal-footer button.btn span { padding: 13px 25px; }

.bootbox .bootbox-close-button.close {background: #7fb89c none repeat scroll 0 0;color: #fff;float: right;height: 30px;margin-right: -45px;margin-top: -15px !important;opacity: 1;width: 30px;border: none;line-height: 16px;cursor: pointer;font-size: 20px; }
.bootbox .modal-content {border: none;border-radius: 0; }
nav.main-menu.pageBtn ul { list-style: none; padding: 0; margin: 0; text-align: center;    }
nav.main-menu.pageBtn ul li { display: inline-block;   }
nav.main-menu.pageBtn ul li a { display: inline-block; padding:25px 60px;  border: solid 1px #23527c; text-decoration: none; color:#23527c; font-weight: bold;  } 
nav.main-menu.pageBtn ul li a:hover { background-color:#2a2a2a; border: solid 1px #2a2a2a; color:#fff;      }
.CandidatesNew02 {
    margin: 20px 0 30px 0;
}
.CandidatesNew02 nav.main-menu.pageBtn ul li { margin: 0 2px;   }
.CandidatesNew02 nav.main-menu.pageBtn ul li a { padding:10px 25px; background:#23527c; border: solid 1px #23527c; color:#fff; }
.CandidatesNew02 nav.main-menu.pageBtn ul li a:hover { background:#2a2a2a; border-color: #2a2a2a; }

.landing_page .DeleteAccountbox {text-align: center; margin-bottom: 25px;}
.create_alertpages .form-horizontal .form-group { margin-left: 0; margin-right: 0; overflow: initial; margin-bottom:25px;   }
.create_alertpages .form-horizontal label.error { position: absolute;  }
.create_alertpages .CreateJobInput { margin:0 0 25px 0;}
.create_alertpages .ms-options-wrap > .ms-options {  left: 15px;  width: 97.5%; font-weight: normal;}
.create_alertpages .job-search-form { flex-direction:column;   }


.stickyfooterBtn {float: left; width: 100%; }
.stickyfooterBtn .btn { display: inline-block !important; margin-right: 10px;  }

.getintouch { margin-bottom: 30px;   }
.getintouch ul { list-style: none; padding: 0; margin: 0; }
.getintouch ul li { text-align: center; width:33%; display: inline-block;  }
.getintouch ul li h5 { font-weight: bold;  }
.getintouch ul.Socialbox li { width: auto; margin: 0 10px;  }

/***** Team Css Add ***/  
.TeamDetailbox {
    padding:30px 20px 20px 20px;
    margin: 0;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#2a2a2a;
    display: flex;
    width: 100%;
    justify-content: space-between;
    color:#fff; 
    flex-direction: column;
     text-align: center;
}
.TeamDetailbox .Team_Name { padding-bottom:15px; }
.TeamDetailbox .Team_Name h3 { margin-bottom: 5px; cursor: pointer; }
.TeamDetailbox .Team_Name h3 a { color: #fff;  text-decoration: none;  }
.TeamDetailbox .Team_Name h3:hover a { color: #fff;  text-decoration: underline;  }
.MainTeamBox { padding: 0; margin-bottom: 30px; position: relative; overflow: hidden; 
    border-radius: 12px;
    border: solid 1px #ddd;
    background: #f4f4f4;

 }
.MainTeamBox .imagesbox {
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: -10px;
    position: relative;
    z-index: 9;
}
.MainSocialBox { margin-bottom:10px;   }
.MainSocialBox a i,.smallsocial a i { margin: 0;  }
.MainSocialBox a,.smallsocial a { 
    border:solid 1px #2a2a2a; 
    color:#2a2a2a;   
    width: 25px; 
    height: 25px; 
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    line-height: 23px;
}
.MainTeamBox p.Designation { color:#fff; margin: 0;   }
.MainSocialBox a:hover,.smallsocial a:hover { border:solid 1px #2a2a2a; background:#2a2a2a;  color:#fff;   }
.MainTeamBox .imagesbox img { width: 100%; cursor: pointer; }
section.team_category_list .MainTeamBox .TeamDetailbox h4 {margin: 0; line-height: normal; font-size: 18px;}
.MainTeamBox h4 a  { text-decoration: none; cursor: pointer; color:#fff ; font-size: 18px;  font-weight: 500;}
.MainTeamBox i {margin-right: 5px;  }
.mobile_number {
    margin: 0 0 15px 0;
    font-size: 16px;
    height: 50px;
    line-height: 25px;
}
.MainTeamBox .mobile_number i { margin-left: -15px; }
.Team_Namebox a.socialmedia {
    border-radius: 12px;
    background-color: #2a2a2a;
    padding: 12px 20px;
    line-height: normal;
    display: inline-block;
    color: #fff;

 }
  .Team_Namebox a.socialmedia i { margin: 0; }
 .Team_Namebox a.socialmedia:hover { background-color: #c9dce4; color: #2a2a2a; }
.Team_Namebox {
    text-align: center;
}
.email_address { margin-bottom:10px; font-size: 16px;  }
.email_address a,.ContactTeam a { text-decoration-line:none; color:#fff;  }
.email_address a:hover,.ContactTeam a:hover { text-decoration-line: underline; color:#fff;  }
.our-team ul { padding: 0; margin: 0; list-style: none;  }
.our-team ul li { border: solid 1px #ddd; float: left; width: 23.6%; margin-right: 20px; padding: 10px;  min-height: 620px;}
.our-team ul li:nth-child(4n+4) { margin-right: 0; }
.our-team ul li img { width: 100%; margin-bottom: 10px;  }
.our-team ul li p.profilename {font-weight: bold;}
.TeamContact { margin-top: 15px; margin-bottom: 15px; }
.TeamContact .ContactTeam { margin-bottom:15px;  }
.our_team_imageright .smallsocial a { margin: 0 5px;  }
.our_team_imageright .smallsocial a:hover { color:red;  }
.TeamContactRight {float: left; width: 66%; }
.our_team_imageright {float: left;margin-right: 20px;  }
.border {border: solid 1px #ddd;padding: 5px; }
.text-small { padding-bottom: 10px;  }
.TeamDetailbox .Team_Name h4 { margin: 0; }
/***** Team Css End ***/  
.job-newsletter .submitbox {
    position: absolute;
    float: right;
    margin: 0;
    top: 21px;
    right: -40px;
}
.job-newsletter .submitbox .btn span::after, .job-newsletter .submitbox .btn span::before { display: none; }
.job-newsletter .submitbox .btn2 { padding: 11px 20px; background-color:#f8d707; border-color:#f8d707;   }
.job-newsletter .Newsletterleft { float: left; width: 100%; text-align: center; }    
.job-newsletter p { margin-bottom: 0; }
.job-newsletter h3 { font-size: 35px; margin: 0 0 10px 0;  }
.job-newsletter label.col-sm-2 { display: none; }
.job-newsletter form {margin: 0 auto; clear: both; width: 70%; padding-top: 25px; position: relative;}
.job-newsletter form .btn::after, .job-newsletter form .btn::before { display: none; }

/***** Main Right Side All Css Add ***/  
.MainRightSide .container { width: auto; padding: 0; }
.MainRightSide section.MainFaqs.cellFaqs { margin-top: 0; margin-bottom:30px;   }
.MainRightSide section.JobsByIndustry ul li  { width: 100%;  }
.MainRightSide .jobsearchright { margin-bottom: 30px;   }
.MainRightSide .jobsearchright .searchBox .Searchselect { width: 100%; margin-bottom: 10px;  }
.MainRightSide .jobsearchright a.advanceSearchLink { float: none;  }
.MainRightSide section.section_gallery .Mainjobbox1 { width: 100%;  }
.MainRightSide .job-newsletter label.col-sm-2 {width: 100%;   }
.MainRightSide section.service  .MainserviceBox { width: 100%;   }
.MainRightSide section.our-team ul li {width: 100%; margin-bottom:10px; margin-right: 0;     }
.MainRightSide section.our-team .row { margin: 0;  } 
.MainRightSide section.getintouch ul li { width: 100%;  }
.MainRightSide section.getintouch ul.Socialbox li {width: auto !important;}
.MainRightSide.LeftPanl .container { padding: 0;  }
.MainRightSide .NewinsightsBox { width: 100%;  }
.MainRightSide .contactForm .col-sm-2 {width: 100%;}
.MainRightSide .contactForm .submitbox { text-align: center;  }
.MainRightSide .Loginbox { width: 100%; margin:20px 0 0 0; }
.MainRightSide .Loginbox .inputBox {width: 100%; }
.MainRightSide section.SectionInsights .Main_insights .insightsBox { width: 100%; }
.MainRightSide section.SectionInsights.IndustryNews .latest-post .insightsBox { width: 100%;    }
/***** Main Right Side All Css End ***/  
.MainRightSide .shareThisBox { margin-bottom: 30px; 
text-align: center;   
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3);
padding: 15px;
border-radius: 20px;
margin-top: 10px;background: linear-gradient(90deg, #f4a58a, #f1d2a3)
}
.MainRightSide .shareThisBox ul li { margin:0 8px 0 0; }
.Tabbox { border-bottom: 1px solid #ddd; margin:0 -15px 15px -15px; padding:0; display: flex ;     justify-content: center; text-align: center; }
.Tabbox > ul { margin: 0 0 0 0; list-style: none;}
.Tabbox li { float: left; text-align: center;  margin-right: 10px;}
.Tabbox li a {
    padding: 10px 20px;
    display: block;
    border: solid 1px #ddd;
    border-bottom: transparent;
    position: relative;
    bottom:-1px;
    background: #fff;
    font-size: 16px;
    text-decoration: none;
}
.Tabbox li a.btn { background: #2a2a2a; height: auto !important; border: 1px solid #2a2a2a; border-radius: 0; color: #fff !important; cursor: pointer; display: block; float: none !important; font-size: 16px; line-height: 25px; padding: 8px 20px 8px 20px; text-align: center; text-decoration: none !important; transition: all 0.5s ease 0s; bottom: -1px;}
.Tabbox li a.btn::after, .Tabbox li a.btn::before { display: none; }
.modal-body.contact-form.fly_loginPopup { overflow: hidden;   }
.modal-content.modalBoxPopup .modal-header { display: block;  }
.modal-content.modalBoxPopup .modal-header h2.modal-title { float:left; font-size: 18px; margin: 0; padding: 0; font-weight: bold; }
.modal-content.modalBoxPopup .modal-footer { border: none;  }
.AllmodalBoxPopup .modal-dialog  .form-popup {  float:left; width: 100%;      }
.modalBoxPopup .modal-body .registerboxnew { padding: 37px 10px; margin-bottom: 5px; margin-top: 25px; margin-right: 0;}
.modal-body .registerboxnew { text-align: center; background: #ff8300; color: #fff; width: 100%; padding: 5px;}
.RegisterNowLeft { float: right; width: 37%; margin: 0; padding: 0;}
.RegisterNowLeft a.btn.blueBtn { color:#fff; padding: 10px 15px;   }
.modal-body.contact-form.fly_loginPopup .login_linkedin_google {
    float: left;
    width: 100%;
    margin-top: 15px; text-align: center; display: flex;     justify-content: center;
}
.modal-body.contact-form.fly_loginPopup .ForgottenBox.inputBox { float: left; width:100%; text-align:center;  }
.modal-body.contact-form.fly_loginPopup .modal-footer { padding-left: 0; padding-right: 0;padding-top: 0; padding-bottom: 0;  }
.modal-body.contact-form.fly_loginPopup .inputbox { margin-bottom: 20px;  }
.Loginbtn {
    text-align: center;
}
.CandidateAccount {
    text-align: center;
    margin-top: 15px;
}


.MainLeft { width: 72%; float: left; }
.MainRight {float: right; width: 25%; }
section.CmsEditor.Candidated_Form .message.error.alert { color:red !important; }
section.service.Relativetp .MainTitle { padding-bottom: 0;   }
section.service.Relativetp .MainTitle h2 { margin-bottom: 0;   }
section.jobsbyindustry ul.row { padding: 0; margin-bottom: 0;  }
section.jobsbyindustry ul.row li {display: inline-block; margin:30px 0 15px 0;}
section.jobsbyindustry ul.row li a {color:#fff; text-decoration: none; display:block; padding:10px 20px; background-color:#2a2a2a; text-align: center; }
section.jobsbyindustry.Locations ul.row li a { background:#2a2a2a; color:#fff}
section.jobsbyindustry ul.row li a:hover { background:#2a2a2a; color:#fff;  }
.Main_Category { text-align: center; }

/***** Table Css Add **************/
table.tableBox.MaintableBox { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; }
table.tableBox.MaintableBox tr { background-color: #f8f8f8; }
.cartPage table.tableBox.MaintableBox tr {border: 1px solid #e6e6e6; }
.cartPage table.tableBox.MaintableBox .ProductRows td {font-size: 16px; line-height: 20px;    }
table.tableBox.MaintableBox caption {font-size: 1.5em;margin: .5em 0 .75em; }
table.tableBox.MaintableBox tr {background-color: #f8f8f8; }
table.tableBox.MaintableBox th,
table.tableBox.MaintableBox td { padding: .625em; }
table.tableBox.MaintableBox th {font-size:14px; text-transform: uppercase; }
.trashbtn {display: inline-block; background:red; color: #fff !important; text-align: center; width: 30px; height: 30px; line-height: 30px; }
.cartPage .tableBox td.trashbtn1 { border-right: solid 1px #e6e6e6 !important; }
td.Prophoto img {width:auto; height:50px;  }
@media screen and (max-width:768px) {
table.tableBox.MaintableBox { border: 0;   }
table.tableBox.MaintableBox caption { font-size: 1.3em; }
table.tableBox.MaintableBox thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;  }
table.tableBox.MaintableBox tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em;  }
table.tableBox.MaintableBox td { border-bottom: 1px solid #ddd; display: block; text-align: center;  }
table.tableBox.MaintableBox td::before { content: attr(aria-label); content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
table.tableBox.MaintableBox td:last-child { border-bottom: 0;  }
table.tableBox.MaintableBox .product1Btn { justify-content:center; }
.tableBox td.qtyspc .product1Btn { display: inline-flex;  }
.tableBox td.Prophoto { display: none !important;  }
table.tableBox td h3.Protitle { margin: 0; padding: 0; text-align: center;  }
}

/***** Table Css End **************/
.SubTotalBox.TotalBox.TotalPoints .labelBox { width: 100%; border: solid 1px red; background: red; padding: 10px; color:#fff; text-align: center; margin-bottom: 20px; }
.cartPage .SubTotalBox.Discountline { color:red; }
.cartPage .SubTotalBox { float: left; width: 100%; display: flex; justify-content: space-between; margin-bottom: 10px; }
.labelBox { float: right; width: 73%; text-align: right; }
.cartPage .labelBox { margin-bottom: 0; }
section.CmsEditor.cartPage .col-sm-3 h4 { text-transform: uppercase; font-size: 14px; padding-top: 7px; font-weight: bold !important; }
.cartPage .SubTotalBox.TotalBox { font-weight: bold; }
.promo_codeBox label { line-height: 50px; margin: 0; }
.promo_codeBox {display: flex; justify-content: space-between;  width:80%; margin: 0 auto; position: relative; float: left; padding-top: 20px; }
.promo_codeBox .form-control { width:100%; height: 49px; color:#2a2a2a; background:#eee; border: none;  }
.ShoppingBag {float: left;width: 100%; margin:15px 0 10px 0; position: relative;     border-top: solid 1px #ddd;}
.ShoppingBagHr:before { border: solid 1px #ddd; content: ""; position: absolute; top: 70px; width: 100%; }
.promo_codeBox input.btn { height: 50px;  }
.promo_codeBox input.form-control { background:#fff; border: solid 1px #ddd; }
.inputPromo { width: 45%; }
.CustomersBtn { text-align: right; }
.CustomersBtn a.btn:hover { color:#fff;   }
.MainCustomers .CustomersBtn { clear:both}
.cartPage .CustomersBtn { float: left; width: 100%; text-align: right; display: flex; justify-content: space-between; margin: 15px 0 0 0;  }
.LoginPages h3.contact-page-title { font-weight: 500; font-size: 20px; }
.GuestRegistration { overflow: hidden; padding: 20px; border: solid 1px #eee; }
.RegistrationDiv .form-group  { float: left; clear: both; width: 100%;  }
.RegistrationDiv { min-height: 350px; }
.divPointsInfo1 { background: #fff8f8; border: solid 1px #ddd; padding: 5px; margin-top: 10px; }
.LoginPages h3.contact-page-title { font-weight: 500; font-size: 20px; }
.checkoutPages .Checkoutbg { border: solid 1px #eee; margin: 0 0px 0 0; padding: 20px; overflow: hidden; }
.checkoutPages .inputBox { margin: 0 0 20px 0; width: 100%; }
.checkoutPages .ForgottenBox.inputBox { float: left; width: 100%; text-align: center; }
.checkoutPages .btn { display:inline-block; width: 100%; }
.CalculateShipping .Addselectionbx { border: solid 1px #ddd; padding: 5px; float: left; width: 100%; background: #eee; margin-bottom: 15px; }
.CalculateShipping { float: left; width: 100%; margin: 5px 0 0 0; }
.CalculateShipping .Addselectionbx .inputBox { margin-bottom: 0; }
.CalculateShipping .form-control { width: 100%; }
.Addselectionbx button.btn.FindMyAddress {
    padding: 16px 20px;
    float: right;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
}
.CalculateShipping .Addselectionbx .inputBox select.form-control { margin-top: 5px; }
.ForgottenBox.inputBox {
    text-align: center;
}
.accountdiv {
    clear: both;
    display: block;
    text-align: center;
    padding-top: 15px;
}
.inputBox { float: left; width: 100%; margin-bottom: 20px; }
.error { color:red; clear: both; }
.jobbox.AllSavedProduct textarea { height: 262px; }
.buttonOrderNow { margin: 10px 0 10px 0; float: left; width: 100%; display: flex; justify-content: space-between; align-items: self-start;}
h6#addressHeading { border: solid 1px #2a2a2a; padding: 15px 20px; }
.cartPage .ShoppingBag h6 { font-weight: normal; text-align: left; width: 100%; }
h6.delAddressShow:before, h6.delAddressHide:before { position: absolute; right: 20px; }
h6.delAddressShow:before { content: "\f068"; font-family: 'FontAwesome'; }
h6.delAddressHide:before { content: "\f067"; font-family: 'FontAwesome'; }
h6.delAddressHide:before { content: "\f067"; font-family: 'FontAwesome'; }
.modal-open .modal {background-color:rgba(0,0,0,0.8);}
.DivBanner { background:#2a2a2a; padding:20px 0; float: left; width: 100%; margin-bottom:30px; text-align:center; }
.DivBanner h1 { margin: 0; color:#fff;  }
.DivBanner p { color:#fff ; margin-top: 10px; margin-bottom: 0; }
.poweredStrip span { max-width: 100px; display: inline-block;  margin: 0 5px 0 0; padding: 0; }
.poweredStrip span img { max-width: 100%; }
.poweredStrip { width: 100%; margin-top: 10px; overflow: hidden; padding: 0; text-align: center; border: none; }
.blogdetailBanner .bannerimg { position:relative}
.blogdetailBanner .bannerimg .AllDateBox.Publishedbox { border-radius:0 5px 0 5px}

.BackgroundWhite.PaddingBox.CmsEditor { clear: both;  }



.NewsletterForm .Newsletterleft {text-align: left;}
.NewsletterForm label.col-sm-2 { width: 100%; text-align: left; display: none; }
.NewsletterForm form { position: relative; width: 30%; }
.NewsletterForm form .submitbox { position: absolute; right: 0; top: 0; }


.PointsBalance {
    background: #23527c;
    padding: 15px; color:#fff;
    margin-bottom: 20px;
    text-align: center;
}



.margin-bottom { margin-bottom: 30px !important;  }
.modal-dialog.order_popup {
    width: 100%;
    max-width:850px;
}
.modal-dialog.order_popup .modal-content { width: 100% !important;  }
.order_popup iframe.embed-responsive-item { width: 100% !important; border: none; }

.alert {clear: both;}
.note-success {
    /*background-color: #dff0d8 !important;
    color: #3c763d !important;
    text-transform: none;
    border-left:solid 5px #3c763d !important;
    border-right:solid 1px #3c763d !important;
    border-top:solid 1px #3c763d !important;
    border-bottom:solid 1px #3c763d !important;*/
    border-radius:0 ;
}
.note-danger {
    background-color: #f2dede !important;
    color: #7fb89c !important;
    text-transform: none;
    border-left:solid 5px #7fb89c !important;
    border-right:solid 1px #7fb89c !important;
    border-top:solid 1px #7fb89c !important;
    border-bottom:solid 1px #7fb89c !important;
    border-radius:0 ;    


}


.CandidatemenuPopup.scrollBox {height: 100%;   max-height: 100%; padding: 15px; }
.CandidatemenuPopup ul.RegistrationBox { padding:0; margin: 0; list-style: none;}
.CandidatemenuPopup ul.RegistrationBox li ul.submenuCandidates { display: block;  width: 100%; text-align: center; background: transparent; } 
.CandidatemenuPopup span.myAccount, i.fa.fa-user.myAccounticon { display: inline-block; }
.CandidatemenuPopup ul.RegistrationBox li.menuCandidates a.btn { display: block; padding: 10px; border-radius: 0; font-size: 16px; color:#fff;  }
.CandidatemenuPopup ul.RegistrationBox a.blueBtn1,.CandidatemenuPopup ul.RegistrationBox li.LogInbtn a { background:#23527c; border:#23527c;  display: block; padding:5px 20px; border-radius: 4px; text-align: center; color:#fff; margin-bottom: 10px; }
.CandidatemenuPopup ul.RegistrationBox a.blueBtn1 i,.CandidatemenuPopup ul.RegistrationBox li.LogInbtn a i { margin-right: 5px; }

.Candidate_menu { display: flex;  align-items: center; }
.Candidate_menu  ul.RegistrationBox li.menuCandidates a.btn { padding:5px 10px; border: none; height: auto; }

.sidenav.mySidenavFilter {
    background: transparent;
    position: relative;
    display: block;
}
.sidenav.mySidenavFilter {
    width: 100%;
    overflow: initial ;
}
.mySidenavFilter .scrollDiv {
  
    height: 100%;
    width: 100%;
}
.mySidenavFilter span.open_mobilecart.btn2 {
    padding: 5px 6px 5px 10px;
    background: #c89329;
    float: right;
}
.sidenav.mySidenavFilter .closebtn {
    display: none;
}
.sidenav.mySidenavFilter .closebtn {
    font-size: 20px;
    line-height: 30px;
    float: right;
    top: 60px;
    position: relative;
    right: -30px;
    left: auto;
    
}

/*.sidenav.mySidenavFilter .Foundjobs .tabsbox .nav.nav-tabs,.sidenav.mySidenavFilter .panel-body.contact-form { display: none; }*/
.sidenav.mySidenavFilter .Foundjobs.FoundjobsRight .tabsbox .tab-content { box-shadow: none; }


label.col-sm-2.None { display:none;  } 
label.col-sm-2.Right { float:right; text-align:right;  }

.loading {background: transparent url('https://media4.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif?cid=ecf05e476ht27yz40arwvvg50ne2js8uikwpls653hv1abad&rid=giphy.gif') center no-repeat;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
 }

.AboutDivBg.AboutDivBgNew {
    margin-bottom: -60px;
}
.HomeBanner .column { width: 50%; }
.searchBox button.btn { margin:0px 0 0 0;   }
.LatestJobsSeperated,
section.Welcomecontent {padding-top:50px;  }

.LatestJobsSeperated {background-color: rgb(252,248,244); padding: 80px 0; position: relative;}
.LatestJobsSeperated .jobbox {
    padding-left: 12.7%;
}

.LatestJobsSeperated .MainTitle {
    text-align: left;
    margin-bottom: 0;
    justify-content: space-between;
    display: flex;
    padding-bottom:30px;
}
a.flex.Textlink {
    display: flex;
    align-items: center;
    gap: 5px;
}
.LatestJobsSeperated .MainTitle h2 { color:#091f1e; margin-bottom: 0;}
.MainTitle h6 { color:#2a2a2a; font-size: 20px; font-weight: bold; margin: 0; line-height: 1;  }
.Morebtn {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}







.socialmedia ul { list-style: none; padding: 0; margin: 0;    }
.socialmedia ul li { padding:0 30px; color:#fff;   }
.socialmedia ul li a { color:#fff; font-size: 20px;  }
.socialmedia ul li a:hover { color:#23527c;   }

.titlebox .SvgIcon svg {
    width: 25px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: -2px;
    color:#2a2a2a; 
}
.CandidateReg label.col-sm-2 {  font-weight:600;  width: 100%; padding: 0; }
.CandidateReg .col-sm-10 { width: 100%; padding: 0; }
.CandidateReg .form-horizontal .form-group { margin-left: 0; margin-right: 0;   }

.TabsDivTitle {
padding:15px 0 36px 83px;
margin-top: 0;
position: relative;
bottom: 95px;
margin-bottom: -20px; 
background-color: #091f1e;
width: 70%;
display: inline-block;
z-index: 1;
height: 96px;
}
.TabsDivTitle a.active {
    border: solid 2px #23527c;
}
.TabsDivTitle a {
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    border: solid 2px #091f1e;
}


.MainSectionDiv.NewSectionCms {
display: inline-block; position: relative; width: 100%;
}
.FontSize18 { font-size: 18px; color:#091f1e;  }


.ContactDetails .Cntbox {
    display: flex;
    padding: 0;
    gap: 0 20px;
    align-items: center;
    margin-bottom: 20px;
}
.ContactDetails .AddressBox {
    padding: 30px 0 0 0;
    display: inline-block;
}
.ContactDetails .AddressBox p { margin: 0; padding: 0;  }
.ContactDetails .AddressBox i {
    width: 40px;
    height: 40px;
    background: #23527c;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50px;
}


.main-slider.HomeBanner .sliderContent {
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 60px;
}
/*.owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    z-index: 999999;

}*/
.owl-nav button span { display: none; }
.owl-nav button.owl-prev { margin-left:15px; position: absolute; left: 0; top: 50%;    }
.owl-nav button.owl-next { margin-right: 20px; position: absolute; right: 0; top: 50%;  }
.owl-nav button.owl-prev:hover:before, button.owl-next:hover:before {
    color:#7fb89c;
    opacity: 1;
}
.owl-nav button.owl-prev:before {
    content: "\f104";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    background: transparent;
    border: none;
    font-size: 75px;
    color: #2a2a2a;
    opacity:1;
    left: -48px;    
}
button.owl-next:before {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    
    background: transparent;
    border: none;
    font-size: 75px;
    right: -50px;
    color:#2a2a2a;
    opacity:1;
   
}

.Padding50 { padding-top:50px;   }
.Padding60 { padding-top:60px;   }
.Padding65 { padding-top:65px;   }
.Padding70 { padding-top:70px;   }
.Padding80 { padding-top:80px;   }
.Padding90 { padding-top:90px;   }
.Padding100 { padding-top:100px;   }

.Padding-b50 { padding-bottom:50px;   }
.Padding-b60 { padding-bottom:60px;   }
.Padding-b65 { padding-bottom:65px;   }
.Padding-b70 { padding-bottom:70px;   }
.Padding-b80 { padding-bottom:80px;   }
.Padding-b90 { padding-bottom:90px;   }
.Padding-b100 { padding-bottom:100px !important; }
.Padding-b200 { padding-bottom:200px !important; }


.Padding1 { padding-bottom:35px; padding-top:50px;  clear: both; }
.Padding2 { padding-bottom:45px; padding-top:60px;  }
.Padding3 { padding-bottom:55px; padding-top:70px;  }
.Padding4 { padding-bottom:65px; padding-top:80px;  }
.Padding5 { padding-bottom:75px; padding-top:90px;  }
.Padding6 { padding-bottom:85px; padding-top:100px;  }

.btn2.White {background: #fff; color:#2a2a2a; border-color:#fff; font-family: "Open Sans", sans-serif;    }
.btn2.White:hover {background: #2a2a2a; color:#fff; border-color:#2a2a2a;     }

.ContentDiv { clear: both;  }
.LightOrangebg {  background-color: #eee;  }
.bluebg {  background-color: #2a2a2a;  }
.blueLight2 {  background-color: #3CF0FF;  }
.VideoBox1 video {
    width: 100%;
}



.WhiteText p,.WhiteText { color:#fff;  }

p.Consolidated1 {
    text-align: left;
}
p.Consolidated3 {
    text-align: left;
    padding-left: 81px;
}
.HtmlBlocks {
    background-repeat: no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-attachment: scroll;
    clear: both;
    background-repeat: no-repeat;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    background-size: 0 !important;
    overflow: hidden;
    position: relative;
    height: 100%;
    padding: 80px 0;
}
.HtmlBlocks:before {
    background-image: inherit !important;
    background-repeat: inherit !important;
    background-size: cover;
    background-position: inherit;
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1 !important;
    will-change: transform;
    pointer-events: none;
}

.HtmlBlocks h2 { color:#fff; margin-bottom: 0;   }
.HtmlBlocks p { color:#fff; font-size: 28px;  font-family: "Open Sans", sans-serif; line-height: 36px; margin-bottom: 30px;    }
.geographmedium p {  font-family: "Open Sans", sans-serif; margin-bottom:15px;   }
.HtmlBlocks .displayflex { flex-wrap: wrap; min-height: 750px;  }

.SectionInsights,section.IndustryNews { padding-top:110px;   }
.hbspt-form:nth-of-type(2) {
    display: none;
}
section.GetinTouch {
    padding: 80px 0;
}
.footerlogo1 img {
    width: auto;
    max-width: none;
    height: 48px;
}
footer.footerbg {
    float: left;
    width: 100%;
    padding:60px 0 0px 0;
    color: #2a2a2a;
    font-size:15px;
}
p.Company_Address { 
    color:#2a2a2a; 
    line-height:30px;
    font-size: 15px; 
    margin-bottom:5px; 
}
.Company_Address a { color:#2a2a2a;   }
.Company_Address a:hover { color:#2a2a2a;   }
footer h4 {
    font-size:18px;
    color: #2a2a2a;
    font-weight: 700;
    display: none;
}
.Maincopyright {
    padding:40px 0 20px 0;
}
.col-md-12.footerbox {
    padding-bottom: 30px;
}

.PrivacyNotice ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 25px;

}
.PrivacyNotice ul li { position: relative; }
.PrivacyNotice ul li a { color: #2a2a2a; }
.PrivacyNotice ul li a:hover { color: #2a2a2a; text-decoration-line: underline; }
.PrivacyNotice ul li:last-child:before { display: none; }
.PrivacyNotice ul li:before {
    content: "";
    position: absolute;
    background: #333;
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50px;
    right: -14px;
    top: 10px;
}

.footer-menuNew ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
}
.footer-menuNew ul li { display: block; padding-bottom: 10px; }
.footer-menuNew ul li a {color:#2a2a2a; line-height: normal; }
.footer-menuNew ul li a:hover {color:#2a2a2a;  text-decoration: underline;  }



.MainTitlebox {justify-content: space-between; }
.MainFaqs .ViewAll { margin-top: 20px;   }
.OthersTeam section.our-team.Relativetp { margin-top:20px;   }
.our-team .MainTitle { text-align: center; margin-bottom: 0;   }
.our-team .MainTitle .Tagline { display: none; }

section.main-slider.HomeBanner { /*background: url(../img/bannerbg.jpg) no-repeat center top; background-size: cover; */}
section.main-slider.Homebanner .Video_Image,
section.main-slider.CmsBanner .bannerimg {
    max-width: 100%; line-height: 0;
}
section.main-slider.HomeBanner .Video_Image:before {background-color:#2a2a2a; opacity: 0.7; position: absolute; top:0;  width: 100%; height: 100%; content:""; z-index: 1;  }
section.main-slider.Homebanner .Video_Image iframe,
section.main-slider.CmsBanner .bannerimg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.main-slider.CmsBanner .bannerimg:before { background-color:rgba(0,0,0,.2); position: absolute; top:0;  width: 100%; height: 100%; content:""; z-index: 1;    }
section.main-slider.CmsBanner .banner-content { z-index: 9;  }


.Title1 { font-size: 62px; line-height: 72px; color:#fff;   }
.Title2 { font-size:20px; color:#2a2a2a; line-height: 1; font-weight:bold; margin-bottom: 0;  }
.Title3 { font-size: 21px; font-weight: normal; line-height: 24px; color:#fff;   }
.container-fluid { max-width:1400px; margin:0 auto; width: auto;  }
.container { max-width:1170px; margin:0 auto; width: auto;  }
.bg1 { 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height:95vh;
}
.AdministratorDiv { padding:0; text-align: center; display: flex; height: 100%; justify-content: center; align-items: center; }
.AdministratorDiv .Title2 { margin-bottom: 0; font-size: 22px; text-transform: uppercase;  color:#fff;   }
.AdministratorDiv h4.Title3 { font-size: 16px;  }
.AdministratorDiv1 {  padding: 24% 20px 10%; }
.AdministratorDiv1 h2 { color:#fff; font-size: 62px; line-height: 72px;    }

.HonestApproachDiv { background-color:#f8d707; padding: 40px 70px ; position: relative; top:-80px; }
.HonestApproach .Subtitle { margin-bottom: 0; padding-bottom: 0;   }
.HonestApproach { padding:60px 0 0px 0; }
.HonestApproach h6 { margin: 0;  }

.block.with-hash {
    background: url(../../img/hash.png) right 100px top 0px no-repeat;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.block-copy {
    width:62%;
}

.block .block-graphic {
    display: inline-block;
    width:37%;
    float: left;
    padding:0px 100px 0 150px;
    position: relative;
}

@keyframes float {
    0% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }

    100% {
        transform: translatey(0)
    }
}

.ani {
    transform: translatey(0);
    animation: float 6s ease-in-out infinite
}

.ani.delay1 {
    animation-delay: 1s
}

.ani.delay2 {
    animation-delay: 2s
}
.block .block-graphic img.right {
    float: right;
}
.block .block-graphic img {
    width:100px;
    height: auto;
    clear: both;
    display: block;
    padding: 20px 0;
}
.btn-group { padding-top: 20px;  }
.btn-group .btn { margin-right:30px;   }

section.Guiding .bird-wrapper {
    position: absolute;
    right: -120px;
}
section.Guiding .GuidingDiv {
    display: block;
    overflow: visible;
    margin:40px auto 0px;
    max-width: 650px;
    position: relative;
}
.job-newsletter input[type=email] { 
        box-shadow: none; 
     border-radius: 0;
    -webkit-appearance: none;
    border: none;
    background: 0 0;
    
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    border-bottom: solid 3px #fff;
    padding: 0;

  }

  .job-newsletter {
    display: block;
    overflow: visible;
    margin:0px auto 0px;
    max-width: 650px;
    position: relative;
    padding: 0;
}

.footerlogo img,.footerlogo svg {
    max-width: 180px;
}
footer.footerbg { position: relative;
    background: #E8B788;
background: linear-gradient(135deg, rgba(232, 183, 136, 1) 0%, rgba(240, 207, 138, 1) 100%);

 background-size:cover; }
footer.footerbg .container { position: relative;  }

.FooterMenu ul { list-style: none; padding: 0; margin: 0;   }
.FooterMenu ul li {padding-bottom: 10px;}
.FooterMenu ul li a {color: #000;}

.SocialFooter {
    padding-top: 0;
    padding-bottom: 10px;
}
footer .logo-left.Relativetp {
    max-width: 200px; margin-bottom: 20px;
}
footer .logo-left.Relativetp img { max-width: 100%; }

footer.footerbg .SocialFooter ul { display: block; }
footer.footerbg .SocialFooter ul li a {
    color: #000;
    /*background:#7fb89c;*/
    /*width: 40px;
    height: 40px;
    line-height: 40px;*/
}
footer.footerbg .SocialFooter ul li a:hover { /*background: #2a2a2a; */  }
footer.footerbg .SocialFooter ul li a.social-text { display: inline-block; background: transparent; width: auto; height: auto; }


.a-graphicDiv { clear:both; overflow:hidden}
.a-graphicDiv .a-graphic {
    text-align: center;
    max-width: 984px;
    margin: 100px auto;
    padding: 0 20px;
}
.a-graphicDiv  .btn-group { padding-top: 50px;  }

.LatestJobsSeperated .btn-group {
    padding: 0;
    width: 100%;
    text-align: center;
}
.LatestJobsSeperated .btn-group a.btn { float: none;   }
.LatestJobsSeperated .Mainjobbox .learnmore {
    float: right;
    color: #f8d707; 
    font-weight:600;
    position: relative;
    padding-right:20px; 
    text-decoration: none;
}
.LatestJobsSeperated .Mainjobbox .learnmore:hover { text-decoration: none; color:#fff;  }
.learnmore:before { content:"\f04b"; font-family: 'FontAwesome'; position: absolute; top:2px; right: 0;  }
.blogdetail1 h1 {
    line-height: 60px;
    color: #2a2a2a;
    font-weight: normal;
}
.Publishedbox span {
    margin-right: 10px;
    border-right: solid 1px #2a2a2a;
    padding-right: 10px;
}
.Publishedbox span:last-child { border: none; }
.blog .insightsBox .AllDateBox.Publishedbox span { margin-right: 0; }
.BlogImg {
    margin-bottom: 20px;
}
.block.intro {
    max-width: 870px;
    margin: 0 auto;
    text-align: center;
}



section.team_category_list h4 { 
    text-align: left;
    display: block;
    clear: both;
    margin-top:10px;
    margin-bottom:30px;
    font-size:34px;
    line-height:35px;
  }
.contact_from .AddressBox {
    padding-top: 50px;
}
.contact_from .CntboxDiv {
    display: flex; margin-bottom: 30px; 
}
.contact_from .CntboxDiv i { display: none; }
.contact_from .CntboxDiv p { margin: 0;  }


.blockDiv {
    padding: 100px 40px 90px;
    display: block;
    clear: both;
    overflow: visible;
}

.servicesDiv {
    max-width: 1104px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    clear: both;
    padding:40px 0 0px 0;
    position: relative;
}
.servicesDiv .serviceDiv:nth-child(odd) {
    background: url(../../img/hash-service.png) top left no-repeat;
    padding-right: 0;
    padding-left: 170px;
    float: left;
}
.servicesDiv .serviceDiv .graphic {
    content: '';
    position: absolute;
    top: 0;
    right: 40px;
    width: 90px;
    height: 90px;
    background-size: 85px auto;
}
.servicesDiv .serviceDiv:last-child .graphic {
    background: url(../../img/lighthouse.png) top right no-repeat;
    background-size: 85px auto;
}

.servicesDiv .serviceDiv:nth-child(odd) .graphic {
    top:40px;
    left: 40px;
    right: auto;
    background-size: 85px 88px;
}
.servicesDiv h3 {
    font-size:25px;
    line-height: 30px;
    margin-bottom:15px;
    
    color:#2a2a2a; 
}
h3 span {
    display: block;
    color: #fff;
    font-size:20px;
    letter-spacing: 0;
    font-weight: 500;
}

.servicesDiv .serviceDiv {
    display: block;
    overflow: visible;
    margin-bottom: 120px;
    padding-right: 170px;
    max-width: 75%;
    float: right;
    position: relative;
    background: url(../../img/hash-service.png) top right no-repeat;
}

.servicesDiv .serviceDiv:nth-child(odd) .graphic.delay2 {
    top: 0;
    left: 40px;
    right: auto;
    background: url(../../img/service-2.png) top right no-repeat;
    background-size: 85px 88px;
}
section.CorporateAdministrator.garybg {
    margin-bottom: 110px;
}
.DisclaimerText { margin-bottom:30px; position: relative;  }

.ApplicationsDiv {
    background: #fff;
    padding: 20px 20px 20px 20px;
    border-radius: 6px;
    margin: 10px 0 15px 0 !important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    border: solid 1px #eee;
}


.JobDescription {
    padding-bottom: 15px;
}


.CandidateReg .Checkboxes p,.CandidateReg .contentbox p,.CandidateReg em { font-size:16px;  }
.CandidateReg .custom-control-label::before { top: 4px;  }
.CandidateReg .custom-checkbox .custom-control-input:checked~.custom-control-label::after { top: 6px; }
section.CmsEditor.candidatesPage { padding-top: 0; padding-bottom: 0;   }
section.CmsEditor.candidatesPage .btn { color: #fff; }

 
 .candidatesPage .LoginPages .containerNew { max-width: 600px;   }
.candidatesPage .form-group label.col-sm-2,
.candidatesPage .form-group .col-sm-10 { width: 100%;  }

.moreterms{ padding-bottom:120px  }
.moreterms ul.facet-links li small.ShowCountYes { color:#2a2a2a;    }

.ApplyjobCvrltrBg {
    max-width: 600px;
    margin: 0 auto;
    padding:20px;
}
.Mainjobbox .smallbtn {
    padding: 4px 8px;
    margin: 4px 0 0 0;
    line-height: 18px;
    display: inline-block;
    background: #2a2a2a;
    color: #fff !important;
    font-size: 75%;
    border-radius: 0; text-decoration: none;
}

.tableBox02 a { text-decoration: none;  }

section.CmsEditor.create_alertpages { padding-bottom: 20px; padding-top: 0;  }
.create_alertBg { background-color:#eee; padding:20px; border-radius: 12px; max-width: 600px; margin: 0 auto  50px auto;     box-shadow:0 3px 1px #2a2a2a;   }
.create_alertBg h3 { font-size:16px;   }
.create_alertBg .Checkboxes,.create_alertBg .Checkboxes p,
.contentbox p { font-size: 16px; }
.create_alertBg .custom-control-label::before { top: 4px; }
.create_alertBg .custom-checkbox .custom-control-input:checked~.custom-control-label::after { top: 6px;  } 
.PositionFixedBoxDiv {
    text-align: center;
    margin-top: 20px;
}
.ApproachBlocksDiv .HonestApproachDiv { top: 0; padding-top: 0;  }

.inputBox label span { color:red;   }

.JobSearchFormDiv { background-color:transparent;  margin-top: 0; float: left; width: 100%; clear: both; border-radius: 0;   }
.JobSearchFormDiv .searchBox {
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    margin:0px 0 0 0 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    border: solid 1px #ddd;
} 
.JobSearchFormDiv h2 { text-align: center; display: none;   }
.JobSearchFormDiv h2 span { display: inline-block; color:#2a2a2a;   }
.JobSearchFormDiv .js-basic-job-search-section { bottom: 0;   }
.JobSearchFormDiv .search_box11 { text-align: center; }
p.field_instruction {
    padding-left: 17%;
    margin-top: -14px;
}
.submitbox {
    text-align: center;
}
.FormDivCV {
    background: #fff;
    padding: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.Acc {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}
.Acc .Acclogo {
    float: left;
    margin-right: 15px;
}

.modal-body.PopupSearchBox .searchBox { padding: 30px;   }
.modal-body.PopupSearchBox .searchBox h2  {  display: none;  text-align: left; margin-bottom:20px; }

section.main-slider.Homebanner.CmsBanner { margin-bottom:0;   }
.main-slider.Homebanner .owl-dots { display: none; }
.jobbannerDiv .JobDiv.custom_fieldDiv.jobsBanner h1 { text-align: left;  }

.SectionInsights .LatestInsights .NewinsightsBox { width: 100%; padding: 0; }
.SectionInsights .MainTitlebox { display: flex;}

.MainCategorie_service h3 a {
    color: #2a2a2a;
    font-weight: bold;
    text-decoration: none;
}
.MainProjects .service-box1 {
    margin-bottom: 30px;
}
.MainCategorie_service {
    display: flex;
    justify-content: space-between;
}
.Categorie_service ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.Categorie_service ul li {
    border: solid 1px #ddd;
    padding: 8px 20px;
    border-radius: 50px;
    margin-left: 10px;
    background-color:#fff; 
}
.MainFaqs {
    padding:80px 0;

}
section.our-team.Relativetp { margin-top: 80px;  }
.OthersTeam .our-team { padding-bottom: 80px;  } 
section.contact_from.Relativetp {
    margin-top: 80px;
}
section.contact_from .contactForm {  background-color:#fff; padding: 30px;   }  
.IndustriesDiv {
    margin: -100px 0 0 0;
    background: #fff;
    padding:30px 50px 0px 50px;
}
.IndustriesDiv ul { margin: 0; padding:0 0 0 0; line-height: 25px; list-style: none; }
.IndustriesDiv ul li { position: relative; padding-left: 20px; }
.IndustriesDiv ul li:before { content: ""; background-color:#2a2a2a; width: 8px; height: 8px; border-radius:50px; position: absolute; top:9px; left: 0;   }
.IndustriesServed .Allbtn {margin-top: 20px; text-align: center; }

.contentshow{
  .show_area{
    display:none;
  }
  span.more {  color:#2a2a2a;
    font-weight: bold; float: none; }
  span{
    display:inline-block;
    cursor:pointer;
    &.hide_d{
      display:none;
    }
  }
  &.active{
    .show_area{
      display:block;
    }
    span{
      &.show_d{
        display:none;
      }
      &.hide_d{
        display:inline-block;
      }
    }
  }
}

.tabsbox.NewAdvanceSearchDiv {
    padding: 20px 0 0 0;
}

.NewAdvanceSearchDiv .createAlertLink,
.NewAdvanceSearchDiv .advanceSearchLink { float: none;  }
.NewAdvanceSearchDiv .createAlertLink:hover,
.NewAdvanceSearchDiv .advanceSearchLink:hover { color:#2a2a2a;  }
section.LatestJobsSeperated.similar_jobs {
    padding-bottom: 70px; padding-top: 50px; 
}
.TeamDetail .shareThisBox { margin-bottom: 0;   }

.advanced-search .JobDiv.custom_fieldDiv h1,
.create-an-alert .JobDiv.custom_fieldDiv h1,
.candidate-login-cms .JobDiv.custom_fieldDiv h1,
.candidate-forgot-password .JobDiv.custom_fieldDiv h1,
.candidate-register .JobDiv.custom_fieldDiv h1,
.candidate-my-account .JobDiv.custom_fieldDiv h1,
.quick-application .JobDiv.custom_fieldDiv h1,
.candidate-job-interests .JobDiv.custom_fieldDiv h1,
.candidate-saved-job .JobDiv.custom_fieldDiv h1,
.candidate-job-alert .JobDiv.custom_fieldDiv h1,
.candidate-cover-letter .JobDiv.custom_fieldDiv h1,
.candidate-landing-page .JobDiv.custom_fieldDiv h1
 { text-align: center; }
.copyrightbox {
    display: flex;
    justify-content: space-between;
    color: #000;
    border-top: solid 1px #daad81;
    padding-top: 20px;
}
.IndustriesDiv h4 { color:#2a2a2a;   }

.copyrightbox .Termsmenu a { color: #2a2a2a; }

.IndustriesDiv .Title2,.jobsbyindustry .Title2 { margin-bottom: 0;   }



span.show_d.more.learnmore:before {transform: rotate(90deg);}
span.hide_d.more.learnmore:before {transform: rotate(-90deg);}
.JobsResults .Foundjobs.FoundjobsRight .jobsearchright h2.Search {display: none;}

.NewAdvanceSearchDiv { padding-top:30px;   }
.NewAdvanceSearchDiv .JobCustomFieldValues a.btn { width: 100%; }


.Search_InnerDiv { display: flex;   flex-direction: column;   gap: 10px; justify-content: space-between;  }
.Search_InnerDiv .input.text {width:100%%;}





.ProfileDetailsDiv .message.alert.note { position: relative; top: 0; z-index: auto !important; }

/******** file upload css Add ***************/
.fileBoxFormDiv {
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #2a2a2a;
    border: 1px solid #2a2a2a;
    height: 56px;
    border-radius:12px;
    font-size: 16px;
}
.fileBoxFormDiv label.btn.btn-primary.btn-file {
    padding:17px 20px;
    background-color: #7fb89c;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    font-weight: normal;
}
.fileBoxFormDiv label.btn.btn-primary.btn-file::after, .fileBoxFormDiv label.btn.btn-primary.btn-file.btn::before {display: none;  }
.fileBoxFormDiv .btn-file {
  position: relative;
  overflow: hidden;
}
.fileBoxFormDiv .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.fileBoxFormDiv .file-input-label {
    padding: 0px 10px;
    display: table-cell;
    vertical-align: middle;
  border-radius: 0;
}
.fileBoxFormDiv input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
/******** End file upload css ***************/

.ValuedClients {
    background: transparent;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
.ValuedClients .Clientslogo img { height: 100px; max-width: none; width:auto ;   }
.ValuedClients .owl-dots { display: none; }
.ValuedClients h2,.OurMarkets h2 { margin-bottom: 50px; }

.ValuedClients.PartnersDiv .Clientslogo img { height: auto; max-width: 100%;   }

section.Talktous {padding:76px 0 70px 0; background-color: #2a2a2a; color: #fff;  }
section.Talktous a { color:#fff;   }
section.Talktous a:hover { color:#fff; text-decoration: underline;   }
section.Talktous a.btn { margin-top:30px;   }
section.Talktous h4 { color:#fff; }


section.OurExpertise {
    padding: 100px 0;
    background: #2a2a2a;
    color: #fff;
    text-align: center;
}
.OurExpertise p { color: #fff; font-size: 22px;  }
.category-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    display: flex;
    gap: 30px;
}
.category-list ul li .iconbox { margin-bottom: 10px; }
.category-list ul li .iconbox img { max-width: 80px; }
.category-list ul li {   position: relative; text-align: left; }
.category-list ul li a { color:#2a2a2a;  }
/*.category-list ul li:before { content: "\f054";  position: absolute; top: 0; left: 0; font-family: 'FontAwesome'; }*/

section.SectionInsights {
    padding:0px 0 80px 0;
}
.LatestInsights ul { list-style: none; padding: 0; margin: 0;   }
.LatestInsights ul li { float: left; width: 33%; text-align: left; position: relative; font-size: 22px; padding-left: 20px;}
.LatestInsights ul li a {}
.LatestInsights ul li:before { content: "\f054"; font-size: 22px; position: absolute; top: 0; left: 0; font-family: 'FontAwesome'; }
.SectionInsights .Subtitle { color: #FFF; } 

.Subtitle { padding-bottom: 50px; font-size: 22px; line-height: 30px; }

.RightHeaderBox {
    display: flex;
    align-items: center;
}

.Cv img { height: auto; width: 24px;   }
.Cv a.btn { background-color: #fff; color: #2a2a2a;   }
.Cv a.btn:hover  { background-color: #C9DCE4; color: #2a2a2a;   }





.Search_InnerDiv .btn span { padding: 15px 40px; }


.MainOurMarkets { padding-top:50px; padding-bottom:10px;   }
.MainOurMarkets .card {
      background: #2a2a2a;
      color: #fff;
      border-radius: 12px;
      padding:30px 30px 28px 30px;
      width: 100%;
      position: relative;
      text-align: left;
      margin-bottom:50px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
.MainCardDiv {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding-top:43px;
}

.MainOurMarkets .card .card-icon {
      position: absolute;
      top: -40px;
      left: 30px;
      display: flex;
      align-items: center;
  
      justify-content: center;
    }

.MainOurMarkets .card .card-icon img {
      width: 75px;
      height: 75px;
    }

.MainOurMarkets .card h3 {
      font-size: 22px;
      margin:20px 0 10px;
    }
.MainOurMarkets .card p { color:#fff; margin-bottom: 0; }
.ClientsDivRow {
    background: #f0f0f0;
    padding:50px 40px 0px 40px;
    border-radius: 12px 12px 0 0;
}
.ClientsDivRow .ClientsDiv { margin-top: -20px;   }
section.MainCaseStudies {background-color: #f0f0f0; padding:80px 0 60px 0;}
.CaseStudiesbox .icon-test { background-color:#f0f0f0; float: left; padding: 8px; border-radius: 0px 0px 10px 0px; }
.CaseStudiesbox .icon-test span {
    border-radius: 10px;
    margin-left: 0;
    height: 85px;
    overflow: hidden;
    min-width: 85px;
    padding: 8px;
   background: #2a2a2a;
    margin-top: 0;
    width: 85px;
    display: flex;
    align-items: center;
}
.CaseStudiesbox .icon-test img { max-width: 100%;   }
.CaseStudiesbox { display: flex; align-items: flex-start;  background-color: #fff; border-radius: 12px; overflow: hidden; margin-bottom: 30px; border: solid 1px #eee; }
.CaseStudiesbox h3 a {  }
.CaseStudiesbox h3 a:hover { text-decoration: none; color: #7fb89c;}
.CaseStudiesContent {
    float: left;
    width: 100%;
    padding: 20px;
}
.CaseStudiesbox p.ServiceSummary {
    min-height: 100px;
}


input::placeholder {color: #2a2a2a; opacity: 1;}
::-webkit-input-placeholder { color: #2a2a2a; } /* Chrome/Edge/Safari */
:-ms-input-placeholder { color: #2a2a2a; }     /* IE 10+ */
::-ms-input-placeholder { color: #2a2a2a; }    /* Edge Legacy */

.MainOurMarkets .MarketsDiv img {max-width: 100%;}
.TimesheetPortal {
    margin-left: 10px;
}
.Posted {
    display: flex;
    font-size: 12px;
    margin-bottom: 13px;
    color: #7fb89c;
    justify-content: space-between;
}
.Posted span.Active {
    background: green;
    padding: 1px 10px;
    color: #fff;
    border-radius: 12px;
}

.TalktousCol .Subtitle { margin-bottom: 15px; padding-bottom: 0; line-height: 35px; }
.TalktousCol .SocialFooter {
    position: relative;
    display: flex
;
    z-index: 1;
    margin-top:0;
    padding-bottom: 15px;
}
.TalktousCol .SocialFooter ul li a {
    border-radius: 12px;
    background-color: #2a2a2a;
    padding: 12px 20px;
    line-height: normal;
}
.TalktousCol .SocialFooter ul li a:hover { background: #c9dce4; color: #2a2a2a; }
.TalktousCol .SocialFooter ul li a.social-text { display: none; }
 section.Talktous .Cv1 a.btn { margin-top: 0;  }
 section.Talktous .Cv1 a.btn:hover { background: #c9dce4; color: #2a2a2a; }
 .TalktousCol p { font-size: 22px; margin-bottom: 15px; }

 .partnerslogo { display: flex; flex-wrap: wrap; padding-top:8px;} 
 .partnerslogo .Clientslogo img { width: 100%;   }
 .partnerslogo .Clientslogo {
    width: 24%;
    border: solid 1px #bbc7cc;
    padding: 10px;
}
section.CmsEditor { padding-bottom: 80px; padding-top: 80px;  }
.cmspages { padding-top:80px; }
.paddingtopbox { padding-top: 80px;   }

.displayTalktous {
    display: flex;
    align-items: center;
    font-size:18px;
    gap: 30px;
}
.footerboxDiv { display: block; padding-bottom:20px; }
.footerboxDiv .Subtitle { padding-bottom: 0; margin-bottom: 0; padding-top: 10px; color: #fff;}
.footerboxDiv .footer-menuNew ul { display: flex;  padding: 0; margin:0 0 0 10px;  border-left:solid 1px #2a2a2a;  }
.footerboxDiv .footer-menuNew ul li { padding: 0 10px; }
.displayTalktous.TalktousColnew {
    padding-bottom: 15px;
    margin-top:4px;
}
.timebox { font-size: 18px; }

.AboutimgBox { position: relative;  }
.AboutimgBox img { width: 100%; border-radius: 12px; }
.AboutimgBox img
.WomenTech {
    overflow: hidden;
    max-width: 300px;
    height: 300px;
    background: #060;
    position: absolute;
    bottom: -63px;
    right: 10px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
}
.WomenTech img { width: auto; }

.contactFormDivFull ul.nav.nav-pills {
    padding: 0;
    margin:0;
    text-align: center;
    display: flex;
    justify-content: center;
}
.contactFormDivFull ul.nav.nav-pills  li a { text-decoration: none; background-color: #2a2a2a; color: #fff; margin: 0 5px; padding: 12px 20px; border-radius:12px 12px 0 0; }
.contactFormDivFull ul.nav.nav-pills  li.active a { background-color: #7fb89c;    }
.contact_from h2,.contact_from p { text-align: center; }
.contact_from .contactForm {
    max-width: 100%;
    margin: 0 0 0 40px;
}
.contactForm form { position: relative; }
.contactForm .form-horizontal .form-group { clear: both;  margin-left: 0; margin-right:20px; float: left; width:100%; }
.contactForm .form-horizontal .form-group.your-email { margin-right: 0;   }
.contactForm .form-horizontal .form-group.service-type { margin-right: 0;   }
.contactForm .form-horizontal .form-group .col-sm-12 { padding: 0;   }


.contactForm .form-horizontal .form-group.message textarea.form-control {height: 200px;}
.contactForm .submitbox {
    text-align: left;
    clear: both;
    text-align: center;
}
.contactForm .submitbox .btn { display: block; width: 100%; }
.contactForm p.field_instruction { clear: both; text-align: left; padding: 0; }


/*.cmsheader header .logo-left .cls-1 {
        fill: #fff !important;
      }*/
/*.cmsheader header .navigation nav ul li a {color: #fff;}
.cmsheader header .navigation nav ul li a:hover {color: #7fb89c;}
.cmsheader header .navigation nav ul li ul li a {color: #fff;}
.cmsheader header .headertop { padding: 0; margin-bottom: 0; }
.cmsheader header .headertop .headerMenu {padding: 10px 0 10px 0; margin-bottom: 10px; border-bottom: solid 1px #283b3f;}
.cmsheader header.sticky .headertop .headerMenu { border: none; padding: 0; }*/

.AboutDivBg {
    background: #eeeeee;
    padding: 70px;
    border-radius: 12px;
    margin-bottom: 50px;
    overflow: hidden;
}

.AboutDivBg .ValuedClients { margin: 0; padding: 0; }
.AboutDivBg .ClientsDivRow { padding: 70px 0 0 0; }

.WomenTechDiv {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
.aboutimg { position: relative; border-radius: 12px; overflow: hidden;}
.aboutimg:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #28346a; opacity: 0.6; top: 0; }
.aboutimg img {max-width: 100%; border-radius: 12px;}

.scroll-list .btn { color: #fff; margin-bottom: 10px;}

.JobDetailBg {
    background: #eee;
    padding: 30px;
    border-radius: 12px;
}
.JobDetailBg .btn { color: #fff;   }
.Disclaimer {
    border-bottom: solid 1px #2a2a2a;
    margin-bottom:40px;
}

section.detail .learnmore1 a.btn-Orange { color: #fff; }
section.CmsEditor.QuickApplications,section.CmsEditor.landing_page {
    padding-top:80px; padding-bottom: 80px;
}
section.CmsEditor.advance_search {
    padding: 0;
}

section.Talktous .TalktousDiv .row { display: flex; justify-content: space-between;}
.Company_Address { padding-bottom: 10px; padding-top: 3px; color: #2a2a2a;}
.Company_Address i { display: none; }
.Company_Address a { color: #2a2a2a; }
.Company_Address a:hover { color: #2a2a2a; text-decoration-line: underline; }

.footerbox h4,.FooterMenu h3 { display: none; }
.FooterMenu { margin-top: -3px; }
.FooterMenu p { color: #2a2a2a; line-height: 30px; font-size: 15px; }

.SearchForm.AllmodalBoxPopup .modal-dialog {
    max-width: 100%;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}  
.SearchForm .modal-content.modalBoxPopup {background-color: #eee;  border-radius: 12px;   }


.sidenav.open_mobileview.tel {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  display: block !important;
  bottom: -100% !important;
      transition: .5s;
}


.sidenav.open_mobileview.tel.closebtn {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  bottom: 0 !important;
      transition: .5s;
}


.CommunityImg img { border-radius: 12px; max-width:100%; }
.CommunityImg {
    display: flex;
    align-items: end;
    gap:10px;
}
.CommunityImg .aboutimg1 {width: 50%; }
.CommunityImg .aboutimg1 img { max-width: 100%;  }
.CommunityImg .aboutimg2 {
    width: 50%;
    border-radius: 12px;
}
.MainOurvalues { margin-top: 50px; clear: both; display: inline-block; width: 100%;}
.RespColsWrapper.row { display: flex; justify-content: space-between; }
.dmRespColBox {
    background-color:#eee;
    box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 4px 0px;
    border-radius: 12px;
    padding: 20px;
    height: 100%;
}
.graphicWidgetV3 {
    width: 50px;
    margin-bottom: 10px;
}
.dmRespColBox path {
    fill:#7fb89c;
}

.learnmore1 a.btn.ReadMore { color: #fff; }

.blogdetail1 .BlogImg img { border-radius: 12px; }









.MainTheChallenge {
    padding: 80px 0;
    background:#C0D8D0;
}
.TheSolution {padding: 80px 0; background-color: #eee;}
.BriefingDiv { margin-bottom: 20px; margin-top: 10px; }
.TheResults { padding: 80px 0;  }
.TheResults .Nambar {
    font-size: 70px;
    font-weight: bold;
    line-height: 80px;
}
.JoinTheSuccess { background-color: #eee; padding: 80px 0; }



ul.list-items {
    padding: 0;
}
ul.list-items li.list-item { display: flex; align-items: center; gap: 20px; padding-bottom: 10px; }
ul.list-items li.list-item span.list-icon { width:20px; }
ul.list-items li.list-item span.list-icon svg {fill:#7fb89c; }


.OurServicesDiv h2 { margin-bottom: 15px;  }
.OurServicesDiv .row.AboutDiv { margin-top: 40px; }
.OurServicesDiv .row.AboutDiv .aboutimg {
    border: solid 1px #ddd; 
    border-radius: 12px;
    overflow: hidden;
}
.OurServicesDiv .row.AboutDiv .aboutimg img {filter: grayscale(100%);     transition: .5s;}
.OurServicesDiv .row.AboutDiv .aboutimg img:hover  {filter: grayscale(0%);     transition: .5s;}
.OurServicesDiv .row.AboutDiv .AboutImg h3 {
    background-color: #2a2a2a;
    border-radius: 0;
    text-align: center;
    margin: -10px 0 0 0;
    padding: 20px 0 10px 0;
    color: #fff;
        transition: .5s;
}
.OurServicesDiv .row.AboutDiv .AboutImg:hover h3 {background-color: #7fb89c;     transition: .5s;   }

.MainVerticals { margin-top:50px;   }
.Verticals {
    display: flex;
    justify-content: space-between;
}
.Verticals span.list-icon {
    width: 80px;
    height: 80px;
    background-color: #2a2a2a;
    display: flex;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.Verticals span.list-icon:hover { background-color: #7fb89c; }
.Verticals span.list-icon svg {
    fill: #fff;
    width: 50px;
    height: 50px;
}
.VerticalBox {
    text-align: center;
}
.Verticals span.list-text {
    display: block;
    text-align: center;
    font-size: 18px; 
    font-weight: bold;
    margin-top: 20px;
}

section.MainFaqs.cellFaqs.CtrmExperience { padding-top: 60px; padding-bottom: 50px; }
section.blogdetail1.CmsEditor {
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 50px;
}   
section.blogdetail1 h4,
section.blogdetail1 h5 { font-weight: bold; }

.boxbg {
    background: #eee;
    border-radius: 12px;
    padding: 70px;
    margin-bottom:50px;
}
.boxbg.page_title p { margin-top: 15px;  margin-bottom: 0 !important; }
.boxbg.page_title .OurSuccessStory1 { position: relative;   }
.boxbg.page_title .OurSuccessStory1 .saselogo1 {
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 100%;
}
.Page_titletop { padding-top: 80px; }
.boxbg.page_title .AddressBox {
    display: flex;
    gap: 40px;
}
.boxbg.page_title .AddressBox p { margin-bottom: 0;  }
.contactNew .description .row { flex-wrap: wrap; }
.contactNew .description .row .CntboxDiv {
    text-align: left;
    margin-bottom: 35px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
}
.contactNew .description .CntboxDiv.bottomDiv { border-bottom: none; padding-bottom:0; margin-bottom: 50px;   }
.contactNew .description .row .CntboxDiv p a { text-decoration: none; }
.contactNew .description .row .CntboxDiv p a:hover { text-decoration: underline; }
.contactNew .description .row .CntboxDiv h3 { margin-bottom: 0; }
.contactFormDivFull {
    margin-top: 0;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.contactFormDivFull .tab-content.clearfix { background-color: #eee;
    padding:50px 0; border-radius: 12px;}
section.CmsEditor.contactNew { padding-bottom:25px; padding-top: 0; }
.contactForm h2 { margin-bottom: 15px; }
.contactForm p { margin-bottom:30px; }
.MainCaseStudies {
    background: #fff;
    padding-top: 0;
    padding-bottom: 40px;
    margin-top: 10px;
}

.OurSuccessStory1 img.bannerimg { max-width: 100%; border-radius: 12px; }
.page_titleCase {
    width: 100%;
}
.saselogo1 {  margin-bottom: 15px; max-width: 200px; }
.saselogo1 img {  max-width: 100%;  }


.PoweredCandidates.stats {
    display: flex;
    gap: 40px 50px;
    justify-content: space-between;
}
    .PoweredCandidates.stats {
      padding: 0;
      
    }

    .PoweredCandidates.stats h2 {
      font-size: 70px;
      font-weight: bold;
      color: #0a2c23;
      margin: 0 0 10px;
    }

    .PoweredCandidates.stats p {
     
      color: #0a2c23;
      margin: 0;
    }

.cmspages .page_title h1 { margin-bottom: 0; }

.tableDiv table td { vertical-align: top; }
.tableDiv table td p { padding:0; margin: 0 !important; }
.tableDiv table td table { margin: -11px; }   
.tableDiv table td table td table { margin: -11px 0 -11px -11px; width: 101.7%; }   
.tableDiv table.DataWidth {
    width: 101.7%;
}
.tableDiv table td p.Margin1 {
    margin: 10px 0 10px 0 !important;
}
td.padding0 {
    padding: 0;
    line-height: 0;
}
table.DataMargin {
    width: 100%;
    margin: 0 !important;
    line-height: 0;
}


.casestudiesdetail .boxbg { margin-bottom: 0; }
.CaseStudiesfull .colmd:nth-child(even) {background: #eee; padding: 80px 0;}
.CaseStudiesfull .colmd:nth-child(odd) {background: #fff;padding: 80px 0;}


section.MainProjects.Relativetp .MainCaseStudies { margin-top: 0; padding-top: 50px; background-color: #eee; }




.Team_ProfileModal .modal-dialog { max-width:900px;  }
.Team_ProfileModal .modal-body { display: flex; gap: 20px; justify-content: space-between; background-color: #fff; }
.Team_ProfileModal .imagesbox {
    width: 30%;
}
.Team_ProfileModal .Team_Name h3 { cursor: none; }
.Team_ProfileModal .imagesbox img { height: auto; border-radius:12px; width: 100%; cursor: none; }
.Team_ProfileModal .TeamDetailbox {
    text-align: left;
    width: 70%;
    color: #2a2a2a;
    background-color: transparent;
    padding: 0;
}
.Team_ProfileModal .Team_Namebox { text-align: left; padding-bottom: 15px; }
.Team_ProfileModal .email_address a {color: #2a2a2a;}
.Team_ProfileModal .email_address i,
.Team_ProfileModal .mobile_number i { width: 20px;   }
.Team_ProfileModal .mobile_number { height: auto; }
.Team_ProfileModal .mobile_number br { display: none; }
.Team_ProfileModal .TeamDetailbox .Team_Name { margin-bottom: 0; padding-bottom: 0; }
.Team_ProfileModal button.close {
    position: absolute;
    right: 0;
    top: 0;
    width:30px;
    text-align: center;
    height:30px;
    z-index: 99;
    opacity: 1;
    background-color:#2a2a2a; color: #FFF;
}
.Team_ProfileModal button.close:hover { background: #7fb89c; color: #fff; }
.Team_ProfileModal button.close span { opacity: 1; box-shadow: none; text-shadow: none; } 
.ReadMorediv {
    padding-top: 15px;
    display: block;
}
.ReadMorediv a.btn2 { display: block; }


.Mainjobbox .Speci1alitybox span.Location_Pcf span { color: #7fb89c; }


.Community {
    padding-bottom: 50px;
}


.Whatwedo {
    margin-bottom: 50px;
}
#WhatSetsUsApart ul {
    padding: 0 0 0 20px;
    line-height: 28px;
    margin-bottom: 0;
}


.blog .row .NewinsightsBox:first-child { width: 67%; }
.blog .row .NewinsightsBox:first-child .insightsBox {
    background: transparent;
    border-radius: 20px;
    overflow: hidden;
    /*box-shadow: 0 10px 20px rgba(0,0,0,0.3);*/
    flex-direction: column;
    display: flex;
    width: 100%;
}
.blog .row .NewinsightsBox:first-child .insightsBox .news-short {
    height: 156px;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
    min-height: auto;
}
.blog .row .NewinsightsBox:first-child .insightsBox .news-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.blog .row .NewinsightsBox:first-child .insightsBox .news-block h3 { height: auto; }
.blog .row .NewinsightsBox:first-child .insightsBox .news-block .newsblock {
    height: 83%;
}
.blog .row .NewinsightsBox:first-child .insightsBox .news-block .categoryDiv { height: auto; }
.blog .row .NewinsightsBox:first-child .insightsBox img { max-width: none; width:100%; height:auto; }
.blog .row .NewinsightsBox:first-child .insightsBox .Insights3 {
    width: 100%;
    height: 320px;
}
.blog .row .NewinsightsBox:first-child .insightsBox .ReadMore {
    width: 100%;
    margin-top: 15px;
}
.InsightsContenttop {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.blogContent1Div { width: 33%; }


.NewinsightsBox {
    width: 33%; margin-bottom: 30px;
}

.bannerimgright {
    width:50%;
    float: right;
    height: auto;
    overflow: hidden;
    position: relative;
    overflow: hidden;
}

section.main-slider.HomeBanner .bannerimgright img {
    width: auto; 
    height: auto;
    float: right;
}
section.main-slider.HomeBanner .item { gap: 20px; display: flex; justify-content: space-between; align-items: center; flex-direction:row-reverse ; }
section.main-slider.HomeBanner .item .bannerimg img { border-radius: 20px; max-width: 100%;   }


.MainAboutContent .team-item.rectangle {
    border-radius: 8px;
    overflow: hidden;
}
.MainAboutContent .team-item:before {content: ""; background-color: #28346a; opacity: 0.6; position: absolute; width: 100%; height: 100%; top: 0; }
.MainAboutContent .team-item img { max-width: 100%; }
.MainAboutContent .team-item { width: 48%; position: relative; }
.team-item.circle {
    float: right;
    border-radius: 999px;
    overflow: hidden;
}
.teamboxDiv {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom:20px;
    position: relative;
}
.plus-sign {
    position: absolute;
    top: 90px;
    left: 38%;
}


section.MainAboutContent { background-color: #fcf8f4; padding-top:80px; padding-bottom: 50px;    margin-top: -80px; }
.padding-bottom-lg {
    float: left;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-top:-20px;
}



.Aaccordion {
    clear: both;
    padding: 80px 0;
}
.Aaccordion .panel { box-shadow: none; }
.Aaccordion .panel-group .panel-heading a { font-size: 20px; font-weight: 500; color: #2a2a2a; text-decoration: none; }
.Aaccordion .panel-group .panel-heading a:hover { text-decoration-line: none; color: #2a2a2a; text-decoration: none; }
.Aaccordion .panel-group .panel-heading {padding: 10px 0;}
.Aaccordion .panel-group .panel-heading span { width: 30px; display: inline-block; }
.Aaccordion .panel-body { border-top: none !important; border-left: solid 1px #2a2a2a; margin-left: 40px; padding-top: 0; padding-bottom: 0;}



.award-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding:4px 15px 4px 4px;
    border-radius: 40px;
    background:var(--color2);
    font-size: 16px;
    font-weight: 550;
    color: #1a1a1a;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border: solid 2px #fff;
}
.award-pill span {
    padding: 5px 0 0 0;
}
.award-pill .check01{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#111;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:bold;
}

.awardslogo {
    display: flex;
    gap: 0;
    padding-top: 0;
}
.awards {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

.servicebespoke {
 /*background: linear-gradient(135deg,#e6c48b,#d4a85d);*/
 background-color:var(--color2);
    padding:80px 0;
}

.servicebespoke .row { display: flex; justify-content: space-between; align-items: center; }
.text-large { font-size: 20px;   }

.portfolio-section {
    padding: 80px 0;
    overflow: hidden;

}
.rowflex { 
    display: flex; 
    align-items:center; 
}
.SliderDiv {padding:20px 0; margin-right:0; overflow: hidden; margin-left: 191px; }
.SliderDiv img { border-radius:20px; }



.section-expertise { 
    background:var(--color6);
    padding: 80px 0;
 }
 .section-expertise .SectionExpertise { background-color: transparent; padding: 0; }
.section-expertise h2 { line-height: 1; margin-bottom: 40px; }
.section-expertise .awards {
    margin-top: 0;
    margin-bottom: 0;
}

.awardslogo span {
    width: 50px;
    background:var(--color1);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border-radius: 50px;
    padding: 5px;
    margin: 0 -10px 0 0;
}
.awardslogo span img { max-width: 100%; }
section.main-slider.HomeBanner .awards { 
    margin-top: -80px;
    margin-bottom: 40px;
}


.Trustedby {
    padding: 0px 0 80px 0;
    background: var(--color6);
    margin-bottom: 80px;
}
.Trustedbydiv { display: flex; gap: 30px; justify-content: space-between; }

.Trustedlogo{
  width:220px;
  height:150px;
  border-radius:20px;
  background: rgba(255,255,255,0.45);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 
      0 15px 35px rgba(0,0,0,0.08),
      inset 0 1px 0 rgba(255,255,255,0.6);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:0.3s ease;
  padding: 20px;
}
.Trustedlogo img { max-width: 100%; }
.Trustedlogo:hover{
  transform: translateY(-8px);
  box-shadow: 
      0 20px 45px rgba(0,0,0,0.12),
      inset 0 1px 0 rgba(255,255,255,0.8);
}

.insightsRight .cta a.btn { display: block; margin-bottom: 15px; }





/******** Services Section 2 ****************/
.services-section {
  padding:0px 0  50px 0;
}

.services-section .services-grid {
padding-top: 20px;
}

.services-section .card {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(20px);
  padding: 40px;
  border-radius: 20px;
  transition: 0.3s ease;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.services-section .card:hover {
  transform: translateY(-5px);
}

.services-section .Orangebg:before { 
background: url(../img/Orangebg.jpg);
background-position: 0 0;
background-repeat: no-repeat;
position: absolute; 
top:0;
left: 0;
height: 100%;
width: 100%;
content: "";
z-index: -1;
opacity:0.8;
background-size: 100% 100%;
 }

.services-section .Greenbg:before {
    background: url(../img/greenbg.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    opacity: 0.8;
    background-size: 100% 100%;
}
 

.services-section .large-card img { height:280px; width: auto; padding-top: 50px;  }
.services-section .large-card .icon { margin-bottom:40px; }
.services-section .icon {
  font-size: 40px;
  margin-bottom: 25px;
}

.services-section .card h2 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.services-section .card h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.services-section .card p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 0;
}

/* Responsive */
@media (max-width: 1024px) {
  .services-section .services-grid {
    grid-template-columns: 1fr 1fr;
  }
.services-section .card { padding: 25px; }
  .services-section .large-card {
    grid-row: auto;
  }
}

@media (max-width: 768px) {
  .services-section {
    padding:0;
  }


  .services-section .services-grid {
    grid-template-columns: 1fr;
  }
}




/****** ssss******/
/* Service Cards */
.service-card{
    margin-top:20px;
    padding:45px;
    border-radius:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    position:relative;
    overflow:hidden;
    cursor: pointer;
}
.service-card:hover { background: #ecc970; color: #000;  }
.service-card:hover .service-right { color: #000; }
.service-left{
    flex:1;
}

.service-left h2{
    font-size:45px;
    font-weight:800;
}

.service-right{
    flex:1;
    border-left:1px solid rgba(255,255,255,0.15);
    padding-left:40px;
    color:#cfcfcf;
    font-size:20px;
    line-height:1.6;
}

/* Badge */
.badge{
    display:inline-block;
    padding:10px 20px;
    border-radius:30px;
    font-size:16px;
    font-weight:600;
    margin-bottom:20px;
    backdrop-filter: blur(10px);
}

/* Gradients */
.gradient-dark{
    background:linear-gradient(135deg,#111,#1a1a1a);
    color: #fff;
}

.gradient-gold {
    background: linear-gradient(52deg, #ffec86, #777655, #000, #000);
    color: #000;
}

.gradient-green{
    background:linear-gradient(65deg,#ceded8, #8eb5a8, #8db6a7);
}
.gradient-green .service-left { color: #000; }

.gradient-light{
    background: linear-gradient(24deg, #dcf2d9, #d7e3dd, #d5e1de);
    color:#000;
}
.gradient-light .service-right { color: #000; }

/* Badge Colors */
.core{
    background:linear-gradient(135deg,#f7d46a,#c79b2d);
    color:#000;
    box-shadow:0 0 20px rgba(255,215,100,0.4);
}

.strategic{
    background:linear-gradient(135deg,#d6f3e7,#6db89b);
    color:#000;
}

/* Responsive */
@media(max-width:900px){
    .service-card{
        flex-direction:column;
        text-align:left;
        gap: 0;
        align-items: flex-start;
        padding: 25px;
    }
    .service-left h2 { font-size: 20px;  line-height: normal; }
    .service-card .badge { margin-bottom: 0; order: 1; }
    .service-right{
        border-left:none;
        padding-left:0;
        margin-top:0;
        margin-bottom:20px;
    }
}
.MainServices3 {
    clear: both;
    display: inline-block;
    width: 100%;
    padding-bottom: 100px;
}



.tags span.tag {
        background: var(--color5);
        color: #000;
        padding:8px 10px;
        display: inline-block;
        border-radius: 50px;
        text-align: center; margin-bottom: 2px
}


.MainProjects .service-width1 {
    padding-top: 20px;
}



/* Swiper container */
.swipernew .mySlider {
  padding:0;
}

/* Slide default */
.swipernew .swiper-slide {
  transition: all 0.4s ease;
  /*opacity: 0.5;*/
  transform:scale(0.9);
  margin: 21px 0 0 20px!important;
}

/* Active slide */
.swipernew .swiper-slide-active {
  opacity: 1;
  transform: scale(1.1);
  margin-right: 40px !important; 
}

/* Image */
.swipernew .swiper-slide img {
  width: 100%;
  border-radius: 15px;
  display: block;
}
.swipernew .swiper-slide .sliderbox {
    border-radius: 20px;
    border: solid 20px var(--color9);
    overflow: hidden;
    background-color: var(--color9);
    margin-bottom: 15px;
    position: relative;
}
.swipernew .swiper-slide .sliderbox .slideimg img {
    width: 100%;
    border-radius: 20px;
    border: solid 5px var(--color6);
}


.swipernew .swiper-slide .slideimg { position: relative; margin-bottom: 15px; }
.swipernew .swiper-slide video { display: none; width: 100%; border-radius: 20px; }
.swipernew .swiper-slide-active img { display: inline-block; }
.swipernew .swiper-slide-active video { display:inline-block;position: absolute; left: 0; top: 0; }
.swipernew .slideContent .tags { margin-bottom:2px}


/******* */


.SectionExpertise .services-grid{
    display:flex;
    gap:20px;
    justify-content:flex-start;
    flex-wrap:wrap;
    padding-top: 50px;
}

.SectionExpertise .service-card1{
    background:#fff;
    width:32.1%;
    padding:35px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,0.15);
    transition:0.3s;
}
.SectionExpertise .service-card1 p.service-text {
    min-height: 100px;
}

.SectionExpertise .service-card1:hover{
    transform:translateY(-5px);
}
.SectionExpertise .service-card1 img {
    height: 80px;
    width: auto;
    margin-bottom: 20px;
}

footer.footerbg .awards {
    align-items: self-start;
    gap: 20px;
    flex-direction: column;
}
footer.footerbg .FooterMenu {
    width: 27%;
}
footer.footerbg .SocialFooterDiv {
    width: auto;
}
.categoryDiv {
    display: flex;
    padding: 0px 0 15px 0;
    flex-wrap: wrap;
    gap: 5px;
    align-items: self-start;
    justify-content: flex-start;
}
.categoryDiv a {
    background-color: var(--color5);
    padding:9px 10px 7px 10px;
    border-radius:50px;
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    line-height: normal;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    
}
.AllDateBox.Publishedbox {
    position: absolute;
    background:var(--color6);
    top: auto;
    border-radius: 0 5px 0 0;
    padding: 8px 5px 5px 5px;
    bottom: 0;
    margin: 0 auto;
}
.AllDateBox.Publishedbox span { margin: 0; }
.NewinsightsBox:nth-child(odd) .insightsBox .categoryDiv a { background-color: var(--color2); }

.categoryDiv a:hover { background-color:var(--color6); }
.categoryDiv a:last-child { border: none; }
.ServicesListSection .ServicesSection:first-child { padding-top: 0; }
.ServicesListSection .ServicesSection:last-child { padding-bottom:30px; }
.ServicesListSection .ServicesSection:nth-child(even) { background: #e0e8f3; }
.ServicesListSection .ServicesSection:nth-child(even) .row { flex-direction: row-reverse; }
.ServicesListSection .ServicesSection:nth-child(even) .ServicesCard { background-color: #e5e8f1; }
.ServicesSection { padding:80px 0; }
.ServicesSection .row { display: flex; align-items: center; }
.ServicesCard {
    width: 100%;
    background:var(--color1);
    border-radius: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    overflow: hidden;
}
.left-card img{
    width: 100%;
    border-radius: 20px;
    display: block;
}
.Searvice-icon { width: 70px; margin-bottom: 10px}
.Searvice-icon img { width:100%}
.Reecrootlogo { float:right}
.Overbx { overflow:hidden}
.ServicesCard .card-content { padding: 20px; }
.ServicesCard .card-content p strong { color: var(--color8)}

.ServicesSection .card{
        flex: 1;
        min-width: 300px;
        padding: 30px;
        border-radius: 25px;
        background:linear-gradient(135deg, var(--color6), var(--color6));
        backdrop-filter: blur(10px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.08);
        transition: 0.3s;
    }
.ServicesSection .card.orangebg {background:linear-gradient(135deg, var(--color2), var(--color2));}
.ServicesSection .card.orangebg .icon {background-color:var(--color3); color:#fff;}
.ServicesSection .card .icon svg { height: 46px; }
.ServicesSection .card .icon svg g {
    fill: #000;
}
.ServicesSection .card .heading {
    display: flex;
    gap: 10px;
}
.ServicesSection .card p { min-height: 150px;   }
.ServicesSection .cards.row {
    align-items: normal;
    height: 100%;
}
.ServicesListSection .ServicesSection:nth-child(even) .cards.row  {     flex-direction: inherit;   }
.ServicesSection .card .icon {
    background:var(--color8);
    width: 60px;
    height: 60px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #fff;
}

.transform-section {
    width: 100%;
    background: linear-gradient(90deg, #efd3b9, #f8efe3);
    padding:0px 0;
}
.transform-section img { max-width: 400px; }
.transform-section .row { display: flex; align-items: center; }
.Viewportfolio { padding-top: 30px; }

.ServicesExpertise {
    background-color: #e3f1fa;
    padding: 80px 0;
}

.SectionExpertise {
    background: #9cbbb1;
    padding: 80px 0;
}


.Gobeyond { padding: 80px 0; background-color: #fff; }
.features {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:40px;
    padding-top: 20px;
    }

.feature-box {
    flex: 1;
    min-width: 100%;
    text-align: left;
}
.feature-box .icon {
        width: 60px;
        height: 60px;
        background: #f2c48d;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        margin-bottom: 15px;
    }
.feature-box .heading {
    display: flex;
    gap: 10px;
    align-items: center;
}


.OurProcess { padding:80px 0 150px 0; }
/* CARDS */
.process {
    display: grid;
     grid-template-columns: repeat(5, 1fr);
    gap: 25px;
    position: relative;
    padding-top: 50px;
    margin-top: 20px;
}

.process .card {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 25px 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.3s;
}
.symbolicon {
    position: absolute;
    top: -30px;
    left: -20px;
}

/* ICON */
.process .icon {
    font-size: 40px;
    margin-bottom: 15px;
    text-align: center;
}

.ProcessArrowBottom {
    bottom: -54px;
    width: 23%;
    left: 80px;
}
.ProcessArrowBottom2 {
    right:28%;
    bottom: -54px;
    width: 23%;
}
.ProcessArrowTop {
    left: -230px;
    right: 0;
    margin: 0 auto 0 auto;
    width: 25%;
    top: -8px;
}
.ProcessArrowTop2 {
    right: 94px;
    width: 25%;
    top: -8px;
}
.process .arrowicon {position: absolute; z-index: -1;}
.process .arrowicon img { width: 100%; }


.tech-section {
  padding:80px 0;
 
   background:#e3f1fa;
   background-size: cover;
}
.FrontendDiv {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
.card1Box {
 background: #fff;
  padding: 25px;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  position: relative;
  min-height: 180px;
  transition: 0.3s;

}
.technologyicon { padding-bottom: 10px; }
.technologyicon img { max-width:160px;  }
.dot { padding-bottom: 15px; }
.dot img { height:40px;  }


.ServicesMenuDiv {
    margin-top: -50px; clear: both;
    position: relative;
    z-index: 9;
}
.ServicesMenuDiv ul {
    display: flex;
    padding:0;
    margin: 0 0 50px 0;
    list-style: none;
    justify-content: space-between;
}
.ServicesMenuDiv ul li {
    text-align: center;
    padding: 0 2px;
    border: none;
    width: 20%;
}
.ServicesMenuDiv ul li:last-child { border: none;   }
.ServicesMenuDiv ul li a {
    text-decoration: none;
    background:var(--color6);
    display:block;
    border-radius: 10px;
    padding: 12px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 550;
}
.ServicesMenuDiv ul li a:hover {background:var(--color7); color: #000; }
.ServicesMenuDiv ul li.tooltip:before {display: none;}
.ServicesMenuDiv ul li a span img { width: 50px;   }



footer.footerbg .row.accordion .item {
  /*border-bottom: 1px solid rgba(255,255,255,0.2);*/
}

footer.footerbg .row.accordion .title {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}

footer.footerbg .row.accordion .title span {
  transition: 0.3s;
  display: none;
}

footer.footerbg .row.accordion .content {
  max-height:100%;
  overflow: hidden;
  transition: 0.4s ease;
}

footer.footerbg .row.accordion .item.active .content {
  max-height: 100%;
}

footer.footerbg .row.accordion .item.active .title span {
  transform: rotate(180deg);
}

.casestudy {padding:80px 0 0px 0; margin-bottom: 80px;}

.case-study {
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap:30px;
}
.case-study-card {
    width: 100%;
    background: #f5f8fc;
    border-radius: 30px;
    padding: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
}
.case-study-card span.tag img { float:left}
.case-study-card a { text-decoration: none; }
.case-study-card a:hover { text-decoration: none; color: var(--color8); }
.case-study-card h3 {
    height:85px; margin-top: 10px;
}
.case-study-card p.desc {
    min-height: 100px;
}
.case-study-card span.tag a { display: inline-block; margin-right: 20px; padding-left: 8px; line-height: 30px; color: var(--color8)}
.case-study-card span.tag a:hover { color:#2a2a2a}

.case-study-card .image-box {
    background: var(--color1);
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 25px;
    padding:0;
    position: relative;
}
.case-study-card .imagebox {
    max-width:445px;
    margin:30px auto 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    
}
.case-study-card .image-box .imagebox:before {
    background: url(../img/workbg.png) no-repeat center bottom;
    content: "";
    width:100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    padding: 20px;
    background-size: 100% 100%;
    right: 0;
    margin: 0 auto;
    top: 0;
}
.case-study-card .image-box .image1 {
    width: 100%;
    max-width: 430px;
    margin: 8px auto 0 auto;
}
.case-study-card .image-box .image1 img {
border-radius: 10px  10px 0px 0px;
width: 100%;
max-width: 100%;
}
.case-study-card .image-box img {
    /*max-width: 100%;
    border-radius: 20px  20px 0px 0px;*/
   

}


.case-study-card .results-box {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
}

.case-study-card .result-card {
    flex: 1;
    background: #f2c97c;
    padding: 15px;
    border-radius: 20px;
    text-align: center;
}
.case-study-card .result-card h4 {margin: 0; font-weight: bold;}
.case-study-card .result-card p { margin-bottom: 0 !important; }

section.CmsEditor.Bloglist  {
    padding-top: 0; padding-bottom: 0;
}

.CaseStudyBanner {
    margin-bottom:80px;
    margin-top: 35px;
    float: left;
    width: 100%;
}
.CaseStudyBanner img { width: 100%; border-radius: 20px;}
.CaseStudyDetail .tagline{
        display:flex;
        background:var(--color2);
        color:#222;
        font-size:18px;
        padding:10px 20px;
        border-radius:30px;
        margin-bottom:5px; margin-right:5px;
        width:fit-content;
        font-weight:500;
        gap: 10px;
        align-items: center;
    }
.CaseStudyDetail .tagline img {
    width: auto;
    height: 30px;
}

.TheChallenge { margin-bottom: 65px; clear: both; }

.OurApproach {
    float: left;
    width: 100%;
    margin-bottom: 65px;
}
.the-solution {
    float: left;
    width: 100%;
    padding-bottom: 70px;
}
.the-solution img { width: 100%; border-radius: 20px; }


.CaseStudyDetail .results-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.CaseStudyDetail .result-card {
    background: #f9f7f1;
    width:23.6%;
    min-height: 135px;
    padding: 22px;
    border-radius: 20px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.result-card h3 {
    margin-bottom: 8px;
}
.CaseStudyDetail .result-card h3 {height:55px}
.icon-card i {
    font-size: 38px;
    margin-bottom: 15px;
    color: #222;
}


.contactNew .card {
    background:var(--color1);
    padding: 30px;
    border-radius: 18px;
    box-shadow:-1px 11px 14px -5px rgba(0,0,0,0.2);
    height: 100%;
}
.contactNew .card h3 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contactNew .card h3 i {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50px;
    background-color: var(--color2);
    text-align: center;
    line-height: 40px;
    color:var(--color1);
}
.contactNew .card.color2 {
    background: var(--color2);
}
.contactNew .card.color2 h3 i {background-color: var(--color1); color:var(--color2);}

.contactNew .card.color3 {
    background: var(--color6);
}
.contactNew .card.color3 h3 i {
    background-color: var(--color4);
    color: var(--color3);
}

.contactNew .card.color4 {
    background: var(--color7);
}
.contactNew .card.color4 h3 i {
    background-color: var(--color5);
    color: var(--color7);
}
.contactNew ul.social { list-style: none; padding: 0; margin: 0 0 10px 0; }
.contactNew ul.social li {  }
.contactNew ul.social li a { 
    background-color: #000; 
    color: #fff;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
}
.contactNew ul.social li a.social-text { display: none; }
.MaincontactNew {
    background-color: #fff;
    padding: 80px 0;
}




 .expectbox{
    width:100%;
    background: linear-gradient(135deg, #f8d8cc, #eef4e8, #f9cfc7);
    border-radius:25px;
    padding:40px 40px 15px 40px;
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
    border:1px solid rgba(255,255,255);
}

.expectbox .step-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:35px;
    gap:18px;
}

.expectbox .icon-circle{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    flex-shrink:0;
}

.expectbox .green{
    background:#b9c9b0;
}

.expectbox .yellow{
    background:#e4c896;
}

.expectbox .content{
    display:flex;
    flex-direction:column;
}

.expectbox .number{
    font-size:52px;
    font-weight:700;
    line-height:1;
    margin-bottom:8px;
    color:#111;
}

.contact_frombg { 
    background-color: var(--color1); 
    padding: 80px 0;
}


.Terms ul li {
    list-style: decimal-leading-zero;
}

.Terms ul li ol li {
    list-style: lower-alpha;
}
.Terms ul li p.text-large { font-weight:600} 

.OuPhilosophy ul li {font-size: 20px; font-weight: normal;}

.Ourwayworking ul { padding-left: 15px; }
.Whyclientschoose .services-grid { margin-bottom:50px;  }

section.WhatsCovered {
    padding:80px 0 80px 0;
    background-color:transparent;
}
section.WhatsCovered .WhatsCoveredDiv { margin-bottom: 0 !important; }
.WhatsCoveredDiv {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.WhatsCoveredDiv .card h4 {
    background:#31a971;
    color: #fff;
    border-radius: 20px;
    margin:-20px -20px 20px -20px;
    padding:10px 10px 10px 45px;
    position: relative;
}
.WhatsCoveredDiv .card h4:before {
    content: "\f00c";
    position: absolute;
    left: 20px;
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 20px;
}
.WhatsCoveredDiv .card {
    background: #fff;
    padding: 20px 20px 5px 20px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    position: relative;
    transition: 0.3s;
    width:32%;
    float: left;
}
section.WhatsCovered.WhatsNotCovered .WhatsCoveredDiv { margin-bottom:50px !important;   }
section.WhatsCovered.WhatsNotCovered { 
    background-color: #fff; 
 
}
.WhatsNotCovered .WhatsCoveredDiv .card h4 {
background: linear-gradient(135deg, #f6c48b, #e7a97b);
color: #000;
 }
.WhatsNotCovered .WhatsCoveredDiv .card h4:before { content: "\f00d"; color: #000; }


/*.whitebg,section.WhatsCovered.whitebg { background-color: #fff; }*/

.PoweredSeoTraditional { padding:80px 0 65px 0; background-color: var(--color6); }
.Poweredcontent { position: relative; z-index: 9;  }
.Poweredbg {
    background: transparent;
    padding:30px 30px 15px 30px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    margin: 0 0 30px 0;
    position: relative;
    overflow: hidden;
}

.Poweredbg:before {
    background: url(../img/Orangebg1.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: 0.8;
    background-size: 100% 100%;
}
.MicrosoftSupport { background-color: #fff; padding: 80px 0; }


.blockquote {
    margin: 40px auto;
    padding:30px 30px 20px 30px;
    border-radius:20px;
    background: linear-gradient(135deg, #5f86e8, #7b4bb7);
    color: #fff;
}
.blockquote p { color: #fff; }

blockquote {
    padding: 20px;
    margin: 0 0 20px;
    background-color: #e9f0f5;
    border-left: 5px solid #2a6db0;
    border-radius: 20px;
}


.case-bannerbg {
    position: relative;
    text-align: center;
    padding-top: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    border-radius: 20px;
    overflow: hidden;
    height: 423px;
    background: linear-gradient(135deg, #f4c7a1, #cfe8d5);
}
.case-bannerbg:before {
    content: "";
    background:url(../img/case-bannerbg.png) no-repeat center top; 
    position: absolute; 
    width:100% ; 
    height: 100%;
    background-size: contain;
    left: 0;
    top: 0;
}
.case-bannerbg .bannerimg {max-width: 840px; margin: 0 auto;}
.CaseStudyBanner .container { position: relative; }
.Bannercontent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    height: 100%;
    overflow: hidden;
}


.slide-left {
    position: absolute;
    left:40px;
    top: 88px;
    width: 30%;
    background-color:rgba(242, 216, 196, 0.9); border-radius:10px;

}

.slide-right {
    position: absolute;
    right: 40px;
    top:88px;
    width: 30%;
    background-color:rgba(242, 216, 196, 0.9); border-radius:10px;
}

.slide-bottom {
    position: absolute;
    bottom:88px;
    width: 30%;
    background-color:rgba(242, 216, 196, 0.9); border-radius:10px;
}

.slide-bottom-right {
    position: absolute;
    bottom:88px;
    width: 30%;
    background-color:rgba(242, 216, 196, 0.9); border-radius:10px;
    right:40px;

}

.Bannercontent h3 {
    margin: 0;
    display: inline-block;
    padding:5px; font-size: 16px; font-weight: 500
}

/* LEFT */
.slide-left {
    animation: slideLeft 0.9s ease-out forwards;
    animation-delay: 0.2s;
}

/* RIGHT */
.slide-right {
    animation: slideRight 0.9s ease-out forwards;
    animation-delay: 0.2s;
}

/* BOTTOM (after left + right finish) */
.slide-bottom {
    animation: slideBottom 0.9s ease-out forwards;
    animation-delay: 1.2s;
}
/* BOTTOM (after left + right finish) */
.slide-bottom-right {
    animation: slideBottom 0.9s ease-out forwards;
    animation-delay: 1.2s;
}


/* KEYFRAMES */
@keyframes slideLeft {
    from {
        transform: translateX(-120px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideRight {
    from {
        transform: translateX(120px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideBottom {
    from {
        transform: translateY(80px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.CaseStudyDetail {
    padding-top: 160px;
}
.CaseStudyDetail h1 { padding-top:25px}
.CaseStudyDetail .SectionExpertise,.CaseStudyDetail .results-section { margin-bottom: 80px; }

.MainQuotation { margin-bottom: 80px; }
.Quotation {
    background: linear-gradient(135deg, var(--color6), var(--color6));
    padding: 30px;
    border-radius: 20px;
    text-align: left;
    position: relative;
    transition: transform 0.3s ease;
    height: 100%;
}
.Quotation .svgicon path {
    fill: var(--color5);
}
.QuotationFull { clear:both}
.QuotationFull p { font-size:20px}


.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  z-index: auto;
}

.tooltip .tooltip-text {
  visibility: hidden;
  width: 165px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 6px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  bottom: 114%;   /* above element */
  left: 0;
  /*transform: translateX(-50%);*/

  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}


img.reecrootlogo {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 160px;
    margin: 30px 30px 0 0;
}

.YearlyMonthlyPlan { padding: 80px 0; }
.YearlyMonthlyPlan .resp-tab-content { padding: 0; border: none; overflow: initial;}

.cardyearly .cardbox { 
    background: #f5f8fc;
    border-radius: 30px;
    padding: 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

}
.cardyearly a { text-decoration: underline; }
.cardyearly a:hover { text-decoration: none; color: var(--color8); }
.cardyearly .Savebox {
    background: linear-gradient(135deg, var(--color6), var(--color6));
    padding: 15px;
    margin:0;
    border-radius: 30px 30px 0px 0px;
    text-align: center;
    min-height: 70px;
}
.cardyearly .Microsoftbox { padding: 25px; }
.cardyearly .Microsoftbox h2 {
    line-height: 23px;
    margin-top: 10px;
    display: inline-block;
}
.cardyearly .Microsoftbox h2 sub { bottom: 0; display: inline-block; width: 100%; font-size: 16px; font-weight: 600; margin-bottom: 15px; }
.cardyearly p.includeVat { font-size: 12px; }
.cardyearly .Buynow {
    padding-bottom: 50px;
}
.cardyearly .Planhighlights {
    border-top: solid 1px #ddd;
    padding-top: 20px;
    min-height: 630px;
}
.cardyearly .Planhighlights h4 { font-weight: bold; }
.cardyearly .Planhighlights ul { list-style: none; padding: 0; margin: 0;  }
.cardyearly .Planhighlights ul li {
    position: relative;
    padding-left: 23px;
    line-height: 23px;
    margin-bottom: 10px;
}
.cardyearly .Planhighlights ul li:before { 
    content: "\f00c"; 
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color8);

}
.cardyearly .card-plan-detail {
    display: flex;
    gap: 20px;
    padding: 15px;
    background: linear-gradient(135deg, var(--color2), var(--color2));
    border-radius: 12px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.cardyearly .Popular h4 { font-weight: bold; font-size: 16px; }
.cardyearly .Popular ul.block-items-list {list-style: none; padding: 0; margin: 0;}
.cardyearly .Popular ul.block-items-list li {
    width: 29px;
    border: solid 1px #e6f2fb;
    border-radius: 8px;
}

.cardyearly .Popular ul.block-items-list li img { background-color: #fff; width: 100%; border-radius: 8px; border: solid 1px #eee; padding:5px; }
.cardyearly .Popular ul.block-items-list li .badge { padding: 0; margin: 0; }
.cardyearly .Popular {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.cardyearly .tooltip:before { opacity: 0; }
.cardyearly .tooltip:after { bottom: 13px; }

.YearlyMonthlyPlan ul.resp-tabs-list {
    margin:0px 0 30px 0;
    display: flex;
    justify-content: end;
    padding: 0;
    gap: 20px;
}
.YearlyMonthlyPlan .resp-tabs-list li {
    background-color: transparent;
    border: none;
    border-radius: 0;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 !important;
    margin: 0 0 0 0;
}
.YearlyMonthlyPlan .label-eyebrow {
    margin: 0 0 0 10px;
    background: url(../img/greenbg1.jpg);
    background-size: cover;
    padding:2px 10px;
    border-radius: 20px;
}

.YearlyMonthlyPlan .resp-tabs-list li:before {
    width: 15px;
    height: 15px;
    border: solid 5px #ddd;
    background-color: #ddd;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    border-radius: 50px;
    display: inline-block;
    margin: 0 5px 0 0;
}
.YearlyMonthlyPlan .resp-tabs-list li.resp-tab-item.resp-tab-active:before {
    border-color:var(--color8);
}

.technicalsupport { display: none; }
.serviceLanding .technicalsupport {
    display: inline-block;
    width: 50%;
    margin-top: -80px;
    padding-bottom: 30px;
}
.serviceLanding section.main-slider.HomeBanner .awards { display: none; }



/* Tabs Box */
.YearlyMonthlyPlan .tabs.tabsNew {
    margin:auto;
 
}

/* Tab Buttons */
.YearlyMonthlyPlan .tabs.tabsNew .tab-buttons{
  text-align: center;
}

.YearlyMonthlyPlan .tabs.tabsNew .tab-btn{
    padding:10px 20px;
    border:none;
    background:none;
    color:#fff;
    cursor:pointer;
    font-size:18px;
    transition:0.3s;
    background-color: #444;
    border-radius:50px;
    margin: 0 5px;
}

.YearlyMonthlyPlan .tabs.tabsNew .tab-btn:hover,
.YearlyMonthlyPlan .tabs.tabsNew .tab-btn.active{
    background: url(../img/greenbg1.jpg);
}



/* Tab Content */
.YearlyMonthlyPlan .tabs.tabsNew .tab-content{
    display:none;
    padding:0;
    animation:fade 0.4s;
}

.YearlyMonthlyPlan .tabs.tabsNew .tab-content.active{
    display:block;
}

/*@keyframes fade{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}*/

.PlansWithCopilot .yearlyplanDiv { padding-top: 58px; }
.PlansWithCopilot .cardyearly .Savebox { min-height: 50px; }
.PlansWithCopilot .Microsoftbox h3 { min-height:90px; }
.PlansWithCopilot .Microsoftbox p.business1 { min-height:70px; }
.cardyearly .Microsoftbox h2 span {
    color: #999;
    text-decoration-line: line-through;
}
.PlansWithCopilot .cardyearly .Planhighlights { min-height: 730px; }

.AdditionalServices .Add-on {
    display: flex;
    gap: 15px;
}
.AdditionalServices .Add-on h5 { font-weight: bold; margin-bottom: 10px; }
.AdditionalServices .cardyearly .Buynow a.link.Learnmore { margin-left: 10px; }

.EnterprisePlan .cardyearly .Savebox { min-height: 50px; }
.EnterprisePlan .cardyearly .Microsoftbox p.business1 { min-height: 90px; }
.EnterprisePlan .cardyearly .Planhighlights { min-height: 905px; }
.EnterprisePlan .cardyearly .card-plan-detail { min-height: 160px; }

.Navbar1 { 
border-bottom: solid 1px #ddd;
 }
.Navbar1 ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 20px 0 10px 0;
    gap: 30px;
    
}
.Navbar1 ul li a { text-decoration: none; }
.MicrosoftPremium {
    clear: both;
}
.Overview { margin-bottom:20px; }
.Overview img { max-width: 100%; border-radius:12px; }
section#Overview {
    background: #fff;
    padding: 80px 0;
}
.OverviewMicrosoft .cardyearly .cardbox { 
    padding: 10px; 
    border-radius: 12px; 
    border: solid 1px #ddd;
    height: 100%;
}
.OverviewMicrosoft .row.yearlyplanDiv {
    display: flex;
    flex-wrap: wrap;
}
.OverviewMicrosoft .tabs.tabsNew .tab-buttons {
    display: flex;
    margin: 20px 0 20px 0;
}

section#Whatsincluded .cardyearly { margin-bottom: 30px; }
section#Whatsincluded .cardyearly .cardbox img {
    border-radius: 8px;
    border: solid 1px #ddd;
    height: 35px;
    padding: 5px;
    margin-bottom: 10px;
}
section#Whatsincluded .cardyearly .cardbox p { margin-bottom: 0; }
section#Whatsincluded .cardyearly .cardbox h3 {
    margin: 10px 0;
    line-height: 1;
}
ul.resp-tabs-list p { margin-bottom: 0!important; }
.StartDiv {
    text-align: center;
    padding: 50px;
    background: url(../img/nextstepsBanner.webp) no-repeat center;
    background-size: cover;
    border-radius: 20px;
    box-shadow: 0 3px 3px rgba(0, 0, 0,0.08);
    border: solid 1px #ddd;
    margin-bottom: 30px;
}
.DiscussBox {
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 20px;
    padding: 10px;
}
.DiscussBox .Discussimg,.DiscussBox .Discussplans {width: 50%;}
.DiscussBox .Discussplans {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 20px 10px 10px;
}
.Discussimg img { width: 100%; border-radius: 20px;   }
.DiscussBox .Discussplans img,section#Additionalservices .Add-on span img { 
    height: 50px; 
    border-radius:8px; 
    border: solid 1px #ddd; 
    padding: 5px;
    margin-bottom: 10px;
}
.Nextsteps {
    padding:80px 0;
    background-color: #9cbbb1;
}
section#Whatsincluded {
    background: #9cbbb1;
}
section#Additionalservices .cardyearly .Buynow a.link.Learnmore { margin-left: 0; }
section#Additionalservices .cardyearly .Buynow { padding-bottom: 0; }


.PlansWithCopilot .cardyearly .Microsoftbox .Learnmore {display: none;}

.Navbar1.sticky {
    position: fixed;
    top: 87px;
    left: 0;
    width: 100%;
    z-index: 9;
    border: none;
}
.Navbar1.sticky ul {
    background: #f5fde6;
    padding:12px 0 10px 0;
    justify-content: center;
    margin: 0 -40px 0 -40px;
    border-radius: 0 0 10px 10px;
}