body {
    margin: 0px;
    padding: 0px;
    font-family: "Raleway", sans-serif;
    text-decoration: none;
    overflow: scroll;
    /* overflow-y: hidden; */
  }
  /* Scrollbar Styling */
  ::-webkit-scrollbar {
    width: 15px;
  }
  
  ::-webkit-scrollbar-track {
    background-color: #e9ecf2;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
  
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #ccc;
  }
  ::-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;
  }
  
  ::placeholder {
    color: #000;
    opacity: 1;
    /* Firefox */
  }
  
  ::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #000;
  }
  
  .awards {
    margin-top: 30px;
  }
  .awards img {
    transition: transform 0.3s ease;
  }
  .awards img:hover {
    transform: scale(1.1);
  }
  
  .aw-lft-1 {
    float: left;
    width: 200px;
  }
  
  .aw-lft-2 {
    float: left;
    width: 180px;
    margin-left: 40px;
  }
  
  .aw-lft-3 {
    float: left;
    width: 180px;
    margin-left: 40px;
  }
  
  .aw-lft-4 {
    float: left;
    width: 210px;
    margin-left: 40px;
  }
  
  .dvdr {
    background: #0088dd;
    width: 460px;
    height: 4px;
    margin: 10px 0px 20px 0px;
  }
  
  .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;
  }
  
  /*
  .progress-title {
      font-size: 16px;
      font-weight: 700;
      color: #000;
      margin: 0 0 10px 0;
  }
  
  .progress {
      height: 20px;
      line-height: 15px;
      border-radius: 5px;
      background: #f0f0f0;
      margin-bottom: 30px;
      box-shadow: none;
      overflow: visible;
  }
  
  .progress-bar {
      position: relative;
      border-radius: 0;
      opacity: 0;
  }
  
  .progress .progress-value {
      display: block;
      font-size: 13px;
      color: #fff;
      position: absolute;
      top: 0;
      right: 8px;
  }
  
  @-webkit-keyframes animate-positive {
      0% {
          width: 0%;
      }
  }
  
  @keyframes animate-positive {
      0% {
          width: 0%;
      }
  }
  */
  
  #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: 20px;
  }
  
  .live-left {
    float: left;
    width: 200px;
  }
  
  .live-left h3 {
    font-size: 26px;
    font-weight: 500;
  }
  
  .live-left h5 {
    font-size: 15px;
    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: 2 !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-family: "Raleway", sans-serif;
    font-weight: 500;
    padding: 22px 20px;
    border-radius: 10px;
    border: solid 1px #cacaca;
    margin-top: 0;
  }
  
  #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 ,.short-left h1{
    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: 62px;
    width: 120px;
  }
  .wid155 {
    width: 155px;
  }
  .read a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    color: white;
    display: block;
    position: absolute;
    margin-top: 20px;
  }
  
  .read a i {
    font-size: 36px;
    position: relative;
    top: 8px;
    left: 0px;
    color: #cc0066;
  }
  
  .read a:hover {
    color: #cc0066;
    border-bottom: dotted 2px #cc0066;
  }
  
  /*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;
  }
  .abt-hgs .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 {
    background: #f0f0f0;
    padding: 100px 0px;
  }
  
  .careeer-contant {
    text-align: center;
  }
  
  .careeer-contant h3 {
    font-size: 36px;
    line-height: 62px;
    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: 30%;
    float: left;
    background: #fff;
    color: #666666;
    margin-right: 5%;
    border: solid 1px #cccccc;
    border-radius: 10px;
  }
  .blog-box:hover {
    background-image: linear-gradient(
      to right,
      #0099ff,
      #0e7dd7,
      #0e63af,
      #084a8a,
      #003366
    );
    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 #cccccc;
    background: #fff;
    border-radius: 10px;
  }
  .blog-box-right:hover {
    background-image: linear-gradient(
      to right,
      #0099ff,
      #0e7dd7,
      #0e63af,
      #084a8a,
      #003366
    );
    color: #fff;
  }
  
  .blog-img {
    overflow: hidden;
    border-radius: 8px 8px 0px 0px;
  }
  
  .blog-img img {
    width: 100%;
    overflow: hidden;
  }
  
  .blog-txt {
    padding: 20px;
  }
  
  .blog-txt p {
    font-size: 20px;
  
    line-height: 30px;
    font-weight: 500;
  }
  .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%;
  }

  body.home-canada .resource-right{
    margin-top: 0px;
  }

  body.home-canada .resource-right h3{
    line-height: 1;
  }


  body.bpm-jobs-3-bpm-jobs .resource-right{
    margin-top: 0px;
  }

  body.bpm-jobs-3-bpm-jobs.resource-right h3{
    line-height: 1;
  }

  
  
  .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: #000021;
    background: linear-gradient(to top, #000021 0%, #000000 80%);
  
    padding: 70px 0px;
    padding-bottom: 50px;
  }
  
  .footer-bottom {
    background: #000006;
    padding: 20px 0px;
  }
  
  .footer-bottom h6 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
  }
  
  .footer-top h5 {
    color: #fff;
    font-size: 17px;
    line-height: 33px;
    font-weight: 400;
  }
  
  .footer-top h4 {
    color: #fff;
    font-size: 17px;
    line-height: 36px;
    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: #0088dd;
  }
  
  .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: #0088dd;
    width: 40%;
    height: 4px;
    margin: 20px 0px 30px 0px;
  }
  
  .social-ico {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #fff;
    color: #00000b;
    text-align: center;
    float: left;
    margin-right: 10px;
  }
  
  .social-ico i {
    line-height: 40px;
    font-size: 22px;
  }
  
  .social-ico:hover {
    background: #cc0066;
    color: #fff;
  }
  
  .social-ico a {
    color: #00000b;
  }
  
  .social-ico a:hover {
    color: #fff;
  }
  
  /*About HGS*/
  #abt {
    position: relative;
    background: #0088dd;
  }
  
  .abt-left {
    width: calc(50% - 0rem) !important;
    float: left;
  }
  
  .abt-right {
    width: 50%;
    float: right;
    overflow: hidden;
  }
  
  .home-abt-img {
    width: 100%;
    height: 940px;
    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 {
    padding: 50px 80px;
    width: 50%;
  
  }
  
  .abt-hgs h3 {
    font-size: 36px;
    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: 22px;
    color: #fff;
    line-height: 34px;
    font-weight: 300;
  }
  
  .conty-box {
    float: left;
    width: 50%;
    padding: 15px 0px;
  }
  
  .conty {
    padding: 25px 0px;
  }
  
  .conty-box .counteru {
    color: #fff;
    font-size: 60px;
    float: left;
  }
  
  .conty-box h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
  }
  
  .aditional-cont {
    color: #fff;
    font-size: 60px;
    float: left;
  }
  
  /*Our Global Workforce */
  
  #global {
    background: #e9ecf2;
    padding: 130px 0px;
  }
  
  .global-contant {
    text-align: center;
  }
  
  .global-contant h3 {
    font-size: 36px;
    line-height: 62px;
    font-weight: 700;
    color: #000000;
  }
  
  .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: #fff;
    padding: 100px 0px;
  }
  
  .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 {
    padding: 0 0 5px;
    line-height: 1;
    background-color: #000000;
    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 , .about-left h1{
    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,
      #0099ff,
      #0e7dd7,
      #0e63af,
      #084a8a,
      #003366
    );
    padding: 100px 0px;
  }
  .mission-contant {
    text-align: center;
  }
  
  .mission-contant h3 {
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
    color: #fff;
  }
  
  .mission-contant p {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
  }
  
  #empowering-lives .mission-box {
    margin-bottom: 100px;
  }
  
  .mission-box {
    width: 33.3%;
    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 h2 {
    font-size: 26px;
    line-height: 62px;
    font-weight: 600;
    color: #fff;
  }
  
  .mission-box-content p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    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, .about-left-full h1 {
    font-size: 44px;
    line-height: 62px;
    font-weight: 600;
    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: 200px;
  }
  .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%;
    height: auto;
  }
  .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-contant h3 {
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
    color: #fff;
  }
  
  .mission-contant p {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
  }
  
  .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;
  }
  
  .mission-box-content p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
  }
  #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: 60px;
  }
  .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: 50%;
    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: 30px;
    line-height: 38px;
    font-weight: 700;
    padding-top: 0%;
    margin-bottom: 20px;
    color: #000;
  }
  
  .access-right p {
    font-size: 22px;
    color: #000;
    line-height: 30px;
    font-weight: 300;
  }
  
  .access-leftop {
    float: right;
    width: 50%;
    overflow: hidden;
    border-radius: 10px;
  }
  .access-leftop img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
  }
  .access-leftop img:hover {
    transform: scale(1.1);
  }
  .access-rightop {
    float: left;
    width: 50%;
    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: 30px;
    line-height: 38px;
    font-weight: 700;
    padding-top: 0%;
    margin-bottom: 20px;
    color: #000;
  }
  
  .access-rightop p {
    font-size: 22px;
    color: #000;
    line-height: 30px;
    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: calc(100% - 150px);
  }
  
  .cuma {
    width: 108px;
    float: right;
  }
  .cuma img {
    width: 100%;
  }
  
  .testi-right-right h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    font-style: italic;
    line-height: 34px;
  }
  
  .testi-right-right h6 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    font-style: italic;
    line-height: 34px;
  }
  
  #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;
  }

  #inclusiondei{
    background: #f6f6f6;
     padding: 0px 0px 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%;
    padding: 20px 0px 30px;
    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 {
    display: flex;
    justify-content: center;
    margin: 30px 0;
  }
  .pagination-hgs ul {
    list-style: none;
    margin-left: 1.65%;
    display: inline-flex;
  }
  
  .pagination-hgs ul li a{
    border: solid 1px #cdcdcd;
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: #666666;
    border-radius: 60px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    font-weight: 500;
    margin: 0px 4px;
  }
  
  .pagination-hgs ul li a:hover {
    background: #13a1e6;
    color: #fff;
    border: solid 1px #13a1e6;
  }
  
  .pagination-hgs ul li a.active1 {
    background: #13a1e6;
    color: #fff;
    border: solid 1px #13a1e6;
  }

  /*.pagination-hgs ul li.pager__item--next a, 
  .pagination-hgs ul li.pager__item--last a, 
  .pagination-hgs ul li.pager__item--previous a, 
  .pagination-hgs ul li.pager__item--first a {
    width: 100px;
  }*/
  
  #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: 22px 20px;
    border-radius: 10px;
    border: solid 1px #cacaca;
    margin: 0;
  }
  
  #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: 664px;
    display: flex;
    margin: 30px auto;
    padding: 4px;
    border-radius: 100px;
  }


  .domain-localhost_in #customerhiring .tab-titles{
    width: 830px;

  }

  .domain-localhost_us #customerhiring .tab-titles{
    width: 377px;

  }

  .domain-localhost_ca #customerhiring .tab-titles .tab-hide{
   display: none;

  }

  .domain-localhost_ca #customerhiring .tab-titles{
    width: 377px;

  }

  .domain-localhost_co #customerhiring .tab-titles .tab-hide{
    display: none;
 
   }
 
   .domain-localhost_co #customerhiring .tab-titles{
     width: 377px;
 
   }
 


  .domain-localhost_us #customerhiring .tab-titles .tab-hide{
   display: none;

  }

  .domain-localhost_jm #customerhiring .tab-titles{
    width: 377px;

  }

  .domain-localhost_jm #customerhiring .tab-titles .tab-hide{
    display: none;
 
   }

  .domain-localhost_ph #customerhiring .tab-titles{
    width: 398px;

  }

  .domain-localhost_ph #customerhiring .tab-titles .tab-hide{
    display: none;
 
   }
  
  
  .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%;
    height: auto;
    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: 696px;
  }
  .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 0;
    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;
  }
  
  .applynow {
    position: fixed;
    top: 80vh;
    right: 0px;
    z-index: 2;
  }
  
  .applynow .pink {
    height: 90px;
    width: 20px;
  }
  
  .applybutton a {
    background: #cc0066;
    writing-mode: tb-rl;
    font-size: 16px;
    text-transform: capitalize;
    width: 45px;
    transform: rotate(-180deg);
    color: #fff;
    padding: 20px 15px;
    border-radius: 0px 20px 20px 0px;
  }
  .applybutton a:hover {
    background: #00b0f0;
  }
  
  .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;
  }
  b {
    font-weight: 500;
  }
  
  .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: 50%;
    display: flex;
    align-items: center;
    background: #012a7c;
  }
  
  .recurters-profile img {
    width: 100%;
    height: auto;
    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: 18px;
    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%;
    height: auto;
    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: 42px;
  }
  
  .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%;
    height: auto;
  }
  
  .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;
  }
  
  .access-right h6 {
    font-size: 22px;
    text-align: left;
    color: #000;
    line-height: 34px;
    font-weight: 300;
  }
  .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: calc(100% - 250px);
  }
  
  .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 {
    margin-top: 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 {
    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: 30px;
  }
  #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: inline-flex;
  }
  .menu-tab-blog ul li {
  }
  .menu-tab-blog ul li h2 {
    font-size: 16px;
    background: #fff;
    padding: 20px 16px;
    cursor: pointer;
    color: #333333;
    font-weight: 600;
    border-radius: 45px;
    border: solid 2px #ccc;
    margin: 0px 2px;
    padding-bottom: 18px;
  }
  
  .menu-tab-blog ul h2:hover,
  .menu-tab-blog ul .active {
    color: #fff !important;
    background: #cc0066;
    border: solid 2px #cc0066;
  }
  .menu-tab-blog ul h2:hover a,
  .menu-tab-blog ul h2 a:hover{
    color: #fff !important;
  }

  #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);
  
    -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-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: 24px;
    line-height: 36px;
    font-weight: 700;
    color: #000;
    margin-top: 0;
  }
  #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 .blog-img-podcast img {
    transform: scale(1.2);
  }
  .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 {
    background-size: 140%;
    -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;
  }
  
  .bluebg {
    background-image: url(../images/blog/bg-3.jpg);
    height: 400px;
    border-radius: 10px;
  }
  
  .blog-podcast-container-box:hover .bluebg {
    background-size: 140%;
    -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;
  }
  
  .greenbg {
    background-image: url(../images/blog/bg-2.jpg);
    height: 400px;
    border-radius: 10px;
  }
  
  .blog-podcast-container-box:hover .greenbg {
    background-size: 140%;
    -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-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;
    background: #f1f3f4;
    height: 100px;
    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: #e9ecf2;
    padding: 50px 0px;
  }
  

  .social-ico.twitter-ico{
    background: url(../images/twitter-x-icon.png) #fff no-repeat;
    background-size: 16px 56px;
    background-position: 12px 10px;
  }
  .social-ico.twitter-ico:hover{
    background-color: #cc0066;
    background-position: 12px -27px;
  }
  .social-ico.twitter-ico a{
    display: block;
    width: 40px;
    height: 40px;
  }
  .social-ico.twitter-ico a i{
    display: none;
  }

  .slick-dotted.slick-slider{
    margin-bottom: 50px;
  }

  .slick-dots{
    bottom: -60px;
  }


/*Digital Careers Section July 2025*/
.digital-career-section{
    background: url() top center no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.digital-career-section .career-left-col{
    width: 100%;
}
.digital-career-section .career-left-col h3{
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: #fff;
}
.digital-career-section .career-left-col h4{
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.digital-career-section .career-right-col{
    width: 100%;
    padding-top: 25px;
}
.digital-career-section .career-right-col .apply-btn{width:fit-content;position:relative;border-radius:60px;overflow:hidden !important; transition:all 0.3s ease-in-out;background:#fff;}
.digital-career-section .career-right-col .apply-btn a{padding:10px 35px; display: block; color:#012a7c; font-family: 'Raleway-Bold'; font-size:18px;font-weight:700; text-decoration: none; position: relative; z-index: 9;}
.digital-career-section .career-right-col .apply-btn:hover{border:0px solid #008cdf; color:#fff;}
.digital-career-section .career-right-col .apply-btn:hover a{color: #fff;}
.digital-career-section .career-right-col .apply-btn::before{content:"";width:0%;height:107%;display:block;background:#cc0066;position:absolute;transform:skewX(-20deg);left:-10%;opacity:1;top:0;z-index:2;transition:all 0.7s cubic-bezier(0.77,0,0.175,1);}
.digital-career-section .career-right-col .apply-btn::after{content:"";width:0%;height:107%;display:block;background:#008ade;position:absolute;transform:skewX(-20deg);left:-10%;opacity:0;top:0;z-index:1;transition:all 0.4s cubic-bezier(0.2,0.95,0.57,0.99);}
.digital-career-section .career-right-col .apply-btn:hover::before{opacity:1;width:116%;color:#fff !important;}
.digital-career-section .career-right-col .apply-btn:hover::after{color:#fff !important;opacity:1;width:120%;}

body.body-alert{
        padding-top: 25px;
    }
    .alert-scroll{
        position: absolute;
        background-color: #f00;
        color: #fff;
        top: 0;
        left: 0;
        z-index: 1000;
    }
    .alert-scroll p{
        font-size: 19px;
        line-height: 27px;
        padding: 0 40px 0 0;
        margin: 0;
    }
    .alert-scroll .close-alert{
        position: absolute;
        top: 0;
        right: 15px;
        color: #fff;
    }

    .modal-backdrop{
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0; 
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.4) !important;
        display: none;
        
    }
    .modal-popup{
        z-index: 1050;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        display: none;

    }
    .path-frontpage .modal-popup{
      display: block;
    }

    .path-frontpage .modal-backdrop{
      display: block;
    }
    #scamAlertModal .modal-dialog {
        width: 750px;
        margin: 50px auto;
    }
    #scamAlertModal .modal-content {
        position: relative;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #999;
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        outline: 0;
       
        padding: 50px;
    }
    #scamAlertModal .modal-content .alert-icon{
        font-size: 100px;
        line-height: 1;
        color: #f00;
        margin: 0;
        text-align: center;
    }
    #scamAlertModal .modal-content .alert-title{
        font-size: 24px;
        margin: 10px 0;
        text-align: center;
    }
    #scamAlertModal .modal-content p, #scamAlertModal .modal-content li{
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 15px;
    }
    #scamAlertModal .modal-content .close-popup{
        background-color: #01297a;
        color: #fff;
        text-decoration: none;
        border-radius: 20px;
        padding: 8px 25px;
    }
    #scamAlertModal .modal-content .close-popup:hover{
        background-color: #c06;
    }
    @media (max-width: 992px) {
        .alert-scroll p{
          font-size: 16px;
          line-height: 20px;
        }
}
    @media (max-width: 767px) {
        #scamAlertModal .modal-dialog {
            width: 96%;
            margin: 30px auto;
        }
        #scamAlertModal .modal-content {
            padding: 25px 15px;
        }
        #scamAlertModal .modal-content .alert-icon{
            font-size: 60px;
        }
        #scamAlertModal .modal-content .alert-title{
            font-size: 20px;
        }
    }