/** Shopify CDN: Minification failed

Line 232:0 Unexpected "}"
Line 401:1 Expected identifier but found "."

**/
.h1, h2 {
  font-weight:700;
}
.header-layout--left .header-item--navigation{
  justify-content:right;
}
.feature-row--50 .feature-row .feature-row__item {
  flex: 0 1 50%;
  min-width: 50%;
}
.btn{
  font-weight: 400;
  letter-spacing:normal;
  text-transform: capitalize;
}
.btn--secondary.btn--small{
  letter-spacing:normal;
}
/* .hero__link > a:last-child{
  border: 1px solid;
 background-color:transparent !important; 
} */
h2.title-max-width {
  max-width: 760px;
  margin:0 auto;
}
.text-left .title-max-width{
  max-width: 760px;
  margin-left:0;
}
.text-right .title-max-width {
  max-width: 760px;
  margin-right: 0;
}
.icon-btn{
  display: inline-flex;
  align-items: center;
  border: none;
  padding-left:0;
}
.icon-btn span:last-child{
  margin-left:10px;
}
.ul-rte-content {
  margin: 24px auto;
}
.search__icon {
  display: inline-flex;
}
.li-rte-content {
  list-style: none;
  display: flex;
  align-items: center;
}
.sub-title {
  font-size:max(calc(var(--typeBaseSize) - 4px), 16px);
  font-weight: 600;
  margin-bottom: 8px;
}
.container-alignment .section-header {
  margin-bottom: 20px;
}
.li-icon {
  margin-right: 18px;
}
.btn-t2 {
  margin-left: 20px;
  border: none;
  display: flex;
  align-items: center;
}
.btn-t2 span:last-child {
  margin-left: 10px;
  display:inline-flex;
}
.button-container {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 15px;
}
.button-container .btn{
  color:#fff;
  border:1px solid #000; 
  background-color:#000;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.button-t2 > span{
  /* margin-right: 10px;  */
  display: inline-flex;
}
.button-t2 {
  display: flex;
  align-items: center;
  color: #000;
  border: 1px solid #000;
  background-color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.main-text-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.tt-content-alignment {
  width: 50%;
  padding-right: 16px;
}
h6.h6-titl {
  font-weight: 700;
  text-transform: capitalize;
}
.btn-style {
  border: 1px solid black;
  padding: 10px 18px;
  text-transform: capitalize;
  border-radius: 10px;
}
.header-button .button-t2 {
  color: #fff !important;
  margin-left: 8px;
  background-color: black;
}
@media only screen and (min-width: 769px) {
  .container-alignment {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media(max-width:769px){
  .desktop-btn{
    display:none;
  }
  .mobile-btn {
    width: 100%;
    display: block;
  }
  .button-t1 {
    width: 100%;
    display: block;
  }
  .button-t2 {
    width: 100%;
    margin-left:0 !important;
  }
  .btn-style{
    text-align:center;
  }
  .button-t2{
    justify-content:center;
  }
}

/* resets */
html {
  scroll-behavior: smooth;
}
.rte {
  font-size: 16px;
}
.index-section {
  margin: 64px 0;
}
.h2, h2, .h3, h3 {
  font-weight: 700;
}
.btn {
  font-size: 16px;
}
.icon__package {
  width: 18px;
  height: 20px;
}
@media only screen and (min-width: 769px) {
  .rte {
    font-size: 18px;
  }
  .index-section {
    margin: 112px 0;
  }
}

/* header */
.mobile-nav__toggle button {
  border: none;
}
@media only screen and (max-width: 768px){
  .button-t1 {
    margin-bottom: 10px;
  }
  .mobile-nav {
    padding-bottom: 30px;
  }
  .mobile-nav__item:after {
    border-bottom: none;
  }
  .drawer__header {
    border-bottom: none;
  }
}

  /* Fix text-and-video section videos to span full width on mobile */
  .feature-row__videos {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 1 1 100% !important;
  }
  .feature-row__videos .video-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }
  .feature-row__videos video,
  .feature-row__video {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
}

/* footer section */
.footer__text {
  font-size: 14px;
  padding-bottom: 15px;
}
.footer__text p {
  margin-bottom: 6px;
}
.footer__copyright-grid {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #000000;
}
.footer__copyright-menu .site-footer__linklist {
  font-size: 14px;
}
.footer__copyright-menu a {
  text-decoration: underline;
}
.footer__copyright-menu li:hover {
  opacity: 0.5;
}
.footer__copyright-menu li {
  transition: all 0.3s;
}
.footer__social .icon {
  width: 18px;
  height: 18px;
}
.footer__social li a {
  display: inline-flex;
}
@media only screen and (min-width: 769px) {
  .footer__logo {
    margin: 0 0 30px;
  }
  .footer__copyright-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  .footer__copyright-menu .site-footer__linklist {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}

/* text with image */
.btn.btn--bg {
  background: black;
  color: white;
}
.button-t2.btn--bg {
  padding: 11px 20px;
  border: 1px solid;
}
.feature-row__text .btn {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .feature-row__text {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 769px) {
  .feature-row__text--right {
    padding-right: 80px;
  }
   .feature-row__text--left {
    padding-left: 80px;
  }
}

/* background image text */
.background-media-text {
  position: relative;
}
.background-media-text__text {
  background: none;
  width: 100%;
}
.background-media-text__aligner {
  height: 100%;
  margin: 0;
  padding: 0 20px;
}
.text--announcement__title {
  font-size: 56px;
  padding-bottom: 10px;
}
.text--announcement__text {
  font-size: 18px;
}
.text--announcement__text p {
  margin: 0;
}
.background-media-text__container {
  filter: brightness(0.5);
}
.text--sannouncement__grid-item {
  padding: 0 30px 0;
  border-left: 1px solid;
  margin-bottom: 20px;
}
.text--sannouncement__grid-item:last-child {
  margin-bottom: 0;
}
.background-media-text__text .btn {
  margin: 0;
  padding: 11px 20px;
}
@media only screen and (max-width: 992px) {
  .text--announcement__grid {
    padding-bottom: 30px;
  }
  .background-media-text__inner {
    position: relative;
  }
  .background-media-text__text {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 1200px) {
  .background-media-text__aligner {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) {
  .text--announcement__text {
    font-size: 20px;
  }
  .text--announcement__title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 993px) {
  .background-media-text__aligner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0 60px;
  }
  .background-media-text__aligner .animation-cropper {
    width: 50%;
  }
  .text--sannouncement__grid-item {
    width: 50%
  }
  .text--announcement__grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
  }
  .background-media-text__text {
    max-width: 650px;
  }
  .background-media-text {
    position: absolute;
  }
}
/* testimonnials */
..testimonials-slide {
  width: 100%;
  max-width: 1200px;
}
.testimonials-slider__text .rte-setting.text-spacing {
  font-weight: 700;
}
.testimonial-slider__width {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.testimonials-slider__text {
  box-shadow: none !important;
}

/* Override text-center alignment for testimonial quote only */
.text-center .testimonials-slider__text .rte-setting {
  text-align: left;
}

.testimonials-slider .flickity-button {
  background: none;
  border: 1px solid;
  color: black;
}
.testimonial-image__logo {
  display: inline-flex;
  padding-top: 20px;
}
.testimonial-image__logo img {
  height: auto;
}
.testimonial-image__logo .placeholder-svg {
  width: 100px;
  height: 100px;
  padding: 0;
}
.testimonials-section {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .testimonials-slider .flickity-button {
    display: none;
  }
  .testimonials-slide {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 769px) {
  .testimonials-slider .flickity-previous {
    left: 50px;
  }
  .testimonials-slider .flickity-next {
    right: 50px;
  }
  .testimonial-image__banner {
    display: inline-flex;
    gap: 15px;
    align-items: center;
  }
  .testimonial-image__grid {
    display: inline-flex;
    gap: 20px;
    align-items: center;
  }
  .testimonial__border-right {
    padding-right: 30px;
    border-right: 1px solid;
  }
  .testimonial-image__logo {
    padding-top: 0;
  }
}

/* text with icon */
.container__width {
  max-width: 750px;
}
.text-with-icons__button {
  justify-content: left;
}
.buttons-alignment {
  justify-content: center;
}
.text-with-icons__block-image {
  margin-bottom: 30px;
}
.text-with-icons__blocks {
  margin-left: -12px;
  margin-right: -12px;
}
.text-with-icons__blocks .text-with-icons__block {
  padding: 30px 12px;
}
.text-with-icons__block-icon svg {
  height: 40px;
  width: 36px;
}
.text-with-icons__block-image {
  margin-bottom: 10px;
}
.text-with-icons__block-image img {
  /* height: 40px;
  width: 36px; */
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .text-with-icons__blocks .text-with-icons__block {
    padding: 0 0 30px;
  }
  .text-with-icons__blocks {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 769px) {
  .section-header {
    margin-bottom: 20px;
  }
}

/* product grid */
.variant-input-wrap label.disabled:after {
  border: none;
}
.variant-input-wrap input[type=radio]:checked+label {
  background: black;
  color: white;
}
.variant-input-wrap input[type=radio]+label {
  box-shadow: 0 0 0 1px #282727;
}
.variant-input-wrap label.disabled {
  box-shadow: 0 0 0 1px #ada5a5 !important;
  pointer-events: none;
}
.product__rating-grid {
  display: flex;
  align-items: center;
  gap: 6px;
}
.rating__stars {
  font-size: 20px;
}
.rating__stars-value {
  font-size: 14px;
}
.collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner {
  border: none;
  font-size: 16px;
}
.collapsible-trigger-btn--borders {
  border: none;
  border-top: 1px solid;
}
.page-content--product {
  padding-top: 48px;
  padding-bottom: 48px;
}
.product__quantity .js-qty__adjust {
  display: none;
}
.custom__btn {
  width: 100%;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .product-single__meta {
    text-align: left;
  }
}

/* breadcrumbs */
.breadcrumb__divider {
  display: inline-flex;
}
.breadcrumb {
  display: flex;
  gap: 6px;
  align-items: center;
}

/* multi column text */
.multi__column-grid {
  display: flex;
  gap: 80px;
}
.grid__layout-right {
  flex-direction: row-reverse;
}
.multi__column-item {
  width: 50%;
}
.multi__column-blocks {
  display: flex;
  align-items: center;
  /* gap: 25px; */
  flex-wrap: wrap;
  margin: 0 -12px;
}
.multi__column-blocks--item {
  width: 50%;
  padding: 0 12px;
}
.block__heading {
  font-size: 48px;
  font-weight: 700;
  padding-bottom: 15px;
}
.block__text {
  font-size: 16px;
}
.multi-column-icon {
  padding-bottom: 8px;
}
.multi-column-icon svg {
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 1200px) {
 .block__heading {
    font-size: 25px;
  }
}
@media only screen and (max-width: 768px) {
 .multi__column-grid {
    flex-wrap: wrap;
    gap: 20px;
  }
  .multi__column-item {
    width: 100%;
  }
  .multi__column-blocks {
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 20px;
  }
  .multi__column-blocks--item {
    width: 100%;
  }
}

/* logo list */
.logo__list-title {
  font-size: 16px;
}
@media only screen and (min-width: 769px) {
  .logo__list-title {
    font-size: 18px;
  }
  .page-content--product {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.section--divider {
  border: none;
}
/* text and image */
.subheading {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media only screen and (max-width: 768px) {
  .feature-row--50 .feature-row__images{
    padding: 0;
  }
}

/* FAQ */
.section-footer {
  padding-top: 30px;
}
.collapsible-trigger--inline .collapsible-trigger__icon {
  right: 0;
  left: auto;
}
.collapsible-trigger--inline {
  width: 100%;
  padding: 16px 20px;
  border: 1px solid;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-footer .footer__collapsible {
  font-size: var(--typeBaseSize);
}
@media only screen and (max-width: 768px) {
  .section-footer__title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 769px) {
  .collapsible-trigger--inline {
    padding: 20px 24px;
  }
  .section-header {
    margin-bottom: 30px;
  }
  .section-footer {
    max-width: 760px;
  }
}

/* custom newsletter */
.newsletter__grid-item--right .contact-form {
  width: 100%;
}
.newsletter__grid-item .newsletter__input-group {
  max-width: 100%;
  display: block;
  margin-bottom: 15px;
}
.button-spacing {
  padding: 0;
}
.newsletter__banner-frame {
  border: 1px solid;
  padding: 32px;
}
@media only screen and (max-width: 768px) {
  .newsletter__title h3 {
    font-weight: bold;
  }
  .newsletter__grid-item--left {
    padding-bottom: 20px;
  }
  .newsletter__grid-item--right .btn {
    font-size: 16px;
  }
  .newsletter__grid-item .input-group-btn {
    display: block;
  }
  .newsletter__grid-item .input-group.newsletter__input-group input {
    width: 100%;
    margin-bottom: 15px;
  }
  .newsletter__grid-item .input-group-btn button {
    width: 100%;
  }
  .newsletter__grid-item .form__submit--large {
    display: block;
    font-size: initial;
  }
}
@media only screen and (min-width: 769px) {
  .newsletter__banner-grid {
    display: flex;
    align-items: center;
    gap: 80px;
  }
  .newsletter__grid-item {
    width: 50%;
  }
  .newsletter__grid-item--right {
    display: flex;
    justify-content: flex-end;
  }
  .newsletter__grid-item .newsletter__input-group {
    display: flex;
  }
  .newsletter__grid-item .input-group-btn {
    margin-left: 20px;
  }
  .newsletter__banner-frame {
    padding: 48px;
  }
}

/* blog posts */
.blogs-header {
  text-align: left !important;
}
.article__grid-meta {
  text-align: left !important;
}
.blogs-view-all {
  text-align: center;
  margin-top: 30px;
}
.blogs-view-all .btn {
  margin: 0;
}
.article__author-grid {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}
.author__image .placeholder-svg {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
}
.author__image img {
  border-radius: 50%;
}
.article__author {
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}
.author__title {
  font-size: 14px;
}
.article__date {
  font-size: 14px;
}
.article__category {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 6px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 15px;
}
.article__title {
  font-weight: 700;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .small--one-third {
    width: 100%;
  }
  .small--two-thirds {
    width: 100%;
  }
}
.header-layout{
  gap: 20px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .h3, h3 {
    font-size: calc(var(--typeHeaderSize)*.62);
  }
  .feature-row__text--right {
    padding-right: 40px;
  }
  .feature-row__text--left {
    padding-left: 40px;
  }
}

/* promo grid */
.promo-grid--space-top{
  padding-top: 0;
}

/* blog */
.blog-template--main {
  padding-top: 0;
  padding-bottom: 0;
}
.tags__navigation-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tag__navigation-item {
  display: inline-flex;
  margin: 0;
}
.tag__navigation-item a {
  white-space: nowrap;
  padding: 8px 16px;
}
.tag__navigation-item.selected a {
  border: 1px solid;
}
.article__category-title {
  background: #f4f4f4;
  padding: 4px 10px;
}
.blog-post__grid .article__category-title {
  background: none;
  padding: 0;
}
.read__message {
  text-transform: none;
}
@media only screen and (max-width: 768px) {
  .tags__navigation-list {
    margin: 0;
    justify-content: flex-start;
    overflow: auto;
  }
}

/* Article header */
.article__header-breadcrunbs .breadcrumb {
  margin: 0;
}
.article__header-breadcrunbs {
  padding-bottom: 32px;
}
.article__header-text--block h2 {
  margin-bottom: 32px;
}
.article__author-banner, .article__date-banner {
  font-size: 14px;
  padding-bottom: 10px;
}
.article__share-text {
  font-size: 16px;
  font-weight: bold;
}
.article__header-text--block {
  padding-bottom: 48px;
}
.social-sharing__link {
  display: inline-flex;
  padding: 8px;
  background: #f4f4f4;
  border-radius: 64px;
  margin: 0;
}
.article__social-share .social-sharing {
  text-align: left;
  padding-top: 20px;
  display: flex;
  gap: 8px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .article__header-grid {
    gap: 40px;
  }
  .article__header-text--block {
    width: 50%;
  }
  .article__header-image--block {
    width: 50%;
  }
}
@media only screen and (min-width: 769px) {
  .article__header-grid {
    display: flex;
    align-items: center;
  }
  .article__header-text--block {
    padding: 0;
  }
  .article__header-breadcrunbs {
    padding-bottom: 48px;
  }
  .article__header-text--block h2 {
    margin-bottom: 48px;
  }
  .article__share-text {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1201px) {
  .article__header-grid {
    gap: 80px;
  }
  .article__header-text--block {
    width: 30%;
  }
  .article__header-image--block {
    width: 70%;
  }
}

/* custom grid section */
.custom__content-list {
  padding-bottom: 32px;
}
.mobile__hidden {
  display: none;
}
.content__navigation-select {
  width: 100%;
}
.custom__content-list h5 {
  display: none;
}
.custom__content-blocks-item {
  padding-bottom: 15px;
}
.image__caption {
  margin-top: 10px;
  border-left: 2px solid;
  padding-left: 15px;
}
.custom__content-blocks--text {
  font-size: 16px;
}
.custom__content-blocks--quotetext {
  font-size: 20px;
  padding-left: 20px;
  border-left: 2px solid;
}
.content__navigation-list {
  list-style: none;
  margin: 0;
  padding-top: 20px;
  display: none;
}
.content__navigatio-item {
  padding: 12px 32px;
  font-size: 16px;
}
.content__navigatio-item:first-child {
  background: #f4f4f4;
}
.content__navigatio-item:first-child a {
  font-weight: 700
}
.navigation-btn {
  padding: 15px;
  border: 1px solid;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.nav__icon-arrow svg {
  display: inline-flex;
  transform: rotate(90deg);
  transition: transform 0.3s;
}
.show {
  display: block;
}
.rotate svg {
  transform: rotate(-90deg);
}
@media only screen and (min-width: 769px) {
  .custom__content-grid {
    display: flex;
    /* justify-content: space-between; */
    gap: 80px;
  }
  .custom__content-list {
    width: 30%;
    /* min-width: 320px; */
  }
  .content__navigation-list {
    padding-top: 0;
    display: block;
  }
  .custom__content-blocks {
    width: 70%;
    /* max-width: 768px; */
  }
  .custom__content-list {
    padding-bottom: 0;
  }
  .mobile__hidden {
    display: block;
  }
  .desktop__hidden {
    display: none;
  }
  .custom__content-list h5 {
    display: block;
  }
  .content__navigatio-item {
    font-size: 18px;
  }
}
.icon-btn span:last-child {
  display: inline-flex;
}

/* Multi column block */
.section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
  margin-bottom: 40px;
}
.section__header .h3 {
  width: 50%;
}
.section__header .rte {
  width: 50%;
}
.multi-column-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right:-32px;
  overflow: hidden;
}
.multi-column-grid__item {
  width: 33.33%;
  padding-right: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.block-title {
  font-size: 80px;
  font-weight: 700;
}
.grid-item__text-block .h6 {
  font-weight: bold;
}
.block-text {
  font-size: 16px;
}
.grid-item__text-block {
  padding: 32px;
  border: 1px solid;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 50%;
}
.grid-item__text--height {
  height: 100%;
}
.grid-item__image-block {
  height: 50%;
  overflow: hidden;
}
.grid-item__image-block img {
  width: 100%;
  height: 100%;
}
.direction-reverse {
  flex-direction: column-reverse;
}
@media only screen and (max-width: 1200px) {
  .multi-column-grid__item {
    width: 50%;
    padding-bottom: 32px;
  }
  .multi-column-grid__item:last-child {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .section__header {
    flex-wrap: wrap;
    gap: 0;
  }
  .section__header .h3 {
    width: 100%;
  }
  .section__header .rte {
    width: 100%;
  }
  .multi-column-grid {
    margin-right: 0;
  }
  .multi-column-grid__item {
    width: 100%;
    padding-bottom: 32px;
    padding-right: 0;
  }
  .grid-item__text-block {
    height: auto;
  }
  .grid-item__image-block {
    height: auto;
  }
}

/* Contact form */
.contact-form__wrapper {
  max-width: 768px;
}
.contact-form__select select {
  width: 100%;
}
.form-checkbox__group input {
  display: inline-block;
  margin-bottom: 10px;
}
.form-checkbox__group {
  display: flex;
  align-items: center;
}
.form-checkbox__grid {
  display: flex;
  flex-wrap: wrap;
}
.form-checkbox__grid .form-checkbox__group {
  width: 50%;
}
.form__control {
  margin-bottom: 30px;
}
.form-vertical label {
  font-size: 16px !important;
  text-transform: capitalize !important;
  letter-spacing: normal !important;
}
.contact-form__btn{
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .contact-form__wrapper .grid__item {
    width: 50%;
  }
  .grid--small__email .grid__item {
    width: 100%;
  }
}

/* Contact page */
.contact-page__grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 80px;
  overflow: hidden;
}
.contact-info__container {
  width: 30%;
}
.contact-location__container {
  width: 70%;
  overflow: hidden;
}
.contact-location__container iframe {
  width: 100%;
}
.contact-info__block {
  padding-bottom: 20px;
}
.contact-info__block:last-child {
  padding-bottom: 0;
}
.contact-info__block p {
  margin: 0;
  line-height: 24px;
}
.contact-info__block .button-box {
  padding-top: 15px;
}
.contact-icon__block {
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .contact-page__grid {
    flex-wrap: wrap;
    gap: 48px;
  }
  .contact-page__grid--item {
    width: 100%;
  }
  .contact-info__block .button-t2 {
    justify-content: flex-start;
  }
}

/* Testimonails slider */
.testimonial-section {
  position: relative;
}
.testimonial-section .swiper-slide {
  border: 2px solid #0000001A;
  border-radius: 50px;
  padding: 2rem;
  background-color: #fff;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.testimonial-section .swiper-pagination {
  position: static;
  padding-top: 30px;
}
.testimonial-section .swiper-pagination-bullet-active {
  background: #000000 !important;
}
.testimonial-section .swiper-button-next,
.testimonial-section .swiper-button-prev {
  display: none;
}
.testimonial-section .swiper-button-prev {
  left: 0;
}
.testimonial-section .swiper-button-next {
  right: 0;
}
.testimonial-button {
  background-color: #d4e9fa;
  color: #000;
  padding: 0.75rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin-top: 1.5rem;
}
@media (min-width: 769px) {
  .testimonial-swiper {
    padding: 0 40px;
  }
  .testimonial-section .swiper-pagination {
    display: none;
  }
  .testimonial-section .swiper-button-next,
  .testimonial-section .swiper-button-prev {
    display: flex;
  }
}


/* Video section */
.placeholder__image {
  width: 100%;
  height: 100%;
  background: #e1e1e1;
  fill: #999;
  max-width: 100%;
  max-height: 100%;
}
.video-container-wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.video-box {
  height: 280px;
  position: relative;
  background: #000000;
  border-radius: 24px;
  overflow: hidden;
}
.video-section__video--container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__poster {
  height: 100%;
}
.video__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.native-video__container {
  height: 100%;
}
.native-video__container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.external-video__container iframe {
  height: 100%;
  width: 100%;
}
.video-container__hide {
  display: none;
}
.video-overlay {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}
.video-description {
  padding-top: 30px;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.video-play-button {
  cursor: pointer;
}
.video-play-button svg {
  width: 40px;
}
@media (min-width: 769px) {
  .video-box {
    height: 560px;
  }
  .video-play-button svg {
    width: 60px;
  }
}

/* Automation Benefits */
.benefits-section__banner {
  max-width: 950px;
  margin: 0 auto;
}
.benefits__tabs {
  border-bottom: 2px solid #000000;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.benefits__tabs--inner {
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.benefits-title {
  margin-bottom: 0;
  font-size: 22px;
  text-transform: uppercase;
}
.benefits-columns {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.benefit-block {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.benefit-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.benefit-block__title {
  font-size: 18px;
  margin-bottom: 5px;
}
.benefit-block__text {
  font-size: 13px;
}
.benefit-block__image {
  max-width: 50px;
  width: 100%;
}
@media (max-width: 768px) {
  .benefits-title {
    border-bottom: 1px solid;
    max-width: max-content;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .benefits-columns {
    flex-direction: row;
    justify-content: space-between;
    max-width: 840px;
    margin: 0 auto;
  }
  .column {
    width: 50%;
  }
  .benefit-block__image {
    max-width: 70px;
  }
  .automation-benefits-section .section-header {
    margin-bottom: 110px;
  }
}

/* Buisness growth */
.comparison-image {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 40px;
}
.comparison-image img {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .cleaning-growth-comparison .section-header {
    margin-bottom: 110px;
  }
  .comparison-image {
    flex-direction: row;
    align-items: center;
    gap: 82px;
  }
  .comparison-image__block {
    flex: 1 0 47%;
  }
}

/* Sollarow X3 section */
.solarrow-x3__container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.solarrow-x3__image img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}
.solarrow-x3__features {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.solarrow-x3__feature {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.solarrow-x3__feature-icon {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solarrow-x3__feature-icon img {
  width: 16px;
  height: 16px;
  display: inline-block;
}
@media (min-width: 768px) {
  .solarrow-x3__container {
    flex-direction: row;
    align-items: center;
  }
  .solarrow-x3__text {
    max-width: 530px;
  }
  .solarrow-x3 .section-header {
    margin-bottom: 110px;
  }
}

/* Image grid */
.installations-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.installation-item {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0.5px;
  padding: 24px;
  text-align: center;
}
.installation-item__image {
  margin-bottom: 15px;
}
.installation-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.installation-heading {
  margin-bottom: 5px;
}

/* Tablet and up */
@media screen and (min-width: 769px) {
  .solar-installation-section .section-header {
    margin-bottom: 110px;
  }
  .installations-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .installation-image {
    max-height: 240px;
  }
}

/* Usecase example section */
.solar-cleaner-subtitle {
  font-size: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
}
.solar-cleaner-subtitle:after {
  content: '';
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: black;
  width: 80%;
}
.solar-cleaner-quote {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.5;
  padding: 20px;
  max-width: 670px;
  margin-left: auto;
}
.solar-cleaner-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0 20px;
}
.solar-cleaner-left {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  border-radius: 15px;
}
.solar-cleaner__desc {
  font-size: 18px;
}
.solar-cleaner-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solar-cleaner-result-bar__wrapper {
  padding: 10px 20px;
}
.solar-cleaner-result-bar {
  padding: 10px;
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
  border-radius: 15px;
}
.solar-cleaner-result-bar p {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .solar-cleaner-content {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 60px;
  }
  .solar-cleaner-content__reverse {
    flex-direction: row-reverse;
  }
  .solar-cleaner-subtitle {
    padding: 20px 70px;
    font-size: 20px;
  }
  .solar-cleaner-subtitle:after {
    width: 40%;
  }
  .solar-cleaner-quote {
    padding: 30px 70px;
    font-size: 36px;
  }
  .solar-cleaner-left, .solar-cleaner-right {
    flex: 1;
  }
 .solar-cleaner-left {
    padding: 25px 45px;
  }
  .solar-cleaner__desc {
    font-size: 28px;
  }
  .solar-cleaner-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .solar-cleaner-result-bar__wrapper {
    padding: 10px 60px;
  }
  .solar-cleaner-result-bar {
    font-size: 24px;
  }
}


/* Rental form */
.rental-form-section {
  padding: 60px 0;
}
.rental-form-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
}
.rental-form-wrapper.full-width .form-content {
  width: 100%;
}
.rental-form-wrapper .form-content {
  text-align: left;
}
.rental-form-wrapper .form-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}
.rental-form-wrapper form fieldset {
  border: none;
  margin-bottom: 1.5rem;
}
.rental-form-wrapper form legend {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.rental-form-wrapper .form-row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.rental-form-wrapper .form-row input {
  flex: 1;
}
.rental-form-wrapper label {
  font-weight: 700;
  font-size: 18px !important;
}
.rental-form-wrapper input,
.rental-form-wrapper textarea {
  width: 100%;
  padding: 5px 14px;
  border: 1px solid #818A9C;
  border-radius: 7px;
}
.grid-block__shipping .input-full {
  padding: 16px 14px;
}
.rental-form-wrapper .rental-agreement-btn {
  display: inline-block;
  margin-bottom: 30px;
  background-color: #9D9D9D8C;
  color: #000000;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 4px;
  text-decoration: none;
}
.rental-form-wrapper .submit-btn {
  font-size: 18px;
  font-weight: 700;
  border-radius: 7px;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: 200px;
}
.grid-form__block h4 {
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 3px;
}
@media (max-width: 768px) {
  .grid-form__block h4 {
    font-size: 18px;
  }
  .rental-form-wrapper label {
    font-size: 16px !important;
  }
  .rental-form-wrapper .submit-btn {
    padding: 12px 20px;
    font-size: 16px;
  }
}
@media (min-width:1020px) {
  .rental-form-wrapper .form-content {
    flex: 1 1 57%;
  }
  .rental-form-wrapper .form-image {
    flex: 1 1 40%;
  }
}