.bannerwrap {
  overflow: hidden;
  position: relative;
}

.hero--banner.thin-banner-main-wrapper.module-hero-page-banner .thin-banner-item {
  min-height: 592px;
}

.hero--banner {
  overflow: hidden;
}

.banner-solid-color {
  background-color: #fff;
}

.video--wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.banerleftwrap {
  position: absolute;
  left: -150px;
  top: 0;
  width: 60%;
  bottom: 0;
  border-top-right-radius: 150px;
  overflow: hidden;
  -webkit-transform: skewX(25deg);
      -ms-transform: skewX(25deg);
          transform: skewX(25deg);
  z-index: 1;
}
.banerleftwrap img {
  width: 100%;
  height: 100%;
  -webkit-transform: skewX(-25deg) scale(1.4);
      -ms-transform: skewX(-25deg) scale(1.4);
          transform: skewX(-25deg) scale(1.4);
}
.banerleftwrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(97, 91, 94, 0.7);
  z-index: 1;
}
.banerleftwrap.opa-25::before{
background: rgba(97, 91, 94, 0.25);
}
.banerleftwrap.opa-50::before{
background: rgba(97, 91, 94, 0.50);
}
.banerleftwrap.opa-75::before{
background: rgba(97, 91, 94, 0.75);
}
.banerleftwrap.opa-100::before{
background: rgba(97, 91, 94, 1);
}

.banerleftwrap.blurbg::before {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.banerleftwrap2 {
  position: absolute;
  left: -150px;
  top: 0;
  width: calc(60% + 325px);
  bottom: 0;
  overflow: hidden;
  -webkit-transform: skewX(25deg);
      -ms-transform: skewX(25deg);
          transform: skewX(25deg);
}

/* if it is solid color the layer will be hidden */
.banner-solid-color .banerleftwrap::before {
  background: none;
  display: none;
}

.thin-banner-main-wrapper.module-inner-page-banner .thin-banner-item {
  min-height: 512px;
  position: relative;
  background-color: var(--black-color);
  background-size: cover;
  overflow: hidden;
}
.thin-banner-main-wrapper .thin-banner-item .container-fluid {
  z-index: 11;
}

.banner-center-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.banner-center-cover .banner-content {
  padding-right: 37%;
}
.banner-center-cover .banner-content .banner-title {
  margin-bottom: 16px;
}
.banner-center-cover .banner-content .bnr-content-inn {
  padding-right: 0;
}
.banner-center-cover .banner-content .bnr-content-inn p {
  margin-bottom: 20px;
}
.banner-center-cover .banner-content .bnr-content-inn p:last-child {
  margin-bottom: 0;
}
.banner-center-cover .banner-content .bnr-content-inn a.cta {
  margin-top: 12px;
}
.banner-center-cover .banner-content-var2 .bnr-content-inn p {
  padding-left: 16px;
  border-left: 1px solid var(--white-color);
  font-size:2.2rem;
  line-height:2.8rem;
}
.banner-center-cover.left-white-bg .banner-content-var2 .bnr-content-inn p {
  padding-left: 16px;
  border-left: 1px solid var(--blue);
}


@media (max-width: 1100px) {
  .banner-center-cover .banner-content {
    padding-right: 44%;
  }
  .banner-center-cover .banner-content .h1-large {
    font-size: 4.2rem;
  }
}
@media (max-width: 991.98px) {
  .banner-center-cover .banner-content {
    padding-right: 25%;
  }
  .banner-center-cover .banner-content .h1-large {
    font-size: 4rem;
  }
  .banerleftwrap {
    width: 640px;
    border-top-right-radius: 50px;
  }
  .banner-center-cover .banner-content-var2 .bnr-content-inn p {
  font-size:2.1rem;
	}
}
@media (max-width: 767.98px) {
   img.banner-left{display: none;}

  .banner-center-cover .banner-content {
    padding-right: 0;
  }
  .banner-center-cover .banner-content .h1-large {
    font-size: 3.2rem;
  }
  .banner-center-cover .banner-content .bnr-content-inn {
    padding-right: 0;
  }
  .banner-center-cover .banner-content .bnr-content-inn p {
    margin-bottom: 5px;
  }
  .hero--banner.thin-banner-main-wrapper .thin-banner-item,
  .thin-banner-main-wrapper .thin-banner-item {
    min-height: 480px;
  }
  .banerleftwrap {
    width: 118%;
    border-top-right-radius: 30px;
  }
  .banner-solid-color .banerleftwrap {
    max-width: 640px;
    width: 100%;
    left: -112px;
  }
  .banner-center-cover .banner-content-var2 .bnr-content-inn p {
  font-size:2.0rem;
	}
}
@media (max-width: 389.98px) {
  .banner-center-cover .banner-content .h1-large {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .banner-center-cover .banner-content .bnr-content-inn p {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .banerleftwrap {
    width: 130%;
  }
}
@media screen and (max-width: 767px) {
  .hero--banner.thin-banner-main-wrapper .thin-banner-item {
    min-height: 480px;
  }
  .banerleftwrap2{
  -webkit-transform: skewX(17deg);
        -ms-transform: skewX(17deg);
            transform: skewX(17deg);
  }
  .banerleftwrap {
    left: -255px;
    width: calc(80% + 255px);
    border-top-right-radius: 25px;
    -webkit-transform: skewX(17deg);
        -ms-transform: skewX(17deg);
            transform: skewX(17deg);
  }
  .banerleftwrap img {
    transform: skewX(-17deg);
    -webkit-transform: skewX(-17deg);
    -moz-transform: skewX(-17deg);
    -ms-transform: skewX(-17deg);
    -o-transform: skewX(-17deg);
  }
}


.youtube__background {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 0;
  padding-bottom: 66.25%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}

.youtube__video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.5s linear;
  -o-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.5s linear;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.5s linear;
}
.youtube__video-overlay--fadeOut {
  opacity: 0;
  visibility: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.youtube__title {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  font-family: "Permanent Marker", cursive;
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  color: white;
  line-height: 1;
}
/*# sourceMappingURL=banner.css.map */
/*KALPIT*/
.left-white-bg .banerleftwrap{background-color: var(--white-color);}
.left-white-bg .banerleftwrap::before{content: none;}
.left-white-bg{color: var(--dark-text);}
.module-inner-page-banner.default-banner .module-inner-page-banner-wrapper{background-image: none !important; background-color: var(--white-color);}
.module-inner-page-banner.default-banner .banerleftwrap{background-color: var(--beige-dark);}

.content-banner.content-wrapper .content-banner-title-wrapper { margin-bottom: 10px;}
.content-banner-cta-wrapper{margin-top: 5px;}

@media all and (max-width: 575.98px){
.landing-banner-first-cta-wrapper a.cta, .landing-banner-second-cta-wrapper a.cta{min-width: max-content;}
}


