body {
  margin: 0px;
  padding: 0px;
  font-family: "DM Sans", sans-serif;
  text-decoration: none;
  overflow: scroll;letter-spacing:0.2px;
  /* overflow-y: hidden; */
}
b, strong {
    font-weight: bold;
}
/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background-color: #e7efef;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: #7fc8c8;
}
::-webkit-scrollbar {
  width: 15px; /* for vertical scrollbars */
  height: 15px; /* for horizontal scrollbars */
}

.stnone {
  display: none;
}
.clearfix {
  clear: both;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

.wrapper-hgs {
  width: 1300px;
  margin: 0 auto;
}

.wrapper-small-hgs {
  width: 660px;
  margin: 0 auto;
}

.wrapper-hgs-menu {
  position: relative;
  width: 1610px;
  margin: 0 auto;
}

a {
  text-decoration: none;
}

.martop-20{ margin-top: 20px!important; }

.awards {
  margin-top: 15px;
}

.ico-elok{      float: left;
    width: 40px;
    height: 40px;
    margin-right: 20px;}

.ico-elok img{ width: 100%; height: -webkit-fill-available!important  }

.dvdr {
  background: #00707a;
  width: 460px;
  height: 2px;
  margin: 20px 0px 20px 0px; opacity: 0.6!important;
}

.wid100 {
  width: 100%;
}

#about-us {
  background-color: white;
  padding: 60px 0;
}

#about-us h2 {
  margin-top: 0;
  color: #333;
}

#about-us .lead {
  font-size: 16px;
  margin-bottom: 10px;
}

#about-us h1 {
  margin-bottom: 30px;
}


#features {
  text-align: center;
}

#features i {
  font-size: 48px;
}

#features h3 {
  margin-top: 15px;
  font-size: 30px;
  margin-bottom: 7px;
  color: #fff;
}

.live {
  margin-top: 30px;
}

.live-left {
  float: left;
  width: 200px;
}

.live-left h3 {
  font-size: 34px;
  font-weight: 500;
}

.live-left h5 {
  font-size: 16px;
  font-weight: 300;
  margin-top: 5px;
}

#search-jobs {
  background: #e9ecf2;
  padding: 100px 0px;
}

.search-left {
  float: left;
  width: 40%;
  padding-right: 10px;
}

.search-right {
  float: left;
  z-index: 1 !important;
  position: relative;
  width: 40%;
  padding-left: 10px;
}

.search-last {
  float: right;
  width: 20%;
  padding-left: 20px;
}

#search-jobs input {
  width: 100%;
  font-size: 18px;

  font-weight: 500;
  padding: 25px 20px;
  border-radius: 10px;
  border: solid 1px #cacaca;
}

#search-jobs input:focus {
  outline: none !important;
  border-color: #0099ff;
}

.menu-section {
  position: absolute;
  top: 0px;
  width: 100%;
  top: 0px;
  z-index: 9;
  color: #fff;
}

/*Original ideas and innovative paths have always favored curious minds.*/

#short-about {
  background: #fff;
  padding: 100px 0px;
}

video {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.short {
  width: 100%;
}

.short-left {
  float: left;
  width: 50%;
  padding-right: 50px;
}

.short-left h2 {
  font-size: 42px;
  line-height: 52px;
  font-weight: 500;
}

.dvdr-40 {
  background: #0088dd;
  width: 40%;
  height: 4px;
  margin: 30px 0px 50px 0px;
}

.short-right {
  float: right;
  width: 50%;
}
.dsfs {
  margin-top: 30px;
}

.short-right p {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

.video-container {
  margin-top: 30px;
}

/*Diversity, Equity, & Inclusion*/
#diversity {
  background-image: linear-gradient(
    to right bottom,
    #00b0f0,
    #5499f6,
    #977ae6,
    #c94fbb,
    #e2007c
  );
  padding: 100px 0px;
}

.diversity-left {
  float: left;
  width: 50%;
  padding-right: 100px;
}

.diversity-left h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #fff;
}

.diversity-left .dvdr-30 {
  background: #fff;
  width: 30%;
  height: 4px;
  margin: 20px 0px 20px 0px;
}

.diversity-left p {
  font-size: 22px;
  color: #fff;
  line-height: 34px;
  font-weight: 300;
}

.diversity-right {
  float: right;
  width: 50%;
  border-radius: 10px;
  overflow: hidden;
}

.diversity-right img {
  width: 100%;
}

.read {
  margin-top: 15px;
  height: 40px;
  width: 120px;
}
.wid155 {
  width: 155px;
}
.read a {
  color: #4dd9b2;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  display: block;
  position: absolute;
}

.read a i {
  font-size: 36px;
  position: relative;
  top: 8px;
  left: 0px;
  color: #cc0066;
}

.read a:hover {
  color: #eb9c35;

}

/*Meet Our Champions*/

#meet {
  background: #0088dd;
  padding: 30px 0px;
}

.meet-left {
  float: left;
  width: 50%;
}

.meet-right {
  float: right;
  width: 50%;
  padding-left: 100px;
  margin-top: 25%;
}

.meet-right h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #fff;
}

.dvdr-meet-30 {
  background: #fff;
  width: 30%;
  height: 4px;
  margin: 10px 0px 40px 0px;
}

.meet-right p {
  font-size: 22px;
  color: #fff;
  line-height: 34px;
  font-weight: 300;
}

.me-lft {
  float: left;
  width: 50%;
  padding-right: 7px;
}

.me-rgt {
  float: right;
  width: 50%;
  padding-left: 7px;
}

.meet-img {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 14px;
  margin-top: 7px;
}

#meet .read a:hover {
  color: #fff;
}

#diversity .read a:hover {
  color: #fff;
}
#careersat .read a:hover {
  color: #fff;
}

.mar-top {
  margin-top: 100px;
}

.wid-100 {
  width: 100%;
}

/*Alumni Connect*/
#alumni {
  background: #fff;
  padding: 150px 0px;
}

.alumni-left {
  float: left;
  width: 30%;
  padding-right: 50px;
}

.alumni-right {
  float: right;
  width: 60%;
}

.alumni-left h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #000000;
}

.alumni-left p {
  font-size: 22px;
  color: #333333;
  line-height: 34px;
  font-weight: 300;
}

.alumni-left .read a {
  color: #0088dd;
}

.alumni-left .read a:hover {
  color: #cc0066;
}

.alumni-people {
  width: 250px;
  float: left;
  margin-right: 80px;
}

.alumni-avatar {
}

.alumni-avatar img {
  width: 100%;
}

.alumni-contant h4 {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 700;
  color: #0088dd;
}

.alumni-contant h6 {
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  font-weight: 400;
}
#alumni .dvdr-30 {
  margin: 20px 0px 20px 0px;
}

/*Careers Blog*/
#careers .dvdr-20 {
  width: 10%;
}
#careers {
  padding: 80px 0px; padding-bottom: 120px;
}

.careeer-contant {
  text-align: center;
}

.careeer-contant h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  color: #000000;
}

.careeer-contant p {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  font-weight: 400;
}

.blog-container {
  margin-top: 40px;
  text-align: left;
}

.blog-box {
  width: 31.3%;
  float: left;
  background: #fff;
  color: #666666;
  margin-right: 2%;
  border: solid 1px #ecf2f2;
  border-radius: 10px;
}
.blog-box:hover {
background-image: linear-gradient(to left, #018894, #01828e, #007c87, #007781, #00717b); color: #fff;
}
.blog-box:hover p {color: #fff;}

.blog-box:hover .read a {
  color: #fff;
  border-bottom: dotted 2px #fff;
  position: absolute;
}
.blog-box-right:hover .read a {
  color: #fff;
  border-bottom: dotted 2px #fff;
  position: absolute;
}

.blog-box-right {
  width: 30%;
  float: right;
  border: solid 1px #ecf2f2;
  background: #fff;
  border-radius: 10px;
}
.blog-box-right:hover {
background-image: linear-gradient(to left, #018894, #01828e, #007c87, #007781, #00717b); color: #fff;
}

.blog-img {
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
}

.blog-img img {
  width: 100%;
  overflow: hidden;
}

.blog-txt {
  padding: 20px; padding-bottom: 0px
}
.readdd{ position: relative; top: -15px;}
.blog-txt p {
  font-size: 18px; color: #000;

  line-height: 26px;
  font-weight: 500;
    
   display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;    
    
    
    
    
}
.blog-box-right .read a {
  color: #cc0066;
}
.blog-box .read a {
  color: #cc0066;
}

/*Resource Center*/
#resource {
  background: #fff;
  padding: 130px 0px;
}

.resource-left {
  float: left;
  width: 45%;
  border-radius: 10px;
  position: relative;
}

.abst-resourcde {
  left: -60px;
  position: absolute;
  top: -60px;
}

.resource-right {
  float: left;
  width: 40%;
  margin-left: 5%;
  margin-top: 4%;
}

.resource-right h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #000000;
}

.resource-right p {
  font-size: 22px;
  color: #333333;
  line-height: 34px;
  font-weight: 300;
}

.resource-right .read a {
  color: #0088dd;
}

.resource-right .read a:hover {
  color: #cc0066;
}

.resource-left img {
  width: 100%;
}

/*Footer*/

.footer {
}

.footer-top {
  background: #00282c;
  background: linear-gradient(to top, #003f45 0%, #00282c 80%);

  padding: 70px 0px;
  padding-bottom: 50px;
}

.footer-bottom {
  background: #00282c;
  padding: 20px 0px;
}

.footer-bottom h6 {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.footer-top h5 {
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}

.footer-top h4 {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0px;
  color: white;
  -webkit-transition: letter-spacing 0.3s linear;
  -moz-transition: letter-spacing 0.3s linear;
  -ms-transition: letter-spacing 0.3s linear;
  -o-transition: letter-spacing 0.3s linear;
  transition: letter-spacing 0.3s linear;
}

.footer-top h4:hover {
  color: #4dd9b2;
}

.footerbox-30 {
  width: 30%;
  float: left;
}

.footerbox-20 {
  width: 20%;
  float: left;
}

.ftr-logo {
  width: 160px;
  margin-bottom: 40px;
}

.ftr-logo img {
  width: 100%;
}

.dvdrftr-40 {
  background: #51dab4;
  width: 40%;
  height: 4px;
  margin: 20px 0px 30px 0px;
}

.social-ico {
  width: 35px;
  height: 35px;
  border-radius: 40px;
  background: #fff;
  color: #006f79;
  text-align: center;
  float: left;
  margin-right: 10px;
}

.social-ico i {
  line-height: 35px;  color: #006f79;
  font-size: 19px;
}

.social-ico:hover {
  background: #4dd9b2;
  color: #fff;
}

.social-ico a {
  color: #00000b;
}

.social-ico a:hover {
  color: #fff;
}

/*About HGS*/
#abt {
  position: relative;
background-image: linear-gradient(to right, #00737e, #005f68, #004c53, #003a3f, #00282c);
}

.abt-left {
  width: calc(50% - 0rem) !important;
  float: left;
}

.abt-right {
  width: 50%;
  float: right;
  overflow: hidden;
}

.home-abt-img {
  width: 100%;
  height: 860px;
  overflow: hidden;
}

.home-abt-img-why {
  width: 100%;
  height: 426px;
  overflow: hidden;
}

img.about-home-right-img {
  width: 100%;
  height: auto;
}

.abt-upper {
  position: absolute;
  width: 100%;
}

.abt-hgs {
  width: 50%;
  padding: 100px 0px;
  padding-right: 100px; padding-bottom: 60px;
}

.abt-hgs h3 {
  font-size: 26px;
  line-height: 62px;
  font-weight: 700;
  color: #fff;
}

.dvdr-meet-30 {
  background: #fff;
  width: 30%;
  height: 4px;
  margin: 20px 0px 30px 0px;
}

.abt-hgs p {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  font-weight: 300;
}

.conty-box {
  float: left;
  width: 25%;
  padding: 30px 0px; padding-left: 30px;
}

.conty {
  padding: 25px 0px;
}

.conty-box .counteru {
  color: #fff;
  font-size: 40px;
  float: left;
}

.conty-box h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.aditional-cont {
  color: #fff;
  font-size: 40px;
  float: left;
}

/*Our Global Workforce */

#global {
  background: #43d9ae;
  padding: 100px 0px;
    position: relative; padding-top: 60px;
}

.global-contant {
  text-align: center;
}

.global-contant h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  color: #fff;
}

.global-contant p {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  font-weight: 400;
}

.dvdr-20 {
  background: #0088dd;
  width: 20%;
  height: 4px;
  margin: 20px auto;
}

.workforce {
  margin-top: 80px;
  padding: 0px 10%;
}

.work-lft {
  float: left;
  width: 25%;
  text-align: center;
}

.wrk-img {
  width: 120px;
  margin: 0 auto;
}

.wrk-img img {
  width: 100%;
}

.wrk-txt {
}

.wrk-txt p {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  font-weight: 400;
}

.wrk-txt-count {
}

.wrk-txt-count .counteru {
  color: #000000;
  font-size: 36px;
  float: left;
  font-weight: 600;
}

.wrk-txt-count .aditional-cont {
  color: #000000;
  font-size: 36px;
  float: left;
  font-weight: 600;
}

.all-count {
  padding: 5px 0px;
  margin: 0 auto;
  display: inline-block;
}

/* Careers at HGS*/
#careersat {
  background-image: linear-gradient(
    to right,
    #0099ff,
    #0e7dd7,
    #0e63af,
    #084a8a,
    #003366
  );
  padding: 100px 0px;
  padding-bottom: 20px;
}
#careersat .read {
  margin: 0 auto;
}
.wrapper-hgs-full {
  width: 100%;
  margin-top: 50px;
}

.careersat-contant {
  text-align: center;
}

.careersat-contant h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #fff;
}

.careersat-contant p {
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  font-weight: 400;
}

.dvdr-20 {
  background: #0088dd;
  width: 20%;
  height: 4px;
  margin: 20px auto;
}

/*Life at HGS*/

#life {
  background: #f7fafa;
  padding: 50px 0px; padding-bottom: 100px;
}

.life-left {
  float: left;
  width: 20%;
}

.life-right {
  float: right;
  width: 70%;
}

.life-left h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #000000;
}

.life-right p {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  font-weight: 400;
}

.dvdr-20-life {
  background: #0088dd;
  width: 50%;
  height: 4px;
  margin: 15px 0px;
}

.life-right .read a {
  color: #0088dd;
}

.life-right .read a:hover {
  color: #cc0066;
}

.slider3 {
  margin-top: 60px;
}

/***  Accessibility CSS ***/
.accessibility {

  text-align: center;
  position: relative;
  z-index: 2;
}
.accessibility ul {
  margin: 0;
  padding: 0;
}
.accessibility ul li {
  display: inline;
  font-size: 12px;
}
.accessibility .nav-item {
  color: #fff;
}
.accessibility .nav-item a {
  color: #000;
  text-decoration: none;
  font-size: 11px;
  line-height: 1.5;
  border: 1px solid #000;
  margin-right: 3px;
  font-weight: bold;
  background: #fff;
  vertical-align: middle;
  display: inline-block;
}
.accessibility .nav-item .imageItem img {
  float: left;
  width: 16px;
}
.accessibility .nav-item a:focus {
  border: 1px dashed #121fd4;
}
.accessibility .nav-item a:last-child {
  margin-right: 0px;
}
.accessibility .textsize {
  padding: 0px 5px;
  font-size: 11px;
  text-align: center;
}

.accessibility .skipItem a {
  background: none;
  border: 1px solid transparent;
  color: #fff;
  font-size: 12px;
}
.color-white-to-black * {
  background: #000 !important;
  color: white !important;
}
.color-white-to-black {
  background: #000 !important;
  color: white !important;
}
.color-white-to-black .accessibility {
  border-bottom: 1px solid #fff;
}
.color-white-to-black,
.color-white-to-black h1,
.color-white-to-black h2,
.color-white-to-black h3,
.color-white-to-black h4,
.color-white-to-black h5,
.color-white-to-black p,
.color-white-to-black a {
  color: #fff !important;
}
.color-white-to-black-yellow {
  background: #000;
}
.color-white-to-black-yellow .accessibility {
  border-bottom: 1px solid #fff000;
}
.color-white-to-black-yellow * {
  color: #fff000 !important;
  background: #000 !important;
}
.color-white-to-black-yellow a,
.color-white-to-black-yellow h1,
.color-white-to-black-yellow h2,
.color-white-to-black-yellow h3,
.color-white-to-black-yellow h4,
.color-white-to-black-yellow h5,
.color-white-to-black-yellow h6 {
  color: #fff000 !important;
}
.color-white-to-black .accessibility .nav-item a {
  border: 1px solid #fff;
}
.color-white-to-black .accessibility .skipItem a {
  border: 1px solid transparent;
}
.color-white-to-black-yellow .accessibility .nav-item a {
  border: 1px solid #fff000;
}
.color-white-to-black-yellow .accessibility .skipItem a {
  border: 1px solid transparent;
}
.top-control {
  text-align: right;
  padding-top: 5px;
  padding-bottom: 1px;
}

.meet-img img {
  width: 100%;
}
.nav-bar {
  display: none;
}

/*Inner Pages*/

/*about*/
.inner-banner {
  background-image: linear-gradient(
    to left,
    #0099ff,
    #0e7dd7,
    #0e63af,
    #084a8a,
    #003366
  );
  min-height: 700px;
  padding-top: 200px;
}

.about-left {
  float: left;
  width: 54%;
  margin-top: 5%;
}
.about-right {
  float: right;
  width: 46%;
}

.about-left h3 {
  font-size: 44px;
  line-height: 62px;
  font-weight: 600;
  color: #fff;
}
.about-left p {
  font-size: 24px;
  color: #fff;
  line-height: 30px;
  font-weight: 400;
}
.dvdr-30-abt {
  background: #0088dd;
  width: 30%;
  height: 4px;
  margin: 20px 0px 30px 0px;
}

/*Championing Customer Success Through Our People*/
.Championing {
}
.Championing-left {
  float: left;
  width: 50%;
}
.Championing-right {
  float: right;
  width: 50%;
}
.Championing-right img {
  width: 100%;
}
.Championing-left img {
  width: 100%;
}
.Championing-content {
  width: 50%;
  position: absolute;
  padding-right: 50px;
}
.cham-top .wrapper-hgs {
  position: relative;
}

.Championing-content h4,
.Championing-content-right h4 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 40px;
  color: #000;
}

.Championing-content p,
.Championing-content-right p {
  font-size: 20px;
  color: #000;
  line-height: 30px;
  font-weight: 400;
}
#short-about h5 {
  font-size: 44px;
  line-height: 62px;
  font-weight: 500;
  color: #000;
}
#short-about .dvdr-meet-30 {
  background: #02b0ef;
  width: 15%;
}

.Championing-content-right {
  width: 50%;
  position: absolute;
  padding-left: 50px;
  margin-left: 50%;
}
.slider2 {
  margin-top: 50px;
}
.slider2 .slick-next {
  display: inherit !important;
  right: -30px;
}

.slider2 .slick-prev {
  display: inherit !important;
  left: -50px;
}
.hgs-slider {
  text-align: center;
}
.hgs-slider p {
  font-size: 16px;
  line-height: 26px;
  padding: 8px 70px;
}

#Recognitions {
  padding: 100px 0px;
  background: #f6f6f6;
}
.recognitions-content {
  text-align: center;
}
.recognitions-content h3 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  color: #000000;
}

.recognitions-content p {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  font-weight: 400;
}

#mission {
background-image: linear-gradient(to right bottom, #4dd9b2, #40cda5, #32c298, #21b68b, #08ab7e);
  padding: 80px 0px;
}
.mission-contant {
  text-align: center;
}

.mission-contant h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  color: #fff;
}

.mission-contant p {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  font-weight: 400px;margin-top: 15px;
}

#empowering-lives .mission-box {
  margin-bottom: 100px;
}

.mission-box {
  width: 50%;
  float: left;
  padding: 0px 50px;
}

.mission-box-fifty {
  width: 50%;
  float: left;
  padding: 0px 50px;
}

.mission-box-content {
  text-align: center;
}
.mision-img {
  margin: 0 auto;
}


.mission-box-content p {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
}
.mision-img {
  width: 160px;
  margin: 0 auto;
}
.mision-img img {
  width: 100%;
  transition: transform 0.3s ease;
}
.mision-img img:hover {
  transform: scale(1.1);
}

.m-fify {
  margin-top: 80px;
  padding: 0px 190px;
}

/*corporate-social-responsibility*/

.about-left-full {
  float: left;
  width: 100%;
}

.about-left-full h3 {
  font-size: 34px;
  line-height: 62px;
  font-weight: 300;
  color: #fff;
}

.about-left-full .dvdr-30-abt {
  background: #0088dd;
  width: 15%;
  height: 4px;
  margin: 20px 0px 30px 0px;
}

/*Inner-banner*/

.inner-banner2 {
  min-height: 510px;
  padding-top: 220px;
  background-image: url(../images/csr-innerbanner.jpg);
  background-position: center;
}

.inner-banner-devercity {
  min-height: 510px;
  padding-top: 220px;
  background-image: url(../images/diversity-innerbanner.jpg);
  background-position: center;
}

.inner-banner-abt {
  min-height: 570px;
  padding-top: 160px;
  background-image: url(../images/abt-innerbanner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
.inner-banner-why-join-us {
  min-height: 510px;
  padding-top: 220px;
  background-image: url(../images/why-join-images/why-join-us.png);
  background-position: center top;
}

.banner-06-side {
  position: absolute;
  right: 50px;
  top: 100px;
  width: 50%;
}
.banner-06-side img {
  width: 100%;
}
.banr6 .dvdr {
  background: #fff;
}
.wr {
  width: 264px;
}
.wr img {
  width: 100%;
  margin-bottom: 20px;
}

#discover {
  padding: 100px 0px;
  background: #fff;
}

.discover-left {
  float: left;
  width: 50%;
  padding-right: 50px;
}
.discover-right {
  float: right;
  width: 50%;
}
.discover-right img {
  width: 100%;
}
.dvdr-30 {
  background: #00b0f0;
  width: 30%;
  height: 4px;
  margin: 30px 0px 40px 0px;
}
.discover-left h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
  padding-top: 20%;
}

.discover-left p {
  font-size: 22px;
  color: #333333;
  line-height: 34px;
  font-weight: 300;
  padding-bottom: 30px;
}

.subscribe {
  padding: 20px 45px;
  width: fit-content;
  position: relative;
  border-radius: 60px;
  overflow: hidden !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

  background: #cc0066;
}
.subscribe a {
  margin-left: 0px;
  color: #fff !important;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.subscribe:hover {
  border: 0px solid #008cdf;
  color: #fff !important;
}
.subscribe::before {
  content: "";
  width: 0%;
  height: 107%;
  display: block;
  background: #012a7c;
  position: absolute;
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  left: -10%;
  opacity: 1;
  top: 0;
  z-index: -12;
  -moz-transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

.subscribe::after {
  content: "";
  width: 0%;
  height: 107%;
  display: block;
  background: #008ade;
  position: absolute;
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  left: -10%;
  opacity: 0;
  top: 0;
  z-index: -15;
  -webkit-transition: all 0.94s cubic-bezier(204, 0, 0.102, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
  transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
}
.subscribe:hover::before,
.btn1O:hover::before {
  opacity: 1;
  width: 116%;
  color: #fff !important;
}
.subscribe:hover::after,
.btn1O:hover::after {
  color: #fff !important;
  opacity: 1;
  width: 120%;
}

.addIndicators {
  display: none !important;
}

/*Empowering*/

#empowering {
  padding: 100px 0px;
}
.empowering-left {
  float: left;
  width: 38%;
}
.empowering-left img {
  width: 100%;
}

.empowering-right {
  float: right;
  width: 62%;
  padding-left: 50px;
  position: relative;
}

.empowering-right h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
}

.empowering-right p {
  font-size: 22px;
  color: #333333;
  line-height: 34px;
  font-weight: 300;
  padding-bottom: 30px;
}

.ita {
  font-weight: 700;
  font-style: italic;
  padding-top: 10px;
}

#empowering-lives {
  padding: 100px 0px;
  padding-bottom: 0px;
  background-image: linear-gradient(
    to bottom,
    #001c41,
    #083465,
    #104e8b,
    #116ab3,
    #0088dd
  );
}
.lives-img {
  width: 130px;
  margin: 0 auto;
}
.lives-img img {
  width: 100%;
  transition: transform 0.3s ease;
}
.lives-img img:hover {
  transform: scale(1.1);
}

.mission-contant {
  text-align: center;
}



.mission-box {
  width: 33.3%;
  float: left;
  padding: 0px 50px;
}
.mission-box-content {
  text-align: center;
}
.mision-img {
  margin: 0 auto;
}
.mission-box-content h2 {
  font-size: 26px;
  line-height: 62px;
  font-weight: 600;
  color: #fff;
}


#empowering-lives .counteru {
  color: #fff;
  font-size: 50px;
  font-weight: 500;
  padding-top: 15px;
}
.mart50 {
  margin-top: 50px;
}

#employee {
  padding: 100px 0px;
  background: #f6f6f6;
  padding-bottom: 20px;
}
.employee-left {
  float: left;
  width: 40%;
  padding: 20px 60px;
  padding-top: 10%;
}
.employee-right {
  float: right;
  width: 60%;
}
.employee-left img {
  width: 310px;
}

.employee-right h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #000;
}

.employee-right p {
  font-size: 22px;
  color: #000;
  line-height: 30px;
  font-weight: 300;
}

/* Our CSR Programs */

#programs {
  padding: 100px 0px;
  background: #ffffff;
  text-align: center;
  position: relative;
  padding-bottom: 0px;
}

#programs h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #000;
}

#programs p {
  font-size: 22px;
  color: #000;
  line-height: 30px;
  font-weight: 300;
}

.round {
  background-image: url(../images/round.png);
  background-repeat: no-repeat;
  position: absolute;

  background-position: bottom center;
  top: 10px;
  left: -210px;
  width: 289;
  height: 262px;
}

.round2 {
  background-image: url(../images/round.png);
  background-repeat: no-repeat;
  position: absolute;
  background-position: bottom center;
  width: 289;
  bottom: -210px;
  right: 0px;
  height: 262px;
}

#programs h6 {
  font-size: 46px;
  line-height: 62px;
  font-weight: 500;
  color: #000;
}

/*Transforming Lives by Enabling Access To Basic Needs*/

#transforming {
  padding: 100px 0px;
  background: #ffffff;
}
#transforming h3 {
  text-align: center;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
  color: #000;
}

.access {
  margin-top: 0px;
}
.access-left {
  float: left;
  width: 50%;
  overflow: hidden;
  border-radius: 10px;
}
.access-left img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.access-left img:hover {
  transform: scale(1.1);
}

.access-right {
  float: right;
  width: 60%;
  padding-left: 50px;
}

.access-right h4 {
  font-size: 30px;
  line-height: 62px;
  font-weight: 700;
  padding-top: 30%;
  color: #000;
}

.access-right h5 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    padding-top: 0%;
    margin-bottom: 10px;
    color: #000;
}

.access-right p {
  font-size: 22px;
  color: #000;
  line-height: 30px;
  font-weight: 300;
}

.access-leftop {
  float: right;
  width: 40%;
  overflow: hidden;
  border-radius: 10px;
}
.access-leftop img {
  width: 100%;
  height: auto;

}

.access-rightop {
  float: left;
  width: 60%;
  padding-right: 50px;
}

.access-rightop h4 {
  font-size: 30px;
  line-height: 62px;
  font-weight: 700;
  padding-top: 30%;
  color: #000;
}

.access-rightop h5 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  padding-top: 0%;
  margin-bottom: 15px;
  color: #000;
}


.access-rightop h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    padding-top: 0%;
    margin-bottom: 20px;
    color: #000;
}



.access-rightop p {
  font-size: 16;
  color: #000;
  line-height: 22px;
  font-weight: 300;
}

/*Bridging the Gap to Quality Healthcare*/
#unleashing {
  padding: 100px 0px;
  background: #fff;
  padding-bottom: 0px;
}
#unleashing h3 {
  text-align: center;
  font-size: 40px;
  line-height: 56px;
  font-weight: 500;
  color: #000;
}
.Potential {
  margin-top: 60px;
}
.Potential-left {
  float: left;
  width: 50%;
  padding-right: 20px;
}
.Potential-right {
  float: right;
  width: 50%;
  padding-left: 20px;
}

.pt-img {
  overflow: hidden;
  border-radius: 10px;
}
.pt-img img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.pt-img img:hover {
  transform: scale(1.1);
}
.pt-content {
}
.pt-content h5 {
  font-size: 30px;
  line-height: 62px;
  font-weight: 700;
  color: #000;
}
.pt-content p {
  font-size: 22px;
  color: #000;
  line-height: 30px;
  font-weight: 300;
}

#empower {
  background: #0088dd;
  margin: 80px 0px;
}

#empowe .discover-left {
  float: right;
}

.empower-right {
}

.empower-right {
  float: right;
  width: 50%;
  padding: 12% 0px;
  padding-left: 50px;
}
.empower-left {
  float: left;
  width: 50%;
  position: relative;
}

.dvdr-30 {
  background: #00b0f0;
  width: 30%;
  height: 4px;
  margin: 30px 0px 40px 0px;
}
.empower-right h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #fff;
}

.empower-right p {
  font-size: 22px;
  color: #fff;
  line-height: 34px;
  font-weight: 300;
  padding-bottom: 30px;
}

.emp-abs {
  position: absolute;
  width: 800px;
  top: -100px;
  right: 10px;
}
.emp-abs img {
  width: 100%;
}

.Championing-change {
  background: #ff0080;
  padding: 50px;
}

.Championing-content-right-change {
  width: 50%;
  position: absolute;
  padding-left: 50px;
  margin-left: 50%;
}

.Championing-content-right-change h4 {
  font-size: 36px;
  padding-top: 30%;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

.Championing-content-right-change p {
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  font-weight: 400;
}
.mobile {
  display: none;
}

:is(vimeo-embed, youtube-embed) {
  aspect-ratio: 16 / 9;
  border-radius: var(--video-embed-bdrs, 0.25em);
  display: grid;
  inline-size: 100%;
  position: relative;
}
:is(vimeo-embed, youtube-embed) button {
  background-color: var(--button-bgc, #f00);
  block-size: var(--button-h, 100px);
  border: 0;
  border-radius: var(--button-bdrs, 74%);
  display: grid;
  inline-size: var(--button-w, 100px);
  opacity: var(--button-op, 0.8);
  position: absolute;
  place-self: center;
  transition: all 0.2s ease-in;
  cursor: pointer;
}
:is(vimeo-embed, youtube-embed) button::before {
  aspect-ratio: 1;
  background: #fff;
  block-size: 1.5em;
  clip-path: polygon(20% 0%, 20% 100%, 100% 50%);
  content: "";
  place-self: center;
}
:is(vimeo-embed, youtube-embed) :is(iframe, img) {
  block-size: 100%;
  border: 0;
  border-radius: inherit;
  inline-size: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
}
:is(vimeo-embed, youtube-embed) iframe:not([src=""]) + button {
  display: none;
}
:is(vimeo-embed button) {
  --button-bgc: #00adef;
}
:is(vimeo-embed, youtube-embed):hover button {
  --button-op: 1;
}

/*Values*/
#Values {
  background: #fff;
  padding: 100px 0px;
}

.value-box {
  margin-top: 20px;
}
.values {
  float: left;
  width: 33.3%;
  padding: 50px;
}
.values-images {
}
.values-images img {
  width: 100%;
  padding-bottom: 20px;
  transition: transform 0.3s ease;
}
.values-images img:hover {
  transform: scale(1.1);
}
.values-contant {
  text-align: center;
}
.values-contant h5 {
  font-size: 19px;
  font-weight: 800;
  color: #000;
  padding-bottom: 10px;
}
.values-contant h6 {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.value-spacer {
  float: left;
  width: 16.65%;
}

/*location*/
#location {
  padding: 100px 0px;
  background-image: linear-gradient(
    to right,
    #0084e0,
    #0672c5,
    #0760aa,
    #044e90,
    #003e77
  );
}

/*Why Choose HGS*/

#why-choose {
  background-image: linear-gradient(
    to right bottom,
    #00b0f0,
    #5499f6,
    #977ae6,
    #c94fbb,
    #e2007c
  );
  padding: 100px 0px;
}
#why-choose h3 {
  font-size: 34px;
  font-weight: 700;
  color: #fff;
}

.dvdr-15 {
  background: #0088dd;
  width: 15%;
  height: 4px;
  margin: 20px auto;
  margin-bottom: 20px;
}
.choose-box {
  float: left;
  width: 25%;
  margin: 30px auto;
}
.choose-img {
  width: 160px;
  margin: 0 auto;
}
.choose-img img {
  width: 100%;
  transition: transform 0.3s ease;
}
.choose-img img:hover {
  transform: scale(1.1);
}

.choose-txt {
  text-align: center;
}
.choose-txt h6 {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  padding-top: 20px;
  font-weight: 500;
}

#why-choose .subscribe {
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
  line-height: 30px;
}

.dotslide {
}

#Partners {
}

.testi {
  padding: 20px 100px;
}
.testi-left {
  width: 310px;
  float: left;
}
.testi-left img {
  width: 100%;
}
.testi-right {
  width: calc(100% - 310px);
  float: right;
  margin-top: 30px;
}

.testi-right-left {
  float: left;
  width: 150px;
}
.testi-right-right {
  float: right;
  width: 100%;
}

.cuma {
  width: 108px;
  float: right;
}
.cuma img {
  width: 100%;
}

.testi-right-right h5 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  font-style:normal;
  line-height: 34px;
}

.testi-right-right h6 {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  line-height: 34px;
}


.testi-right-right h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  line-height: 28px;
}



#why-choose .wrapper-hgs {
  position: relative;
}
.bg-cuma {
  width: 320px;
  position: absolute;
  bottom: -130px;
  right: 100px;
}
.bg-cuma img {
  width: 100%;
}

#introduction {
  background: #f6f6f6;
  padding: 100px 0px;
}
#introduction .mission-contant h3 {
  color: #000;
}
#introduction .mission-contant p {
  color: #000;
}

#introduction .mission-box-content p {
  color: #000;
}
#introduction .mission-box-content h2 {
  color: #000;
  font-weight: 700;
}

#celebrating {
  background: #fff;
  padding: 100px 0px;
  padding-bottom: 20px;
}

#celebrating h3 {
  color: #000;
}

#inclusion {
  background: #f6f6f6;
  padding: 100px 0px;
}

#inclusion h3 {
  font-size: 36px;
  text-align: center;
  line-height: 52px;
  font-weight: 700;
  color: #000;
}
#inclusion p {
  font-size: 22px;
  color: #000;
  text-align: center;
  line-height: 34px;
  font-weight: 300;
  padding-bottom: 30px;
}

.ulli {
}
.ulli ul {
  margin-left: 20px;
}
.ulli ul li {
  list-style-image: url(../images/li-arrow.png);
  font-size: 22px;
  color: #000;
  text-align: left;
  line-height: 34px;
  font-weight: 300;
  padding-bottom: 18px;
}

#diversity-vedio {
  background: #fff;
  padding: 50px 0px;
}
#diversity-vedio .pbar .slick-dots {
  display: none !important;
}

#diversity-vedio .hgs-slider img {
  border-radius: 10px;
  overflow: hidden;
}
.vdo-up {
  width: 1000px;
}

#why-choose .dvdr-15 {
  background: #00b0f0;
}

.inner-banner-champions {
  min-height: 510px;
  padding-top: 200px;
  background-image: url(../images/inner-Meet-Our-Champions.png);
  background-position: center;
}

.employeespeak h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  font-style: italic;
  padding-bottom: 30px;
}

.employeespeak p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.employeespeak .testi {
  padding: 50px 100px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.employeespeak .slick-prev {
  display: none !important;
}
.employeespeak .slick-next {
  display: none !important;
}
.employeespeak .testi-right-right h5 {
  color: #000;
}

.employeespeak .slick-sliderd {
  background: #fff;
  border-radius: 10px;
  width: 80% !important;
  margin-left: 10%;
  margin-top: 40px;
}
.speak-box {
  padding: 50px 60px;
}
.speak-box-left {
  float: left;
  width: 220px;
}
.speak-box-left img {
  width: 100%;
}

.speak-box-left h5 {
  font-size: 22px;
  padding-top: 20px;
}
.speak-box-left h6 {
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  padding-bottom: 30px;
}

.speak-box-right {
  float: right;
  width: calc(100% - 260px);
}
.speak-box-contant-coma {
  float: left;
  width: 80px;
}
.speak-box-contant-coma img {
  width: 100%;
}

.speak-box-contant {
  float: right;
  width: calc(100% - 110px);
}
.speak-box-contant h5 {
  color: #000;
  font-size: 30px;
  line-height: 40px;
  font-style: italic;
  font-weight: 500;
}

#Recruiters {
  padding: 100px 0px;
}

.recognitions-content h6 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  color: #fff;
}

#meetourvedio {
}
.growwith-container {
  width: 1610px;
  margin: 0 auto;
}

.growwith-letf {
  float: left;
  background: #cc0066;
  border-radius: 10px 0px 0px 10px;
  padding: 50px 100px;
  width: calc(100% - 1075px);
  min-height: 426px;
}
.growwith-letf h4 {
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 15px;
  color: #fff;
}
.growwith-letf p {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
}

.growwith-right {
  float: right;
  width: 1075px;
  border-radius: 0px 10px 10px 0px;
  overflow: hidden;
}
.growwith {
  padding: 50px 0px;
  padding-bottom: 0px;
}
#growth {
  padding: 50px 0px;
  background: #fff;
  padding-top: 0px;
}

#video-testimonials {
  padding: 50px 0px;
}
.testimonials-box {
  background: #0088dd;
  border-radius: 10px;
  padding: 50px;
}

.testimonials-letf {
  float: left;
  width: 40%;
  padding: 40px;
}
.testimonials-right {
  float: left;
  width: 60%;
}

.testimonials-letf h4 {
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 15px;
  color: #fff;
}
.testimonials-letf p {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
}

.inner-banner-current {
  min-height: 510px;
  padding-top: 300px;
  background-image: url(../images/current-innerbanner.jpg);
  background-position: center;
}

#latest-jobs {
  padding: 50px 0px;
  padding-bottom: 20px;
}
.latestleft {
  float: left;
  width: calc(100% - 120px);
}
.latestright {
  float: right;
  width: 100px;
  margin-top: 6px;
}
.latestright i {
}

#latest-jobs h3 {
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000;
}

.latestright ul {
}

.latestright ul li {
  display: contents;
  color: #e0e0e0;
  cursor: pointer;
}

.latestright ul li.active {
  color: #666666;
}

.latestright i {
  font-size: 32px;
  padding: 0px 10px;
}
.martop {
  margin-top: 20px;
}

.lleft {
  float: left;
  color: #e0e0e0;
  font-size: 30px;
  margin-top: 4px;
  cursor: pointer;
}
.lright {
  float: right;
  color: #e0e0e0;
  font-size: 50px;
  margin-top: -7px;
  cursor: pointer;
}

.lleft:hover {
  color: #666666;
}
.lright:hover {
  color: #666666;
}

.lleft:onclick {
  color: #666666;
}

.grid3 {
}
.grid-box {
  float: left;
  width: 30%;
  border: solid 1px #999999;
  border-radius: 10px;
  margin: 0px 1.65%;
  padding: 40px 20px;
  margin-bottom: 40px;
}
.grid-box h6 {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
}
.grid-box h5 {
  color: #000;
  font-size: 20px;
  font-weight: 800;
  padding: 18px 0px;
  line-height: 26px;
}

.grid-box h4 {
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 5px;
}
.grid-box h4 span {
  color: #000;
  font-weight: 600;
}

.button-sec {
  margin-top: 20px;
}
.viewmore {
  border-radius: 70px;
  border: solid 1px #95194f;
  color: #95194f;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 20px;
  display: inline-block;
}
.grid-box:hover .viewmore {
  background: #95194f;
  color: #fff;
}
.grid-box:hover .viewmore:hover {
  background: #012a7c;
  border: solid 1px #012a7c;
}

#div2 .grid-box:hover .viewmore {
  background: none;
  color: #95194f;
}
#div2 .grid-box:hover .viewmore:hover {
  background: #012a7c;
  color: #fff;
}

.viewmore:hover {
  background: #012a7c;
  color: #fff;
}

#div2 .grid-box {
  border: none;
  border-bottom: solid 1px #999999;
  border-radius: 0px;
}

.grid-box:hover {
  background: #e9ecf3;
}

.wrapper-hgs-ltjobs {
  width: 1340px;
  margin: 0 auto;
}

#div2 .grid-box {
  width: 96.5%;
  margin-bottom: 0px;
  padding: 40px 0px;
}

#div2 .grid-box:hover {
  background: none;
}

#div2 .pag-center {
  margin-top: 20px;
}

.grid-box-left {
  float: left;
  width: calc(100% - 273px);
}
.grid-box-right {
  float: right;
  width: 273px;
}

.h4box h4 {
  display: inline-block;
  padding-right: 40px;
}

.pagination-hgs {
}
.pagination-hgs ul {
  list-style: none;
  margin-left: 1.65%;
  display: inline-flex;
}
.pagination-hgs ul li {
  border: solid 1px #cdcdcd;
  cursor: pointer;
  width: 50px;
  height: 50px;
  color: #666666;
  border-radius: 60px;
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  font-weight: 500;
  margin: 0px 4px;
}

.pagination-hgs ul li:hover {
  background: #13a1e6;
  color: #fff;
  border: solid 1px #13a1e6;
}

.pagination-hgs .active1 {
  background: #13a1e6;
  color: #fff;
  border: solid 1px #13a1e6;
}

#search-jobs-opening {
  background: #e9ecf2;
  padding: 60px 30px;
  border-radius: 10px;
  position: relative;
  margin-top: -133px;
}

.search-left-opening {
  float: left;
  width: 29%;
  padding-right: 15px;
}

.search-right-opening {
  float: left;
  z-index: 1 !important;
  position: relative;
  width: 29%;
  padding-right: 15px;
}

.search-last-opening {
  float: right;
  width: 13%;
  padding-left: 0px;
}

#search-jobs-opening input {
  width: 100%;
  font-size: 18px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  padding: 25px 20px;
  border-radius: 10px;
  border: solid 1px #cacaca;
}

#search-jobs-opening input:focus {
  outline: none !important;
  border-color: #0099ff;
}

#customerhiring {
  padding: 100px 0px;
  background: #fff;
  padding-bottom: 0px;
}

.tab-titles {
  background: #dfdfdf;
  width: 828px;
  display: flex;
  margin: 30px auto;
  padding: 4px;
  border-radius: 100px;
}

.tab-links {
  padding: 20px 40px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  color: #666666;
}

.active-link {
  background-image: linear-gradient(
    to right,
    #e50e88,
    #c441ae,
    #955dc5,
    #5e6fcc,
    #1a79c4
  );
  padding: 20px 40px;
  border-radius: 70px;
  color: #fff;
}
.active-link:hover {
  color: #fff !important;
}

.tab-contents {
  display: none;
}
.tab-links:hover {
  color: #e50d87;
}
.tab-contents.active-tab {
  display: block;
}
.tab-contents h5 {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}
.sharefive {
  margin-top: 40px;
}
.sharebox {
  float: left;
  width: 20%;
  padding: 0px 15px;
  text-align: center;
  min-height: 375px;
}

.sharebox h4 {
  margin-top: 15px;
  font-size: 19px;
  font-weight: 700;
}
.sharebox p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}

.share-img {
  width: 160px;
  margin: 0 auto;
}

.share-img img {
  width: 100%;
  transition: transform 0.3s ease;
}
.share-img img:hover {
  transform: scale(1.1);
}

.lifeat-banner {
  min-height: 510px;
  padding-top: 200px;
  background-image: url(../images/leifeathgs-innerbanner.png);
  background-position: center;
}

#culture {
  background: #fff;
  padding: 0px 0px;
  padding-bottom: 50px;
}
#way-of-life {
  background: #fff;
  padding: 0px 0px;
  text-align: center;
  padding-bottom: 50px;
}
#way-of-life h3 {
  font-size: 36px;
  text-align: center;
  line-height: 52px;
  font-weight: 700;
  color: #000;
}
#way-of-life p {
  font-size: 22px;
  color: #000;
  text-align: center;
  line-height: 34px;
  font-weight: 300;
  padding-bottom: 30px;
}

#way-of-life .pbar .slick-dots {
  display: none !important;
}
.lifeat {
  padding: 0px 10px;
  overflow: hidden;
  border-radius: 10px;
}
#way-of-life .lifeat p {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 0px;
}
.grey {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 30px;
  min-height: 460px;
}
.culture {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 0px;
  min-height: 660px;
  overflow: hidden;
}

.pad30 {
  padding: 30px;
  padding-top: 0px;
}

.imlife {
  width: 160px;
  margin: 0 auto;
}
.imlife img {
  width: 100%;
  transition: transform 0.3s ease;
}
.imlife img:hover {
  transform: scale(1.1);
}
.lifeat h5 {
  font-size: 26px;
  padding: 25px 0px;
}

#way-of-life .slider2 .slick-next {
  display: inherit !important;
  right: -50px;
}
.mob {
  display: none;
}
.martop100 {
  margin-top: 100px;
}
.culture-img img {
  width: 100%;
}
.culture-img {
  transition: transform 0.3s ease;
}
.culture-img:hover {
  transform: scale(1.1);
}

.pag-center {
  text-align: center;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #4caf50;
  color: white;
  border: 1px solid #4caf50;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}
.applynow {
  position: fixed;
  bottom: 20px;
  right: 0px;
  z-index: 2;
}

.applynow .pink {
  height: 90px;
  width: 20px;
}

.applybutton a {
  background: #eb9c35;
  writing-mode: tb-rl;
  font-size: 14px; font-weight: 600;
  text-transform: capitalize;
  width: 45px;
  transform: rotate(-180deg);
  color: #633800;
  padding: 20px 15px;
  border-radius: 0px 10px 10px 0px;
}
.applybutton a:hover {
  background: #52dab4;
}

.mission-box-gap {
  width: 16.65%;
  float: left;
}
.mission-box-gap-mob {
  width: 25%;
  float: left;
  display: none;
}
.mbhide {
  display: inherit;
}
.dshide {
  display: none;
}

.text-lft {
  text-align: left;
}


.recruiters-share h6 {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  padding: 20px 0px;
}
.recruiters-share .coma {
  width: 60px;
  margin: 0 auto;
  padding-top: 50px;
}
.recruiters-share .coma img {
  width: 100%;
}
.recurters-profile {
  width: 160px;
  margin: 10px auto;
  height: 160px;
  overflow: hidden;
  border-radius: 160px;
}

.recurters-profile img {
  width: 100%;
  transition: transform 0.3s ease;
}
.recurters-profile img:hover {
  transform: scale(1.1);
}

.recruiters-share h4 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  padding: 10px 0px;
}
.recruiters-share h2 {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  padding: 0px 0px;
  font-style: italic;
}

.recruiters-share {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 0px;
  min-height: auto;
  overflow: hidden;
}

.hgs-slider {
  overflow: hidden;
}
.hgs-slider img {
  width: 100%;
  border-radius: 10px;
}

.hgs-slider h1 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  padding: 0px 0px;
}

.home-abt-img-why {
  width: 100%;
  height: 365px;
  overflow: hidden;
}
.abt-right-why {
  width: 50%;
  float: right;
  overflow: hidden;
}

.abt-left-why {
  width: calc(50% - 0rem) !important;
  float: left;
}

.abt-hgs-why {
  width: 50%;
  padding: 0px 0px;
  padding-right: 100px;
}

.abt-hgs-why h3 {
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 50px;
  color: #fff;
}
.abt-hgs-why p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
}
.abt-hgs-why .apply a {
  color: #0088dd !important;
}
.why-join-testi {
  border: solid 1px #999999;
  border-radius: 15px;
  margin-top: 50px;
}
.why-join-testi .speak-box-contant h5 {
  text-align: left;
}
.why-join-testi .slick-prev {
  display: none !important;
}
.why-join-testi .slick-next {
  display: none !important;
}
.why-join-testi h2 {
  font-size: 22px;
  text-align: left;
  font-style: italic;
  font-weight: 500;
  padding-bottom: 5px;
  color: #000;
}
.why-join-testi .speak-box-left h5 {
  text-align: left;
  font-style: italic;
}

.why-join-testi .dotslide .slick-sliderd .slick-dots button {
  border: solid 1px #999999;
  margin-top: 20px;
}

.why-join-testi .dotslide .slick-dots .slick-active button {
  background-color: #999999 !important;
}

.workat-left {
  float: left;
  width: 62%;
  position: relative;
}

.workat-left h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
}

.workat-left p {
  font-size: 22px;
  color: #333333;
  line-height: 34px;
  font-weight: 300;
  padding-bottom: 30px;
}

.workat-right {
  float: right;
  width: 30%;
}
.workat-right img {
  width: 100%;
}

.abt-upperwhy {
  position: absolute;
  width: 100%;
}

.inner-banner-alumni-connect {
  min-height: 510px;
  padding-top: 220px;
  background-image: url(../images/alumni-connect-images/Alumni-Connect-innerbanner.jpg);
  background-position: center top;
}

.pad3 {
  padding: 30px;
}
.navigating-minhight {
  min-height: 675px;
}
span{font-family: "DM Sans", sans-serif;}
.access-right ul { margin-left: 20px; }
.access-right ul li { margin-bottom: 5px;
    margin-top: 5px;}




.access-right h6 {
    font-size: 16px;
    text-align: left;
    color: #000;
    line-height: 22px;
    font-weight: 300;
    padding-bottom: 0px; font-family: "DM Sans", sans-serif;
}
.access-rightop h6 {
  font-size: 22px;
  text-align: left;
  color: #000;
  line-height: 34px;
  font-weight: 300;
}

.storys .testi-left {
  width: 250px;
}
.storys .testi-right {
  width:100%;
}

.inner-banner-login {
}
.rea-login {
  position: relative;
}
.abt-login {
  position: absolute;
  bottom: 55px;
  width: 100%;
  left: 0px;
  z-index: 99999;
}

.abt-login h4 {
  font-size: 40px;
  line-height: 45px;
  font-weight: 600;
  color: #fff;
}

.inner-banner-login .dotslide .slick-dots {
  text-align: left;
  bottom: 55px;
  width: 1325px;
  margin: 0 auto;
  position: relative;
}

.inner-banner-login .dotslide .slick-slider .slick-dots .slick-active button {
  background-color: #00b0f0;
  border: solid 1px #00b0f0;
}
.inner-banner-login .dotslide .slick-slider .slick-dots button {
  border: solid 1px #fff;
  background: #fff;
}

.inner-banner-login .dotslide .slick-slider img {
  padding: 0px 0px;
}

.inner-banner-login .slick-dotted.slick-slider {
  margin-bottom: -32px;
}

#login {
  background: #e9ecf2;
  padding: 100px 0px;
}
#login h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}
#login .dvdr-30 {
  margin: 15px auto;
  margin-bottom: 25px;
}

.login-form input {
  margin-bottom: 10px;
  width: 100%;
  font-size: 18px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  padding: 25px 20px;
  border-radius: 10px;
  border: solid 1px #cacaca;
}

.login-form input:focus {
  outline: none !important;
  border-color: #0099ff;
}

.forgot {
  text-align: right;
  padding: 15px 0px;
}
.forgot a {
  color: #cc0066;
  font-size: 16px;
  font-weight: 500;
}
.forgot a:hover {
  color: #012a7c;
}

.orsigning {
  text-align: center;
}
.orsigning h5 {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
}
.orsigning h6 {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
.orsigning h6 a {
  color: #cc0066;
  font-size: 16px;
  font-weight: 500;
}
.orsigning h6 a:hover {
  color: #012a7c;
}

.soc-ico {
  width: 52px;
  height: 52px;
  border-radius: 52px;
  background: #0078b5;
  float: left;
  color: #fff;
  font-size: 30px;
  margin: 0px 15px;
}
.soc-ico i {
  line-height: 50px;
}
.soc-ico:hover {
  background: #cc0066;
}

.soc-ico-face {
  width: 52px;
  height: 52px;
  border-radius: 52px;
  background: #3b579d;
  float: left;
  color: #fff;
  font-size: 30px;
  margin: 0px 15px;
}
.soc-ico-face i {
  line-height: 50px;
}
.soc-ico-face:hover {
  background: #cc0066;
}

.social-sign {
  width: 164px;
  margin: 20px auto;
}

#locate {
  padding: 100px 0px;
  padding-bottom: 0px;
}
.menu-tab {
  text-align: center;
}
.menu-tab ul {
  list-style: none;
  display: inline-flex;
}
.menu-tab ul li {
}
.menu-tab ul li h2 {
  font-size: 18px;

  padding: 7px 20px;
  cursor: pointer;
  color: #000;
  font-weight: 600;
  border-radius: 45px;
}

.menu-tab ul .active {
  color: #fff;
  background: #cc0066;
}

.menu-contant {
  padding-top: 80px; padding-bottom: 80px;
}
.locateee {
  border-bottom: solid 1px #cccccc;
  padding-bottom: 50px;
}
.loc-box {
  width: 20%;
  float: left;
  padding-right: 15px;
}

.loc-box h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}
.loc-box p {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  padding: 5px 0px;
}
.loc-box h3 {
  color: #cc0066;
  font-size: 20px;
  font-weight: 600;
}

.inner-banner-viewmore {
  min-height: 200px;
  background-image: url(../images/view-more-images/viewmore-banner.jpg);
  background-position: center top;
}
.view-more .top-sec {
  display: flex;
  width: 100%;
  padding: 50px 0;
  padding-top: 20px;
  align-items: center;
  justify-content: center;
}

.view-more .section1 {
  background-color: #e9ecf3;
  padding-top: 30px;
}

.view-more .section:nth-child(1) {
  width: calc(100% - 654px);
}
.view-more .section:nth-child(2) {
  width: 400px;
}
.view-more .section:nth-child(3) {
  width: 254px;
}
.view-more .last-line {
  display: flex;
}

.view-more .subscribe {
  background-color: #95194d;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

.view-more .social-section {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.view-more .soc-ico {
  margin: 0px 5px;
  text-align: center;
}
.view-more .soc-ico-face {
  margin: 0px 5px;
  text-align: center;
}
.view-more .social-sign {
  width: auto;
}

.soc-ico-tw {
  width: 52px;
  height: 52px;
  border-radius: 52px;
  background: #000;
  float: left;
  color: #fff;
  font-size: 30px;
  margin: 0px 5px;
  text-align: center;
}

.soc-ico-tw img {
  width: 55%;
  margin: 10px auto;
}
.soc-ico-tw:hover {
  background: #cc0066;
}

/*viewmore*/

.view-more .section p {
  color: #919295;
  font-size: 16px;
  line-height: 24px;
}
.view-more .section h3 {
  font-size: 34px;
  line-height: 42px;
  padding: 5px 0;
}
.view-more .last-line p:nth-child(1) {
  padding-right: 30px;
}
.view-more .last-line p {
  color: #67686a;
}
.view-more .social-icon p {
  color: #323433;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  padding-right: 10px;
}

.view-more .subscribe.apply-btn.animated.fadeInUp {
  background-color: #95194d;
}
.view-more .content {
  width: 100%;
  display: flex;
}
.view-more .left-cont,
.view-more .right-cont {
  width: 50%;
}
.view-more section.section2 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.view-more .content h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
}
.view-more .left-cont {
  padding: 0 150px 0 0;
}
.view-more .right-cont {
  padding: 120px 0px 0 0;
}
.view-more .left-cont h4 {
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  color: #333333;
}
.view-more .left-cont h4.left-para {
  padding-top: 30px;
}
.view-more .right-cont h5 {
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 10px;
}
.view-more .right-cont p {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  font-weight: 400;
  padding-bottom: 5px;
}
.view-more .right-cont p.right-para {
  padding: 30px 0 0 0;
}
.view-more .paddingtop30 {
  padding-top: 30px;
}
.view-more .points {
  width: 100%;
  display: flex;
}
.points p {
  padding-left: 10px;
}
.view-more .right-cont .content-points p:before {
  content: "";
  height: 10px;
  width: 10px;
  background-color: #00b1f0;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.view-more .right-cont .content-points p {
  text-indent: -20px;
  padding-left: 20px;
}

.view-more section#discover {
  background-color: #e9ecf3;
}
/*viewmore end*/

.locateee-nobdr {
  padding-bottom: 50px;
}

.locateee-nobdr .wid-100 {
  position: relative;
  margin-bottom: 30px;
}

.locateee .wid-100 {
  position: relative;
  margin-bottom: 30px;
}
.wid-lft {
  background: #fff;
  width: auto;
  display: inline-block;
  position: relative;
  padding-right: 15px;
  z-index: 9;
}
.wid-rgt {
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 15px;
}
.wid-lft h4 {
  font-size: 28px;
  font-weight: 700;
}

.loc-box p b {
  font-weight: 700;
}

.inner-banner-login {
}
.inner-banner-login .dotslide .slick-slider img {
  background-position: right top;
  width: auto;
}
.login-banner-image-1 {
  min-height: 510px;
  background-image: url(../images/login-images/Login-Banner-01.jpg);
  background-position: center top;
}
.login-banner-image-2 {
  min-height: 510px;
  background-image: url(../images/login-images/Login-Banner-02.jpg);
  background-position: center top;
}
.login-banner-image-3 {
  min-height: 510px;
  background-image: url(../images/login-images/Login-Banner-03.jpg);
  background-position: center top;
}

#way-of-life h4 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 400;
  padding-bottom: 0px;
  padding-top: 100px;
}
#way-of-life .lifeat p a {
  color: #cc0066;
}
#way-of-life .lifeat p a:hover {
  border-bottom: dotted 2px #cc0066;
}

.contact-banner {
  min-height: 510px;
  padding-top: 200px;
  background-image: url(../images/contactus/contact-banner.jpg);
  background-position: center;
}

.Creersblog-banner {
  min-height: 346px;
  padding-top: 160px;
  background-image: url(../images/blog/career-blog.jpg);
  background-position: center;
}

#careers-blog {
  padding: 100px 0px;
}

.tab-blog {
  width: 100%;
  display: flex;
  margin: 0px auto;
  padding: 4px;
  border-radius: 100px;
}
.tab-links-blog {
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 600;
  margin: 0px 2px;
  cursor: pointer;
  position: relative;
  color: #333333;
  border: solid 3px #cccccc;
  border-radius: 100px;
}
.tab-blog .active-link {
  background: #cc0066;
  border: solid 3px #cc0066;
  color: #fff;
}

.menu-tab-blog {
  text-align: left;
}
.menu-tab-blog ul {
  list-style: none;
  display: -webkit-box;
}
.menu-tab-blog ul li {
}
.menu-tab-blog ul li h2 {
  font-size: 17px;
  background: #fff;
  padding: 20px 30px;
  cursor: pointer;
  color: #333333;
  font-weight: 600;
  border-radius: 45px;
  border: solid 2px #aec0c0;
  margin: 0px 2px;
  padding-bottom: 18px;
}

.menu-tab-blog ul .active {
  color: #fff;
  background: #00737d;
  border: solid 2px #00737d;
}
#blog-menu {
}

.menu-tab-blog {
  padding: 0px 0px;
}

.outer-blog {
  margin-left: -20px;
  margin-right: -20px;
}
.blog-container-box {
  width: 386px;
  margin: 20px;
  border: solid 1px #999999;
  border-radius: 10px;
  overflow: hidden;
  height: 400px;
  float: left;
      -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog-container-box:hover {
  background: #f0f0f0;
}
.blog-container-box:hover img{transform: scale(1.05);
transition:transform 0.3s ease
}

.blog-img-creers img {
  width: 100%;
}

.blog-contnt-creers {
  padding: 15px;
}
.blog-contnt-creers h4 {
  line-height: 30px;
  color: #000;
  font-size: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-contnt-creers h6 {
  color: #cc0066;
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
}

.blog-inner-details {
  min-height: 510px;
  padding-top: 220px;
  background-image: url(../images/blog/blog-details-banner.jpg);
  background-position: center top;
}

.about-left-full h4 {
  font-size: 24px;
  padding-bottom: 5px;
  font-weight: 600;
  color: #fff;
}

#blg-dtl {
  padding: 100px 0px;
  background: #ffffff;
  position: relative;
  padding-bottom: 0px;
}
#blg-dtl p {
  font-size: 22px;
  color: #000;
  line-height: 36px;
  font-weight: 300;
  padding-bottom: 20px;
}
#blg-dtl p a {
  color: #cc0066;
}
#blg-dtl p a:hover {
  border-bottom: dotted 1px #cc0066;
}

#blg-dtl h3 {
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #000;
  margin-top: 30px;
}
#blog-twise {
  padding: 0px 0px;
}
#blog-twise .access-left {
  width: 40%;
}
#blog-twise .access-right {
  width: 60%;
}
#blog-twise .access-leftop {
  width: 40%;
}
#blog-twise .access-rightop {
  width: 60%;
}
.dvdr-gray {
  background: #cccccc;
  height: 1px;
  width: 100%;
  margin-top: 70px;
}

.blog-podcast-container-box {
  width: 386px;
  margin: 20px;
  overflow: hidden;
  float: left;
}
.blog-img-podcast img {
  width: 105%;
  position: relative;
}
.blog-contnt-podcast {
  padding: 30px;
}

.blog-contnt-podcast h4 {
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-contnt-podcast h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 0px;
}
.audio-ico {
  width: 68px;
  height: 68px;
  margin: 15px 0px;
  margin-top: 30px;
}
/*.blog-podcast-container-box:hover{ padding: 20px; }*/
.blog-podcast-container-box:hover .blog-img-podcast img {

}
.blog-podcast-container-box:hover .blog-img-podcast .audio-ico img {
  transform: scale(1);
   
}

.redbg {
  background-image: url(../images/blog/bg-1.jpg);
  height: 400px;
  border-radius: 10px;
}
.blog-podcast-container-box:hover .redbg{transition:transform 0.3s ease; 
  background:#da005e url(../images/blog/bg-1-1.jpg);
}
.blog-podcast-container-box:hover .bluebg{transition:transform 0.3s ease; 
  background:#0088de url(../images/blog/bg-3-3.jpg);
}
.blog-podcast-container-box:hover .greenbg{transition:transform 0.3s ease; 
  background:#156234 url(../images/blog/bg-2-2.jpg);
}




.bluebg {
  background-image: url(../images/blog/bg-3.jpg);
  height: 400px;
  border-radius: 10px;
}



.greenbg {
  background-image: url(../images/blog/bg-2.jpg);
  height: 400px;
  border-radius: 10px;
}


.blog-podcast-details {
  min-height: 510px;
  padding-top: 220px;
  background-image: url(../images/blog/podcast-details-banner.jpg);
  background-position: center;
}

.player {
  position: relative;
  width: 100%;
  background: #f1f3f4;
  border-radius: 10px;
}
.player audio {
  width: 100%;
  outline: none;
  padding: 30px;
  height: 100px;
  background: #f1f3f4;
  border-radius: 10px;
}

.player audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #f1f3f4;
  color: #000;
}

.recently-added-blogs {
}
.recently-added-blogs-left {
  float: left;
  width: 850px;
}
.recently-added-blogs-right {
  float: right;
  width: 390px;
}

.recently-added-blogs h5 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
}
.recently-added-blogs .dvdr-15 {
  width: 120px;
  margin: 0px 0px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.most-blog {
  margin-top: 40px;
}
.mostblogbox {
  border: solid 1px #ccc;
  border-radius: 10px;
  overflow: hidden;
  height: 105px;
  margin-bottom: 42px;
  position: relative;
}
.mostblogbox-left {
  float: left;
  width: 100px;
  overflow: hidden;
}
.mostblogbox-right {
  float: right;
  width: calc(100% - 110px);
  padding: 15px;
  padding-left: 0px;
}

.mostblogbox-left img {
  width: 200%;
}

.mostblogbox-right h4 {
  line-height: 22px;
  color: #000;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mostblogbox-right h6 {
  color: #cc0066;
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
}

.mostblogbox:hover {
  background: #f0f0f0;
}
.mostblogbox:hover img {
  transform: scale(1.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.recently-added-blogs .read a {
  color: #0099cc;
}

.recently-added-blogs .read {
  width: 100%;
  margin-right: 20px;
  margin-top: 0px;
}

.podcast {
  margin-top: 100px;
}

.mostblogbox-right h5 {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  padding: 0px 0px;
  margin: -10px 0px;
  margin-bottom: -6px;
}

.podcast .mostblogbox-left img {
  width: 120%;
}

.audio-icon2 {
  position: absolute;
  top: 28px;
  width: 40px;
  left: 25px;
}

.blog-banner {
  min-height: 512px;
  padding-top: 160px;
  background-image: url(../images/blog/blog-inner-banner.jpg);
  background-position: center;
  text-align: center;
}

.dvdr-centr {
  background: #0088dd;
  width: 90px;
  height: 4px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 15px;
  /*  margin: 20px 0px 30px 0px;*/
}
.featuredblog {
  background: #0088dd;
  margin-top: -290px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 40px;
  overflow: hidden;
}

.featuredblog-left {
  float: left;
  width: 40%;
}
.featuredblog-right {
  float: right;
  width: 60%;
}

.featuredblog-left img {
  width: 100%;
}
.featuredblog-contant {
  padding: 30px;
}
.featuredblog-contant h4 {
  color: #fff;
  padding-top: 30px;
  font-weight: 400;
  font-size: 20px;
}

.featuredblog-contant h1 {
  color: #fff;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  padding-bottom: 10px;
}
.garyclr {
  background: #d7e3e3;
  padding: 20px 0px;
}



.sticky .set-top ul li{ color: #001d20 }

.elok-prd{ background: #fff; position: relative; padding: 15px;}
.discount-area{ position: absolute; top: 10px; left: 10px;    z-index: 1; }
.percentage{ width: 55px; height: 55px; border-radius:  55px; background: #4dd9b2; float: left;  
    position: relative; }

.percentage h1 {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px; text-align: center; margin-top: 14px;
}
.new-area{ background: #00717b;
    float: left;
    padding: 5px 10px;
    border-radius: 0px 20px 20px 0px;
    color: #fff;
    margin-top: 16px;
    margin-left: -10px;
    font-weight: 500;
    font-size: 12px;
    padding-left: 15px;
  }




.elok-prd-img img{ width: 100%;  transition: transform 0.3s ease;}
.elok-prd-img img:hover{ width: 100%; transform: scale(1.1);}



.elok-ico{ border: solid 1px #ecf2f2; border-left:none; border-right: none; padding: 10px 0px; text-align: center }
.elok-ico ul{ text-align: center; display: inline-flex}


.elok-disc{ text-align: left }

.elok-disc h1{    font-size: 20px; color: #015b63;
    font-weight: 800; margin-bottom: 0px;
display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}
.elok-disc h2{   color: #000;
    font-weight: 500;font-size: 14px;
    line-height: 18px;
display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}


.elok-disc h4{    font-size: 30px; margin-top: 10px; color: #01808b;
    font-weight: 800; margin-bottom:10px; }

.elok-disc h5{    font-size: 12px; margin-top: 5px; color: #5e797b; font-style: italic; opacity: 0.5; margin-top: -10px;
    font-weight: 300; margin-bottom: 0px; }
.elok-disc h5 span{    text-decoration: line-through;}


.elok-ico ul li i{ font-size: 26px; line-height: 46px; color: #00707a }


.elok-ico ul li{    list-style: none; border: solid 1px #ecf2f2; border-radius:  40px; width: 40px; height: 40px; margin: 0px 2px; cursor: pointer;

-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}


.elok-ico ul li .tooltip {
background: #4dd9b2;
bottom: 100%;
color: #fff;
display: block;
left: -50px;
margin-bottom: 12px;
opacity: 0; font-size: 12px;
padding: 10px; border-radius: 6px;
pointer-events: none;
position: absolute;
width: 130px;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;

}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.elok-ico ul li .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.elok-ico ul li  .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #4dd9b2 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

.elok-ico ul li:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

.prd-sec{ text-align: center}
.prd-sec h1{  font-size: 30px;
  line-height: 32px;
  font-weight: 600;
  color: #000000;    margin-top: 0px;
    margin-bottom: 10px;}

.prd-sec h2{ 
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  font-weight: 200;
}
.text-align{ text-align: center }
.matop{ margin-top: 50px; }

.produc-banner{
  min-height: 250px;
  padding-top: 180px;
  background-image: url(../images/product/products-banner.jpg);
  background-position: center top;
}

.outer-product {
  margin-left: -10px;
  margin-right: -10px;
}


.greenish{ background: #f7fafa }



.outer-product .elok-prd {
    padding: 20px;
    border-radius: 10px;    margin: 0px 10px; width: 31.7%; float: left; margin-bottom: 30px;
}
.outer-product .elok-prd-img{    margin-bottom: 20px;}


.detials{ padding: 100px 0px;  }
.detials-left{ width: 50%; float: left }
.detials-right{ width: 50%; float: right; padding-left: 30px}

.detials .elok-ico{ margin-top: 20px; text-align: left   ; 
  }


.elok-disc h5{   color: #000;
    font-weight: 500;font-size: 12px;
    line-height: 24px;


}

.detials #slider .owl-item{ border: solid 1px #ecf2f2; border-radius:  10px;overflow: hidden}
.detials #thumb .owl-item{ border: solid 1px #ecf2f2; border-radius:  6px;overflow: hidden}


.outer-product .blog-box{ margin: 0px 0.8%; width: 31.6%; margin-bottom: 50px }


.blog-box{}


.abt-elok-sent{background: rgb(2,0,36);
background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(77,217,178,0.8015581232492998) 0%, rgba(77,217,178,0.8015581232492998) 100%); border-radius: 10px 100px 100px 10px; width: 80%; }

.elok-testi-image{ width: 170px; margin: 0 auto; margin-bottom: 30px;}
.cuma-top{ position: absolute; top: 0px; left: 0px; width: 330px; }
.cuma-bottom{ position: absolute; bottom: 0px; right: 0px; width: 330px;}



.abt-sec{ padding: 50px 0px; }


#cntct-map {
    margin-top: 0px;
    position: relative;
    height: 600px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.access-rightop h3 a{ color: #026a75 }
.access-rightop h3 a:hover{ color: #51dab4 }
.cont-info{ background: #026a75; padding: 20px; padding-bottom: 10px }

.info-cntr-left{ float: left; width: 30px;  }
.info-cntr-left i{ font-size: 30px; color: #fff }



.info-cntr-right{ float: right;  width: calc(100% - 35px); font-size: 24px; color: #fff; line-height: 30px;padding-top: 0px;}

.info-cntr{ margin-bottom: 20px;  }

.form-elok{ background: #51dab4; margin-top: 15px; padding: 20px; border-radius:6px;  }
.form-elok h3{ color: #fff; font-size: 22px; font-weight: 500 }



.form-elok-left{ float: left; width: 50%; margin-top: 20px; padding-right: 4px; }
.form-elok-right{ float: right; width: 50%; margin-top: 20px; padding-left: 4px;  }

.form-elok input{ width: 100%; border: none; padding: 15px 10px; margin-bottom: 8px; border-radius:  6px; background: #a8edda; color: #004733; font-size: 18px;  font-family: "DM Sans", sans-serif;}
.form-elok textarea{ width: 100%; border: none; padding: 15px 10px; margin-bottom: 8px; border-radius:  6px; background: #a8edda; color: #004733; font-size: 18px;  font-family: "DM Sans", sans-serif;}





::-ms-input-placeholder { /* Edge 12-18 */
  color: #004733;
}

::placeholder {
  color: #004733;
}

.form-elok button{ border: none; background: #026a75; color: #fff; padding: 20px 30px; padding-left: 20px; font-size: 20px; border-radius:6px 50px 50px 6px; font-weight: 500; cursor: pointer}
.form-elok button:hover{background: #eb9c35; color: #634000}

.bulk ul{ list-style: none; margin: 15px 0px;}

.bulk ul li{ font-size: 14px; padding: 2px; color: #676767; line-height: 20px;}
.bulk ul li b{ font-size: 14px; color: #000}
.dotbulk{ margin-left: 5px; margin-bottom: 5px; }
.dotbulk ul{ list-style: inside; color: #676767}

.dotbulk ul li{
    font-size: 14px;
    padding: 2px 0px;
    line-height: 20px;}

.detials .elok-ico img{       width: 20px;
    margin-top: 20px;
    height: 20px; }
.elok-ico img{width: 20px!important; margin: 0 auto;
    margin-top: 8px;
    height: 20px;}


.slide__content h5{    font-size: 20px;
    font-weight: 300;    opacity: 0.9;
    margin: 0px;}
.slide__content h5 b{     font-weight: 700;display: contents; }


.accessss h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    padding-top: 0%;
    margin-bottom: 20px;
    color: #000;
}

.accessss h5 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    padding-top: 0%;
    margin-bottom: 20px;
    color: #000;
}



.detials .elok-disc h1{ margin-top: 0px;    font-size: 24px;    padding-bottom: 15px;}
.detials .elok-disc h5 {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
}


.detials .elok-ico img {
    width: 20px !important;
    height: 20px !important;
    margin: 0 auto;
    margin-top: 10px;
    height: 20px;
}



.detials .elok-disc h1 {

    -webkit-line-clamp: 100;

}


.whtas { margin-top: 15px; margin-bottom: 15px; }

.dev {
  max-width: 64rem;
  margin: 0 auto;
}

.wab-button {
  --wab-background: hsla(129, 62%, 44%,1);
  --wab-background-focus: hsla(129, 62%, 50%,1);
  --wab-color: white;
}

.wab-icon {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
}
.wab-icon__image {
  width: 90px;
  height: 89px;
}

.wab-button {
  background-color: var(--wab-background);
  color: var(--wab-color);
  border: none;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25em;
  cursor: pointer;
}
.wab-button:hover, .wab-button:focus-within {
  background-color: var(--wab-background-focus);
}