/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

body {
  overflow-x: hidden;
}

blockquote {
  font-family: "SLC Clinic";
}

/* line break */
.desktop-br {
  display: block;
}

.mobile-br {
  display: none;
}

@media screen and (max-width: 1200px) {
  .desktop-br {
    display: block;
  }

  .mobile-br {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .desktop-br {
    display: none;
  }

  .mobile-br {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .desktop-br {
    display: none;
  }

  .mobile-br {
    display: block;
  }
}

/* Gradient text color */
.gradient-text {
  background: linear-gradient(268.35deg, rgba(8, 50, 72, 0.8) 0.37%, #80A4AB 49.66%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* Post Single Content */
.post-content-area {
  font-size: 32px;
  line-height: 100%;
  margin-bottom: 24px;
}
.post-content-area h2 {
  font-size: 44px;
  font-weight: bold;
  line-height: 48px;
  margin-bottom: 24px;
  color: var(--bricks-color-gzcsmb);
}
.post-content-area h3 {
  font-size: 40px;
  font-weight: bold;
  line-height: 44px;
  margin-bottom: 24px;
  color: var(--bricks-color-gzcsmb);
}
.post-content-area h4 {
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 24px;
  color: var(--bricks-color-gzcsmb);
}
.post-content-area h5 {
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 24px;
  color: var(--bricks-color-gzcsmb);
}
.post-content-area h6 {
  font-size: 28px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 24px;
  color: var(--bricks-color-gzcsmb);
}
.content-area-wrapper a {
  color: var(--bricks-color-huvlyl);
  text-decoration: underline;
}

.content-area-wrapper a:hover {
  opacity: .75;
}

.content-area-wrapper figure {
  text-align: center;
}

.content-area-wrapper iframe {
  display: block;
  margin: 0 auto;
}

/* Buttons */
.pink-border {
  position: relative;
  background: white;
  border: none;
  transition: opacity 0.3s ease;
}

.pink-border:hover {
  opacity: 0.75;
}

.pink-border::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 3px;
  background: linear-gradient(to bottom, #FFBAD9, #F069A6);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.blue-border {
  position: relative;
  background: white;
  border: none;
  transition: opacity 0.3s ease;
}

.blue-border:hover {
  opacity: 0.75;
}

.blue-border::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 3px;
  background: linear-gradient(to bottom, #B1E3FF, #7DC2E9);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.green-border {
  position: relative;
  background: white;
  border: none;
  transition: opacity 0.3s ease;
}

.green-border:hover {
  opacity: 0.75;
}

.green-border::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 3px;
  background: linear-gradient(to bottom, #9BEE93, #60C755);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* FAQ */
.faq-section .brx-open {
  background-color: rgba(134, 136, 148, 0.1);
  border-color: rgba(134, 136, 148, 0.1) !important;
}

.faq-section .accordion-item {
  margin-bottom: 24px;
}

/* Scroll Dots */
.jet-listing-grid__slider .jet-slick-dots {
  /* padding: 14px 24px !important; */
  border-radius: 100px;
  /* margin-top: 35px !important; */
  background-color: #F6F6F6CC;
  margin-left: auto !important;
  margin-right: auto !important;
  width: fit-content !important;
}
/*
.white-dot-carousel .jet-listing-grid__slider .jet-slick-dots {
  background: rgba(255, 255, 255, 0.1);
  margin-top: 35px;
}

.gray-dot-carousel .jet-listing-grid__slider .jet-slick-dots {
  background: rgba(246, 246, 246, 0.8);
  margin-top: 35px;
} */

/* Services */
.service-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.service-header {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 2;
  opacity: 1;
}

.service-details {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 3;
}

.service-card:hover .service-header {
  transform: translate(-50%, calc(-210% - 30px));
}

.service-card:hover .service-details {
  visibility: visible;
  transform: translateY(calc(-35% - 30px));
}

.service-card-wrapper .service-arrow,
.single-service-card-wrapper .service-arrow {
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.service-card-wrapper:hover .service-arrow,
.single-service-card-wrapper:hover .service-arrow {
  transform: rotate(45deg);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (max-width: 1200px) {
  .service-card:hover .service-header {
    transform: translate(-50%, calc(-210% - 30px));
    opacity: 0;
  }

  .service-card:hover .service-details {
    visibility: visible;
    transform: translateY(calc(-80px));
  }

}

/* Pagination */

.white-pagination .jet-filters-pagination__link {
  padding: 0 !important;
  text-align: center !important;
  min-width: 32px;
  height: 32px;
  border-radius: 100px;
  color: var(--bricks-color-jxmcxr);
  font-weight: bold;
}
.white-pagination .jet-filters-pagination__item.next {
  border-radius: 100px;
  border: solid 1px;
  border-color: var(--bricks-color-kfewso);
  width: 30px;
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,%3Csvg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.900391 1.44922L5.11719 5.66602L0.900391 9.88281L2.16602 11.1484L7.64844 5.66602L2.16602 0.183594L0.900391 1.44922Z" fill="white" stroke="white" stroke-width="0.025"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 12px;
}
.white-pagination .jet-filters-pagination__item.prev {
  border-radius: 100px;
  border: solid 1px;
  border-color: var(--bricks-color-kfewso);
  width: 30px;
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,%3Csvg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.09961 1.44922L2.88281 5.66602L7.09961 9.88281L5.83398 11.1484L0.351562 5.66602L5.83398 0.183594L7.09961 1.44922Z" fill="white" stroke="white" stroke-width="0.025"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 12px;
}
.prev-next .jet-filters-pagination__link {
  color: transparent !important;
}
.blue-pagination .jet-filters-pagination__link {
  padding: 0 !important;
  text-align: center !important;
  min-width: 32px;
  height: 32px;
  border-radius: 100px;
  color: var(--bricks-color-ugepch);
  font-weight: bold;
}
.blue-pagination .jet-filters-pagination__item.next {
  border-radius: 100px;
  border: solid 1px;
  border-color: var(--bricks-color-ugepch);
  width: 30px;
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,%3Csvg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.900391 1.7832L5.11719 6L0.900391 10.2168L2.16602 11.4824L7.64844 6L2.16602 0.517578L0.900391 1.7832Z" fill="%237EC3EA" stroke="%237EC3EA" stroke-width="0.025"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 12px;
}
.blue-pagination .jet-filters-pagination__item.prev {
  border-radius: 100px;
  border: solid 1px;
  border-color: var(--bricks-color-ugepch);
  width: 30px;
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,%3Csvg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.09961 1.7832L2.88281 6L7.09961 10.2168L5.83398 11.4824L0.351562 6L5.83398 0.517578L7.09961 1.7832Z" fill="%237EC3EA" stroke="%237EC3EA" stroke-width="0.025"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 12px;
}

@media (max-width: 767px) {

  .jet-filters-pagination__link,
  .jet-filters-pagination__dots {
    line-height: 32px;
  }
}

/* CTA disabled on 404 page */
.error404 .cta-footer {
  display: none;
}

/* Mobile viewport SVG resize */
@media (min-width: 768px) and (max-width: 1200px) {
  .mobile-button-icon svg {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (max-width: 767px) {
  .mobile-button-icon svg {
    width: 29px !important;
    height: 29px !important;
  }
}

/**
 * Custom Nav Prev/Next CSS
 **/
.jet-custom-nav img,
.bricks-custom-nav img {
  cursor: pointer;
  transition: transform 0.3s ease;
  margin-bottom: 5px;
}

/* 
.jet-custom-nav .my-prev-arrow:hover img,
.jet-custom-nav .my-next-arrow:hover img, 
.bricks-custom-nav .my-prev-arrow:hover img,
.bricks-custom-nav .my-next-arrow:hover img {
  transform: scale(1.1);
} */

.jet-custom-nav-content,
.bricks-custom-nav-content {
  display: flex;
  align-items: center;
  gap: 50px;
  border-radius: 50px;
  padding: 0px 40px;
  height: 44px;
}

.jet-slick-dots {
  background: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

.jet-listing-grid__slider-icon.prev-arrow:not(.review-listing-grid .jet-listing-grid__slider-icon.prev-arrow):not(.promotion-listing-grid .jet-listing-grid__slider-icon.prev-arrow),
.jet-listing-grid__slider-icon.next-arrow:not(.review-listing-grid .jet-listing-grid__slider-icon.next-arrow):not(.promotion-listing-grid .jet-listing-grid__slider-icon.next-arrow),
.bricks-swiper-button-prev:not(.review-listing-grid .bricks-swiper-button-prev):not(.promotion-listing-grid .bricks-swiper-button-prev),
.bricks-swiper-button-next:not(.review-listing-grid .bricks-swiper-button-next):not(.promotion-listing-grid .bricks-swiper-button-next) {
  display: none !important;
  visibility: hidden;
}

.swiper-pagination {
  position: relative !important;
}

.review-listing-grid .jet-listing-grid__slider-icon {
  font-size: 0px;
  border-radius: 100px;
}

.review-listing-grid .jet-listing-grid__slider-icon.prev-arrow {
  background-image: url("data:image/svg+xml;utf8,<svg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='45.0187' height='45.0187' rx='22.5093' fill='white'/><path d='M19.8448 21.8948L29.1299 12.6097L27.1134 10.5933L15.8119 21.8948L27.1134 33.1964L29.1299 31.1799L19.8448 21.8948Z' fill='%23F069A6'/></svg>");
  background-size: auto 46px;
  background-position: center;
  background-repeat: no-repeat;
}

.review-listing-grid .jet-listing-grid__slider-icon.next-arrow {
  background-image: url("data:image/svg+xml;utf8,<svg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.204102' width='45.0187' height='45.0187' rx='22.5093' fill='white'/><path d='M20.0492 21.8948L29.3343 31.1799L27.3179 33.1964L16.0164 21.8948L27.3179 10.5933L29.3343 12.6097L20.0492 21.8948Z' fill='%23F069A6'/></svg>");
  background-size: auto 46px;
  background-position: center;
  background-repeat: no-repeat;
}

.promotion-listing-grid .jet-listing-grid__slider-icon {
  font-size: 0px;
  border-radius: 100px;
}

.promotion-listing-grid .jet-listing-grid__slider-icon.prev-arrow {
  background-image: url("data:image/svg+xml;utf8,<svg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='45' height='45' rx='22.5' fill='white'/><path d='M19.8438 21.8947L29.1289 12.6096L27.1124 10.5931L15.8109 21.8947L27.1124 33.1963L29.1289 31.1798L19.8438 21.8947Z' fill='%23083248'/></svg>");
  background-size: auto 45px;
  background-position: center;
  background-repeat: no-repeat;
}

.promotion-listing-grid .jet-listing-grid__slider-icon.next-arrow {
  background-image: url("data:image/svg+xml;utf8,<svg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='45' height='45' rx='22.5' fill='white'/><path d='M19.8262 21.8947L29.1113 31.1798L27.0949 33.1963L15.7933 21.8947L27.0949 10.5931L29.1113 12.6096L19.8262 21.8947Z' fill='%23083248'/></svg>");
  background-size: auto 45px;
  background-position: center;
  background-repeat: no-repeat;
}

/* Small Screens Adjustments */
@media screen and (max-width: 768px) {

  .jet-custom-nav-content,
  .bricks-custom-nav-content {
    gap: 20px;
    padding: 0px 20px;
  }

  .jet-custom-nav img,
  .bricks-custom-nav img {
    width: 26px;
  }

  .jet-listing-grid__slider .jet-slick-dots li {
    width: 8px !important;
    height: 8px !important;
  }
}

/* Slider Center Mode - 3D Effect - Only for Desktop 
@media screen and (min-width: 768px) {
	.slider-center-focused .swiper-slide {
	  transition: transform 0.3s ease-in-out, opacity 0.3s ease;
	  text-align: center;
	  opacity: 0.5 !important;
	  z-index: 1;
	}

	.slider-center-focused .slick-track {
	  padding-top: 53px;
	  padding-bottom: 53px;
	}
	
	.slider-center-focused .swiper-slide-active {
	  transform: scale(1.35) !important;
	  opacity: 1 !important;
	  z-index: 2;
	}
	
	.slider-center-focused .slick-track img {
		height: auto;
	}
	
	.slider-center-focused .slick-track .slick-slide {
		  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	}
	.scaled-slide {
	  position: relative;
	  transform: scale(1.35) !important;
	  opacity: 1 !important;
	  z-index: 2;
	}
	
	.dimmed-slide {
	  filter: brightness(0.5);
	}
} */

@media (min-width: 768px) {
  .slider-center-focused .slick-slide {
    display: none;
    transform: scale(0.9) !important;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease;
    text-align: center;
    z-index: 1;
  }

  .slider-center-focused .slick-slide.scaled-slide {
    transform: scale(1) !important;
    opacity: 1 !important;
    z-index: 2;
  }

  .single-service-promotion-carousel .swiper-slide {
    transform: scale(0.9);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }

  .single-service-promotion-carousel .swiper-slide.swiper-slide-next {
    transform: scale(1.0);
    z-index: 10;
  }

}

/* Mobile Touch Slider for Listing Grid */
@media (max-width: 991px) {

  /* .mobile-touch-slider.brxe-jet-engine-listing-grid .jet-listing-grid__items>.jet-listing-grid__item:first-child {
        padding-left: 20px;
    }
    .mobile-touch-slider.brxe-jet-engine-listing-grid .jet-listing-grid__items>.jet-listing-grid__item:last-child {
        padding-right: 20px;
    } */
  .mobile-touch-slider.brxe-jet-engine-listing-grid .service-details .jet-listing-grid__items>.jet-listing-grid__item:first-child {
    padding-left: 0px;
  }

  .mobile-touch-slider.brxe-jet-engine-listing-grid .service-details .jet-listing-grid__items>.jet-listing-grid__item:last-child {
    padding-right: 0px;
  }

  .mobile-touch-slider.brxe-jet-engine-listing-grid .jet-listing-grid__items {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-touch-slider.brxe-jet-engine-listing-grid .jet-listing-grid__items::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
    width: 0;
    height: 0;
  }
}

@media (max-width: 767px) {
  .mobile-touch-slider.brxe-jet-engine-listing-grid .jet-listing-grid__items>.jet-listing-grid__item {
    max-width: 90vw;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .mobile-touch-slider.brxe-jet-engine-listing-grid .jet-listing-grid__items>.jet-listing-grid__item {
    max-width: 70vw;
  }

  .mobile-touch-slider.brxe-jet-engine-listing-grid .jet-listing-grid__items>.jet-listing-grid__item:first-child {
    padding-left: 14px;
  }

  .mobile-touch-slider.brxe-jet-engine-listing-grid .jet-listing-grid__items>.jet-listing-grid__item:last-child {
    padding-right: 14px;
  }

  .mobile-touch-slider.brxe-jet-engine-listing-grid .service-details .jet-listing-grid__items>.jet-listing-grid__item:first-child {
    padding-left: 0px;
  }

  .mobile-touch-slider.brxe-jet-engine-listing-grid .service-details .jet-listing-grid__items>.jet-listing-grid__item:last-child {
    padding-right: 0px;
  }
}

/* Tab Menu Responsive */
@media (max-width: 1200px) {
  .tab-menu {
    padding-right: 20px !important;
  }

  .tab-menu .tab-title {
    min-width: 150px;
  }

  .tab-menu .tab-title:first-child {
    margin-left: 20px;
  }

  /* .tab-menu .tab-title:last-child {
        padding-right: 20px !important;
    } */
}

@media (max-width: 1200px) {
  .tab-menu {
    flex-wrap: nowrap;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }

  .tab-menu::-webkit-scrollbar {
    display: none;
  }

  .tab-menu .tab-title:first-child {
    margin-left: 14px;
  }

  .tab-menu .tab-title:last-child {
    margin-right: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .tab-menu .tab-title {
    min-width: 200px;
  }
}

@media screen and (min-width: 769px) {

  .brx-nav-menu .sub-menu,
  .bricks-nav-menu .sub-menu {
    top: 84px;
    padding: 24px;
    min-width: 400px;
    border-radius: 8px;
  }
}

/* Service Page */
.service-page-listing .jet-listing-grid__item:nth-child(even) {
    background-color: rgba(8, 50, 72, 0.05);
}
.service-page-listing .swiper-slide img {
	border-radius: 24px;
}