/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26 Jul, 2021, 9:29:29 AM
    Author     : poornam
*/

.hide {
  display: none;
}

.product-title {
  font-size: 2rem;
  font-weight: bold;
}

.product-sub-title {
  font-size: 1.8rem;
  font-weight: bold;
}

.btn-green {
  background-color: #B2BB1E;
  border-radius: 5px;
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
}

.center-align {
  margin: 0 auto;
  text-align: center;
}

.home-map-section {
  background: url('/sites/default/files/2021-08/LNH_Map_Distributors_New.png')
    no-repeat;
  height: 940px;
  background-position: 50%;
  position: relative;
  background-size: contain;
  background-color: #00325b;
}

.home-map-section h2 {
  color: #fff;
  text-align: center;
  padding-top: 3%;
}

.bdt-loc-distrib {
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: 20%;
}

.bdt-loc-distrib span {
  color: white;
  font-weight: 500;
  font-family: 'gill-sans-nova';
  padding-left: 20%;
}

.location {
  background: url(/sites/default/files/2021-08/Location_Icon.png) no-repeat;
  float: left;
  width: 47%;
}

.distributor {
  background: url(/sites/default/files/2021-08/Distributors.png) no-repeat;
  float: right;
  width: 47%;
}

#map-hover-country,
#map-hover-dist-country {
  width: 200px;
  background: #ffffff;
  color: #666666;
  text-align: center;
  font-size: 1.3rem;
  border-radius: 15px;
}

#map-hover-country b,
#map-hover-dist-country b {
  font-size: 1.3rem;
}

#map-hover-country p,
#map-hover-dist-country p {
  font-size: 1.3rem;
  padding: 3%;
}

/* Distributors in Map */
.map-dist-country {
  position: absolute;
  width: 15px;
  height: 25px;
  /*border: 1px solid red;*/
}

.dist-1 {
  top: 57.2%;
  left: 18.9%;
}

.dist-2 {
  top: 60.5%;
  left: 19.1%;
}

.dist-3 {
  top: 58.5%;
  left: 20.3%;
}

.dist-4 {
  top: 53.5%;
  left: 21.8%;
}

.dist-5 {
  top: 52.8%;
  left: 23.3%;
}

.dist-6 {
  top: 46.5%;
  left: 23.8%;
}

.dist-7 {
  top: 46.7%;
  left: 26.7%;
}

.dist-8 {
  top: 79.5%;
  left: 34.4%;
}

/* Middle side Distributors */
.dist-9 {
  top: 55.5%;
  left: 44%;
}

.dist-10 {
  top: 63.5%;
  left: 47.3%;
}

.dist-11 {
  top: 67.7%;
  left: 48.2%;
}

.dist-12 {
  top: 61.5%;
  left: 47.9%;
}

.dist-13 {
  top: 75.8%;
  left: 49.8%;
}

.dist-14 {
  top: 68.5%;
  left: 50.8%;
}

.dist-15 {
  top: 55.5%;
  left: 50.5%;
}

.dist-16 {
  top: 42%;
  left: 50.7%;
}

/* Right side Distributors */
.dist-17 {
  top: 41%;
  left: 64.7%;
}

.dist-18 {
  top: 46%;
  left: 65.4%;
}

.dist-19 {
  top: 39%;
  left: 66.1%;
}

.dist-20 {
  top: 44%;
  left: 66.3%;
}

.dist-21 {
  top: 39%;
  left: 66.7%;
}

.dist-22 {
  top: 37%;
  left: 67.1%;
}

.dist-23 {
  top: 48.1%;
  left: 68.1%;
}

.dist-24 {
  top: 37.6%;
  left: 68.3%;
}

.dist-25 {
  top: 75.3%;
  left: 68.8%;
}

.dist-26 {
  top: 47.8%;
  left: 69.8%;
}

.dist-27 {
  top: 51.3%;
  left: 71.9%;
}

.dist-28 {
  top: 53%;
  left: 72.3%;
}

.dist-29 {
  top: 50%;
  left: 72.3%;
}

.dist-30 {
  top: 50.4%;
  left: 73%;
}

.dist-31 {
  top: 54.4%;
  left: 73.6%;
}

.dist-32 {
  top: 52.8%;
  left: 75.6%;
}

.dist-33 {
  top: 52.8%;
  left: 76.2%;
}

.dist-34 {
  top: 53.4%;
  left: 76.8%;
}

.dist-35 {
  top: 52.8%;
  left: 77.6%;
}

.dist-36 {
  top: 55.4%;
  left: 81.1%;
}

/* Locations in Map */
.map-country {
  position: absolute;
  width: 25px;
  height: 40px;
  /*border: 1px solid red;*/
}

.map-country:hover,
.map-dist-country:hover {
  cursor: pointer;
}

.middle-country-1 {
  top: 47.5%;
  left: 39.5%;
}

.middle-country-2 {
  top: 39.4%;
  left: 39%;
}

.middle-country-3 {
  top: 39.6%;
  left: 41%;
}

.middle-country-4 {
  top: 49%;
  left: 45%;
}

.middle-country-5 {
  top: 43.4%;
  left: 46.2%;
}

.middle-country-6 {
  top: 49%;
  left: 46.7%;
}

.middle-country-7 {
  top: 43.4%;
  left: 47.4%;
}

.middle-country-8 {
  top: 47.5%;
  left: 48%;
}

.middle-country-9 {
  top: 45%;
  left: 48.3%;
}

.middle-country-10 {
  top: 43.7%;
  left: 49.5%;
}

.middle-country-12 {
  top: 54%;
  left: 43%;
}

.middle-country-13 {
  top: 59.5%;
  left: 48.2%;
}

.middle-country-14 {
  /*16 in map */
  top: 40.2%;
  left: 47.4%;
}

.right-country-1 {
  /*11 in map */
  top: 41.5%;
  left: 68%;
}

.right-country-2 {
  /*14 in map */
  top: 41%;
  left: 65.8%;
}

.right-country-3 {
  /*17 in map */
  top: 43.3%;
  left: 67.1%;
}

.right-country-4 {
  /*15 in map */
  top: 50.8%;
  left: 81.2%;
}

.infodata-carousel-section {
  background: url('../images/savingliveshome.jpg') no-repeat;
/*  padding: 3% 0;*/
  background-size: cover;
  background-position: 50%;
  text-align: center;
}

.infodata-carousel-section p,
.infodata-carousel-section .views-field-field-title,
.infodata-carousel-section .views-field-field-title-plus {
  color: #ffffff;
  font-size: 2.9rem;
  text-transform: uppercase;
}

.infodata-carousel-section p:first-of-type {
  padding: 2%;
  font-size: 4.5rem;
  font-weight: 500;
  font-family: 'gill-sans-nova';
}

.infodata-carousel-section .views-field-body p {
  font-size: 2.9rem;
  font-weight: 400;
}

.views-field-field-title .field-content,
.views-field-field-title-plus .field-content {
  color: #ffffff !important;
  font-size: 7rem;
}

.infodata-carousel-section .views-field-field-title,
.infodata-carousel-section .views-field-field-title-plus {
  font-size: 3.6rem;
}

.infodata-carousel-section .views-field-field-title-plus em {
  position: absolute;
  top: -0.5em;
}

.infodata-carousel-section h2 {
  display: inline;
  font-weight: normal;
}

.infodata-carousel-section .slick-list {
  padding-top: 4%;
}

ul.slick-dots {
  margin: 0 auto;
  width: 20%;
  padding-left: 0;
}

ul.slick-dots li:marker {
  display: none;
}

ul.slick-dots li {
  background: url('/sites/default/files/2021-08/Circle_Button_2.png') no-repeat;
  display: inline-block;
  margin: 0 5%;
  background-size: contain !important;
}

ul.slick-dots li button {
  visibility: hidden;
}

.infodata-carousel-section .slick-dots li.slick-active {
  background: url('/sites/default/files/2021-08/Circle_Button_1.png') no-repeat;
}

.infodata-carousel-section div.slide__description:last-of-type {
  border-right: unset;
}

.infodata-carousel-section div.slide__description:first-of-type {
  border-left: unset;
}

@media (min-width: 592px) {
  .infodata-carousel-section .slide__caption {
    border-right: 1px solid #ffffff;
  }
}

.home-banner-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-banner-section .views-field-body-1 .field-content p {
  padding-left: 20%;
  width: 50%;
}

.home-banner-section .views-field-body-1 .field-content h1 {
  padding-left: 20%;
}

.home-banner-section .views-field-body-1 .field-content h1 span {
  display: block;
}

tr td,
tr th {
  border: none;
}

.home-banner-section-3 table {
  width: calc(62vw);
  margin: 0 auto;
  border: 1px solid #ffffff;
  border-radius: 20px;
  height: 120px;
  margin-top: -8%;
  position: relative;
  border-collapse: unset;
  z-index: 1;
}

.home-banner-section-3 table td:hover {
  background-color: #a2ad00 !important;
  cursor: pointer;
}

.home-banner-section-3 table td {
  background: linear-gradient(
    349.59deg,
    rgba(235, 235, 235, 0.5) 0.92%,
    rgba(158, 158, 158, 0) 159.44%
  );
  backdrop-filter: blur(
    28px
  ); /* Note: backdrop-filter has minimal browser support */
}

.home-banner-section-3 table td:first-of-type {
  border-right: 1px solid #ffffff;
  background: linear-gradient(
    349.59deg,
    rgba(235, 235, 235, 0.5) 0.92%,
    rgba(158, 158, 158, 0) 159.44%
  );
  backdrop-filter: blur(
    28px
  ); /* Note: backdrop-filter has minimal browser support */
  border-radius: 20px 0 0 20px;
}

.home-banner-section-3 table td:last-of-type {
  border-left: 1px solid #ffffff;
  background: linear-gradient(
    349.59deg,
    rgba(235, 235, 235, 0.5) 0.92%,
    rgba(158, 158, 158, 0) 159.44%
  );
  backdrop-filter: blur(
    28px
  ); /* Note: backdrop-filter has minimal browser support */
  border-radius: 0 20px 20px 0;
}

.home-banner-section-3 table td div a {
  text-decoration: none;
  display: block;
}

.home-banner-section-3 table td div,
.home-banner-section-3 table td:hover div {
  position: relative;
  float: left;
}

.home-banner-section-3 table td img {
  width: 70px;
  height: 70px;
  vertical-align: middle;
}

.home-banner-section-3 table span,
.home-banner-section-3 table span font {
  color: #1e1e1e;
  text-align: left;
  font-weight: 500;
  width: 200px;
  word-break: break-word;
  padding-left: 5px;
  display: inline-flex;
  vertical-align: -moz-middle-with-baseline;
  vertical-align: middle;
}

.home-banner-section-3 table td:hover span,
.home-banner-section-3 table td:hover span font {
  color: #ffffff;
}

@-moz-document url-prefix() {
  .home-banner-section-3 table td div a {
    display: inline-block;
  }

  tr {
    background: transparent;
  }
}

.view-home-news .views-field-title {
  min-height: 120px;
}

.view-home-news .views-field-title a {
  min-height: 144px;
}

.view-home-news .views-row {
  padding: 3%;
}

.home-driven-innov {
/*  padding: 1% 0 1% 0;*/
  margin-top: 4%;
}

.home-driven-innov .center-align p {
  margin: 0 auto;
  text-align: center;
  max-width: 1200px;
  padding: 1% 0;
}

.view-home-news .news-grid-row .node--view-mode-teaser {
  border-bottom: none;
}

.view-home-news .news-grid-column .news-grid-row {
  padding: 25px;
  width: 100%;
}

.view-home-news .news-grid-column .news-grid-row:hover {
  background: #dedede;
  padding: 25px;
  border-radius: 12px;
  cursor: pointer;
}

.view-home-news .views-field-field-image img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  border-radius: 16px 16px 0px 0px;
  margin: 0 auto;
}

.view-home-news .views-field-title span a,
.view-home-news .views-field-title a {
  font-size: 2.2rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: 'gill-sans-nova';
  color: #4d3f3f;
}

.view-home-news .views-field-title {
  width: 95%;
  padding-top: 20px;
  line-height: 1.5;
  height: 12rem;
  overflow: hidden;
}
.view-home-news .views-field-body {
  padding-top: 15px;
  line-height: 1.5;
  height: 12rem;
  overflow: hidden;
}

.view-home-news .views-field-uid,
.view-home-news .views-field-field-topic {
  display: none;
}

.view-home-news .views-field-body p,
.view-home-news .views-field-body p em,
.view-home-news .views-field-body p a {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.view-home-news .views-field-field-topic {
  line-height: 1.5;
  height: 3rem;
  overflow: hidden;
  margin-bottom: 2rem !important;
}

.view-home-news .views-field-field-topic .field-content,
.view-home-news .views-field-uid .field-content,
.view-home-news .views-field-field-topic .field-content a {
  font-weight: 500;
  font-size: 1.6rem;
}

.home-product-franchise {
  margin: 0 auto;
  text-align: center;
  max-width: 1200px;
/*  padding: 3% 0;*/
  padding-top: 3rem;
}

.home-product-franchise .views-field-field-product-franchise-image img {
  border-radius: 100px;
  border: 1px solid black;
}

.home-product-franchise .views-field-title a {
  text-decoration: none;
  color: #666666;
}

.home-product-franchise .views-field-title a:hover {
  color: #a2ad00;
}

.home-product-franchise .views-view-grid .views-row {
  padding: 4% 0;
}

.home-product-franchise .views-field-field-product-franchise-image {
  z-index: 1;
}

.views-field-field-product-franchise-image a {
  display: block;
}

.home-product-franchise .bdt--view-column img {
  width: 100%;
  height: 100%;
  max-width: 150px;
  max-height: 150px;
}

.home-product-franchise .bdt--product-franchise-hover {
  display: none;
}
.home-product-franchise .bdt--view-column:hover .bdt--product-franchise-hover {
  display: block;
}

.home-product-franchise .bdt--view-column:hover .bdt--product-franchise {
  display: none;
}
.home-product-franchise .views-field-field-product-franchise-image:hover img {
  visibility: hidden;
}

.home-product-franchise .views-col:hover a {
  color: #a2ad00;
}

.site-footer {
  margin-top: 0;
}

.eu-cookie-compliance-more-button {
  font-size: 1.2rem;
}

@media screen and (min-width: 1601px) {
  .home-banner-section-3 table td div,
  .home-banner-section-3 table td:hover div {
    left: 12%;
  }

  .home-banner-section-3 table span,
  .home-banner-section-3 table span font {
    width: 205px;
  }
}

@media screen and (min-width: 1601px) and (max-width: 1800px) {
  .home-banner-section-3 table {
    margin-top: -9%;
  }

  .map-country {
    width: 22px;
    height: 30px;
  }

  .middle-country-1 {
    left: 38.1%;
  }

  .middle-country-2 {
    left: 38%;
  }

  .middle-country-3 {
    left: 40%;
  }

  .middle-country-4 {
    left: 44.5%;
  }

  .middle-country-5 {
    top: 43.4%;
    left: 45.7%;
  }

  .middle-country-6 {
    left: 46.2%;
  }

  .middle-country-7 {
    left: 46.9%;
  }

  .middle-country-8 {
    left: 47.5%;
  }

  .middle-country-9 {
    left: 48.5%;
  }

  .middle-country-10 {
    left: 49.3%;
  }

  .middle-country-12 {
    left: 42%;
  }

  .middle-country-13 {
    left: 48%;
  }

  .middle-country-14 {
    /*16 in map */
    left: 46.9%;
  }

  .right-country-1 {
    /*11 in map */
    left: 70%;
  }

  .right-country-2 {
    /*14 in map */
    left: 67.5%;
  }

  .right-country-3 {
    /*17 in map */
    left: 68.8%;
  }

  .right-country-4 {
    /*15 in map */
    left: 84.7%;
  }

  /* Distributors */
  .dist-1 {
    left: 15.3%;
  }

  .dist-2 {
    left: 15.8%;
  }

  .dist-3 {
    left: 16.7%;
  }

  .dist-4 {
    left: 18.6%;
  }

  .dist-5 {
    left: 20.2%;
  }

  .dist-6 {
    left: 20.9%;
  }

  .dist-7 {
    top: 46.7%;
    left: 24%;
  }

  .dist-8 {
    /*top: 79%;*/
    top: 78%;
    left: 32.5%;
  }

  /* Middle side Distributors */
  .dist-9 {
    left: 43%;
  }

  .dist-10 {
    left: 47%;
  }

  .dist-11 {
    left: 48%;
  }

  .dist-13 {
    /*top: 75.2%;*/
    top: 74.2%;
  }

  .dist-14 {
    top: 68%;
  }

  /* Right side Distributors */
  .dist-17 {
    top: 41.3%;
    left: 66.3%;
  }

  .dist-18 {
    left: 67%;
  }

  .dist-19 {
    top: 39.4%;
    left: 67.9%;
  }

  .dist-20 {
    left: 68%;
  }

  .dist-21 {
    left: 68.7%;
  }

  .dist-22 {
    left: 69.1%;
  }

  .dist-23 {
    left: 70.1%;
  }

  .dist-24 {
    left: 70.3%;
  }

  .dist-25 {
    /*top: 75%;*/
    top: 74%;
    left: 71%;
  }

  .dist-26 {
    left: 72%;
  }

  .dist-27 {
    left: 74.5%;
  }

  .dist-28 {
    left: 74.8%;
  }

  .dist-29 {
    top: 49.7%;
    left: 74.8%;
  }

  .dist-30 {
    left: 75.6%;
  }

  .dist-31 {
    left: 76.2%;
  }

  .dist-32 {
    left: 78.4%;
  }

  .dist-33 {
    left: 79.1%;
  }

  .dist-34 {
    left: 79.8%;
  }

  .dist-35 {
    left: 80.6%;
  }

  .dist-36 {
    left: 84.5%;
  }
}

@media screen and (min-width: 1536px) and (max-width: 1600px) {
  .home-map-section {
    height: 750px;
  }

  .map-country {
    width: 20px;
    height: 28px;
  }

  .home-banner-section-3 table {
    margin-top: -10%;
  }

  .bdt-loc-distrib {
    width: 30%;
  }

  .bdt-loc-distrib span {
    padding-left: 15%;
  }
}

@media screen and (max-width: 1535px) {
  .home-map-section {
    height: 710px;
  }

  .map-country {
    width: 20px;
    height: 28px;
  }

  .home-banner-section-3 table {
    margin-top: -10%;
  }

  .bdt-loc-distrib span {
    padding-left: 20%;
  }

  .bdt-loc-distrib {
    width: 30%;
  }

  .home-banner-section-3 table td div span {
    font-size: 2rem;
  }

  .home-banner-section-3 table span,
  .home-banner-section-3 table span font {
    width: 150px;
  }
}

@media screen and (max-width: 1366px) {
  .home-banner-section-3 table {
    /*margin-top: -11%;*/
    margin-top: -15vh;
  }

  .home-map-section {
    height: 675px;
  }

  .home-banner-section-3 table td div span {
    font-size: 2rem;
  }

  .home-banner-section-3 table {
    height: 70px;
  }

  .home-banner-section-3 table span,
  .home-banner-section-3 table span font {
    width: 150px;
  }

  .bdt-loc-distrib span {
    padding-left: 20%;
  }
}

@media screen and (max-width: 1200px) {
  .home-banner-section-3 table td div span {
    font-size: 1.4rem;
  }

  .home-banner-section-3 table span,
  .home-banner-section-3 table span font {
    width: 105px;
  }

  .home-banner-section-3 table td img {
    width: 50px;
    height: 50px;
  }
}

/* ipad resolution start */

@media screen and (max-width: 768px) {
  .home-map-section {
    height: 390px;
  }

  .home-banner-section .slide--1,
  .home-banner-section .slide--0 {
    background-size: cover;
    /*height: 430px;*/
  }

  .home-banner-section .views-field-body-1 .field-content p {
    width: 58%;
  }

  .bdt-news-list,
  .home-driven-innov,
  .home-product-franchise {
    width: 90%;
    margin: auto;
  }

  .view-home-news .views-field-title {
    height: auto;
    min-height: unset !important;
  }

  .view-home-news .views-field-body p,
  .view-home-news .views-field-body p em,
  .view-home-news .views-field-body p a {
    font-size: small;
  }
  .view-home-news .views-field-title span a,
  .view-home-news .views-field-title a {
    font-size: medium;
  }

  .view-home-news .views-field-title a {
    min-height: unset !important;
  }
  .infodata-carousel-section p:first-of-type {
    font-size: 2.3rem;
    padding: 0;
  }

  .infodata-carousel-section h2 {
    font-size: 3rem !important;
  }

  .views-field-field-title-plus .field-content {
    font-size: 3rem !important;
  }

  .infodata-carousel-section .slide__caption {
    padding: 0 2%;
  }

  ul.slick-dots {
    width: 100%;
  }

  ul.slick-dots li {
    margin: 0 3%;
  }

  .infodata-carousel-section p,
  .infodata-carousel-section .views-field-field-title,
  .infodata-carousel-section {
    font-size: 1.4rem;
  }

  .home-banner-section-3 table {
    height: 70px;
    margin-top: -6em;
  }

  .home-banner-section-3 table td img {
    width: 40px;
    height: 40px;
  }

  .home-banner-section .slick-prev,
  .home-banner-section .slick-next {
    width: 40px;
    height: 60px;
    background-position: center;
  }

  .home-banner-section-3 table td div span,
  .home-banner-section-3 table td div span font {
    width: 92px;
    font-size: 1.3rem;
  }

  .bdt-loc-distrib span {
    padding-left: 30%;
  }

  .home-product-franchise h2 {
    margin-top: 2.2rem;
  }
}
/* iPad resolution end */

/* Mobile resolution start */

@media screen and (max-width: 767px) {
  .header #navbar-main .navbar-brand {
    width: 70%;
  }

  .home-banner-section .views-field-body-1 .field-content p {
    width: 80%;
  }

  .home-driven-innov .block.block-field-blocknodepagebody {
    margin-top: 0 !important;
  }

  .views-view-grid .views-col {
    float: left;
    width: 100% !important;
  }

  .view-home-news .news-grid-column .news-grid-row {
    width: 100%;
  }

  .view-home-news .views-row,
  .view-home-news .news-grid-column .news-grid-row {
    padding: 10px;
  }

  .view-id-home_product_franchise .views-view-grid .views-col {
    width: 45% !important;
    margin: 3% 0%;
  }

  .view-home-news .news-grid-column .news-grid-row:hover {
    margin-bottom: 10px;
    padding: 10px;
  }

  .infodata-carousel-section p:first-of-type {
    font-size: 1.5rem;
  }

  .infodata-carousel-section {
    padding: 5%;
  }

  .infodata-carousel-section .views-field-field-title-plus {
    position: relative;
  }

  .infodata-carousel-section .views-field-field-title-plus em {
    right: -7px;
  }

  .home-banner-section-3 table td {
    display: block;
  }

  .home-banner-section-3 table {
    display: none !important;
  }

  .home-product-franchise .views-field-field-product-franchise-image img {
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 150px;
  }

  .home-map-section {
    display: none;
  }
}
/* Mobile resolution end */

/** Ajith's Fixes 
* Had to use !important since it was difficult to eliminate the change in multiple lines 
**/

.path-frontpage .home-banner-section-3 {
  position: absolute;
  width: 100%;
  top: 100vh;
  opacity: 0;
  transition: opacity, top 0.55s ease-in-out;
}
.path-frontpage .home-banner-section-3 > table {
  margin-top: 0;
}
.path-frontpage .home-driven-innov {
  margin-top: 0;
}

@media (min-width: 769px) and (max-width: 843px) {
  .path-frontpage .home-banner-section-3 table td img {
    width: 40px;
    height: 40px;
  }
  .path-frontpage .home-banner-section-3 table td div span {
    font-size: 1.3rem;
    width: 92px;
  }
}

@media screen and (max-height: 580px) {
  .path-frontpage .home-banner-section-3 {
    display: none;
  }
}

@media screen and (max-height: 726px) and (min-width: 767px) {
  .bdt-home-banner
    .slick.slick--view--home-page-banner-v2
    .slick-slider
    .home-banner-slide
    .home-banner-inner {
    height: calc(100% - 100px);
  }
}