body{
   font-family: Myriad Pro;
   color: #313131;
   font-size: 16px;
   line-height: 20px;
   font-weight: 400;
}

.home-banner {
   background-image: url(/build/img/home-new/homepage-hero.jpg);
   height: 707px;
   color: #fff;
}

.hero-caption {
   color: #fff;
}

.hero {
   height: 707px;
   padding-top: 90px;
   margin-bottom: 0;
}

.nourianz-img button[aria-expanded="true"], 
.poteligeo-img button[aria-expanded="true"], 
.crysvita-img button[aria-expanded="true"] {
   opacity: 1;
}

.nourianz-img button[aria-expanded="false"], 
.poteligeo-img button[aria-expanded="false"], 
.crysvita-img button[aria-expanded="false"] {
   opacity: 0.54;
}

.kkc-product-card {
   display: none;
}

.kkc-product-card.show {
   display: block;
}

body .homepage-heading {
   font-size: 58px !important;
   line-height: 60px !important;
   font-weight: 600 !important;
   margin-bottom: 30px;
}

.homepage-sub-heading {
   font-size: 24px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
}

.kkc-products {
   display: flex;
   justify-content: space-around;
   align-items: center;
   background-color: #fafafa;
   border-radius: 69px;
   padding: 25px 0;
   margin: 50px 0 130px;
}


.hero > .container {
   padding-bottom: 250px;
}

div#kkcProductsAccordion {
   margin-top: -250px;
   margin-bottom: 75px;
}

.kkc-products img {
   height: 87px;
   width: 200px;
   object-fit: contain;
}

.imp-text {
   font-size: 16px!important;
   line-height: 26px !important;
   font-weight: 400!important;
   font-style: italic;
}

.hero .option-heading {
   font-size: 25px;
   line-height: 26px;
   font-weight: 700;
}

.hero-bottom-caption {
   text-align: right;
   position: absolute;
   bottom: 24px;
   width: 100%;
}

.hero-bottom-caption p {
   margin-bottom: 0px !important;
   color: #ffffff;
}

.hero {
   position: relative;
}

.hero-bottom-caption p {
   padding: 0 20px;
}

.home-video-container .homepage-heading {
   color: #464E57;
   margin-bottom: 15px;
}

.home-video-container {
   margin-bottom: 6px;
}

.crysvita-card-img {
   border-left: 20px solid #00b4db;
}

.nourianz-card-img {
   border-left: 20px solid #D30090;
}

.poteligeo-card-img {
   border-left: 20px solid #71C51D;
   object-position: 75%;
}

.crysvita-card, .nourianz-card, .poteligeo-card {
   box-shadow: 5px 5px 10px #00000040;
   height: 498px;
}

.crysvita-card .hero-cta a.btn-block:hover {
   background-color: #2A5A86;
   color: #ffffff !important;
}

.nourianz-card .hero-cta a.btn-block:hover {
   background-color: #D30090;
   color: #ffffff !important;
}

.poteligeo-card .hero-cta a.btn-block:hover {
   background-color: #71C51D;
   color: #ffffff !important;
}

.hero-block-img > img {
   max-width: 229px;
   height: 179px;
   object-fit: contain;
   padding: 25px 0;
}

.hero-block-home {
   width: 100%;
}

.hero-block-body {
   padding: 0 50px 45px;
}

.hero-block-img {
   /* padding: 35px 0 55px 0; */
   padding: 0 0 10px 0;
   height: auto;
}

.hero-cta .btn-block {
   border-radius: 36px;
    padding: 0;
    display: flex;
    width: 263px;
    height: 72px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
}

.crysvita-card .hero-cta .btn-block {
   border: 2px solid #2A5A86;
   color: #2A5A86;
}

.nourianz-card .hero-cta .btn-block {
   border: 2px solid #D30090;
   color: #D30090;
}

.poteligeo-card .hero-cta .btn-block {
   border: 2px solid #71C51D;
   color: #71C51D;
}

.crysvita-card-img,
.nourianz-card-img, 
.poteligeo-card-img {
   width: 511px;
   object-fit: cover;
   height: 100%;
}

.hero-cta a {
   font-size: 15px;
}

.hero-block-body > .hero-cta {
   margin-bottom: 45px;
}

.hero-cta .btn-link {
   color: #000000;
}

.card-img-div {
   position: relative;
   width: 100%;
}

.card-img-div .caption-txt {
   position: absolute;
   bottom: 19px;
   right: 9px;
   color: #fff;
   font-size: 18px;
   line-height: 26px;
}

/* .crysvita-section {
   margin-bottom: 75px;
} */

ul.navigation-list li a {
   font-size: 12px;
   line-height: 16px;
   color: #5D6164;
}

.footer-list {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.footer-list > li:not(:last-child)::after {
   content: '';
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
   width: 5px;
   height: 5px;
   border-radius: 100%;
   background-color: var(--secondary);
}

.footer-list > li {
   position: relative;
}

.footer-list > li:not(:last-child) {
   padding-right: calc(5px + 5px);
   margin-right: 5px;
}

.footer-text {
   font-size: 12px;
   /* line-height: 12px; */
}

.footer-list li a {
   font-size: 12px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
   .crysvita-card-img, .nourianz-card-img, .poteligeo-card-img {
      width: 450px;
   }
  
   .hero-block-body {
      padding: 0 10px;
   }
  
   .crysvita-card, .nourianz-card, .poteligeo-card {
      height: 480px;
   }
}

@media only screen and (max-width: 991px){
   .crysvita-card {
      flex-wrap: wrap;
   }

   .crysvita-card-img {
      width: 100%;
   }

   .hero {
      height: 603px;
   }

   .hero-banner.home-banner {
      height: 603px;
      position: absolute;
      /* margin-bottom: 21px; */
  }
  
  .hero {
      padding-top: 15px;
      /* height: auto; */
  }
  
  /* .hero-caption {
      color: #000;
  } */
  
  .kkc-products {
      flex-wrap: wrap;
      margin-bottom: 10px;
      padding: 0;
      flex-direction: column;
      align-items: flex-start;
      background: none;
      border: none;
      justify-content: left;
  }
  
  .kkc-products > div {
      background-color: #fff !important;
      border-radius: 45px;
      /* box-shadow: 0px 3px 6px #00000029; */
      width: 177px;
      height: 90px;
      margin-bottom: 10px;
   }
  
   .kkc-products > div img {
      width: 100%;
      object-fit: contain;
      padding: 15px;
   }

   .kkc-products > div .btn {
      border: 2px solid;
      background-color: #ffffff;
      border-radius: 45px;
      box-shadow: 0px 3px 6px #00000029;
   }

   div#crysvitaCard .btn {
      border-color: #00B7E0;
   }

   div#nourianzCard .btn {
      border-color: #B80076;
   }

   div#poteligeoCard .btn {
      border-color: #72C522;
   }

   .nourianz-img button[aria-expanded="false"], 
   .poteligeo-img button[aria-expanded="false"], 
   .crysvita-img button[aria-expanded="false"] {
      border-color: transparent !important;
  }

  .crysvita-card-img, .nourianz-card-img, .poteligeo-card-img {
      height: 200px;
      width: 100%;
      border: none;
   }

   .crysvita-card, .nourianz-card, .poteligeo-card {
      flex-wrap: wrap;
      height: auto;
   }

   .crysvita-card {
      border-left: 20px solid #2A5A86;
   }

   .nourianz-card{
      border-left: 20px solid #D30090;
   }
   
   .poteligeo-card {
      border-left: 20px solid #71C51D;
   }

  .card-body .hero-block-img {
      width: 100%;
      justify-content: center;
   }

   div#kkcProductsAccordion {
      margin-top: -300px;
  }

  .hero > .container {
      padding-bottom: 340px;
   }

   .hero-block-body {
      padding: 0 10px;
   }

   .card-body .col-md-10 {
      padding: 0px;
   }

   .homepage-sub-heading {
      font-size: 16px !important;
      line-height: 18px !important;
   }

   body .homepage-heading {
      font-size: 45px !important;
    line-height: 45px !important;
   }

   body .imp-text {
      font-size: 11px !important;
      line-height: 18px !important;
      margin-bottom: 15px !important;
   }

   .hero .option-heading {
      font-size: 22px;
      line-height: 22px;
      margin-bottom: 10px;
   }

   .hero-block-body > .hero-cta:not(:last-child) {
      margin-bottom: 15px;
   }

   .hero-block-home, .hero-block-body {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
   }

   .hero-block-body {
      padding: 35px 0;
   }

   .hero-block-body > .hero-cta {
      margin-bottom: 0px;
   }

   .hero-block-body > .hero-cta .btn-block {
      margin-bottom: 15px;
   }

   .kkc-products {
      margin: 0;
   }
}

@media only screen and (max-width: 767px){
   
   .footer-logo {
      margin: 0;
      width: 293px;
  }
  
  .footer-list-col {
      justify-content: center !important;
  }
  
  .footer-logo-col {
      margin-bottom: 10px;
  }

  .hero-bottom-caption p {
      font-size: 11px;
   }

   .hero-bottom-caption {
      bottom: 13px;
   }

   .card-img-div .caption-txt {
      bottom: 7px;
      right: 7px;
      font-size: 11px;
      line-height: 11px;
   }

   .vjs-poster {
      display: block !important;
   }

   .vjs-has-started .vjs-poster {
      display: none !important;
   }

   .home-video-container .homepage-heading {
      font-size: 22px !important;
      line-height: 22px !important;
      text-align: center;
   }

}

@media only screen and (max-width: 336px){
   body .homepage-heading {
      font-size: 35px !important;
      line-height: 32px !important;
   }
}


/*================= February Updates ====================*/

.card-img-div .caption-txt{
   text-shadow: 1px 1px #000;
}