/*
 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;
}
#brx-content {
    margin-top: 135px;
}
@media screen and (max-width: 1024px) {
	#brx-content {
    	margin-top: 155px;
	}
}
/* 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;
	}
}

/* Post Single Content */
.post-content-area {
  font-size: 32px;
  line-height: 100%;
  margin-bottom: 24px;
}

.post-content-area h2 {
  font-size: 56px;
  font-weight: bold;
  line-height: 48px;
  margin-bottom: 24px;
  color: var(--bricks-color-owpsza);
}

.post-content-area h3 {
  font-size: 48px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 24px;
  color: var(--bricks-color-owpsza);
}

.post-content-area h4 {
  font-size: 40px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 24px;
  color: var(--bricks-color-owpsza);
}

.post-content-area h5 {
  font-size: 36px;
  font-weight: bold;
  line-height: 34px;.
  margin-bottom: 24px;
  color: var(--bricks-color-owpsza);
}

.post-content-area h6 {
  font-size: 34px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 24px;
  color: var(--bricks-color-owpsza);
}

/* FAQ */
.faq-section .brx-open {
    background-color: var(--bricks-color-rmjioq);
	border-color: var(--bricks-color-rmjioq) !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-sqofmc);
	font-weight: bold;
}
.white-pagination .jet-filters-pagination__item.next {
	border-radius: 100px;
	border: solid 1px;
	border-color: var(--bricks-color-sqofmc);
	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="M2.16602 11.5L7.66602 6L2.16602 0.5L0.882682 1.78333L5.09935 6L0.882682 10.2167L2.16602 11.5Z" fill="white"/%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-sqofmc);
	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="M5.83398 0.5L0.333984 6L5.83398 11.5L7.11732 10.2167L2.90065 6L7.11732 1.78333L5.83398 0.5Z" fill="white"/%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-jxmcxr);
	font-weight: bold;
}
.blue-pagination .jet-filters-pagination__item.next {
	border-radius: 100px;
	border: solid 1px;
	border-color: var(--bricks-color-jxmcxr);
	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="M2.16602 11.5L7.66602 6L2.16602 0.5L0.882682 1.78333L5.09935 6L0.882682 10.2167L2.16602 11.5Z" fill="%2320637d"/%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-jxmcxr);
	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="M5.83398 0.5L0.333984 6L5.83398 11.5L7.11732 10.2167L2.90065 6L7.11732 1.78333L5.83398 0.5Z" fill="%2320637d"/%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),
.jet-listing-grid__slider-icon.next-arrow:not(.review-listing-grid .jet-listing-grid__slider-icon.next-arrow),
.bricks-swiper-button-prev:not(.review-listing-grid .bricks-swiper-button-prev),
.bricks-swiper-button-next:not(.review-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='15' height='24' viewBox='0 0 15 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.8438 12.002L14.1289 2.7169L12.1124 0.700439L0.810875 12.002L12.1124 23.3036L14.1289 21.2871L4.8438 12.002Z' fill='white'/></svg>");
    background-size: auto 22px; 
    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='15' height='24' viewBox='0 0 15 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.8438 12.002L14.1289 2.7169L12.1124 0.700439L0.810875 12.002L12.1124 23.3036L14.1289 21.2871L4.8438 12.002Z' fill='white'/></svg>");
    background-size: auto 22px;
    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);
	}
}

/* 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;
    }
}

/* Mega Menu */
.mega-menu-container .bricks-nav-menu > li > a {
    padding: 0px !important;
}

/* Base styles for Fluent Forms inputs */
.fluentform input,
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="password"],
.fluentform input[type="tel"],
.fluentform input[type="url"],
.fluentform input[type="search"],
.fluentform input[type="number"],
.fluentform input[type="date"],
.fluentform input[type="time"],
.fluentform input[type="datetime-local"],
.fluentform input[type="month"],
.fluentform input[type="week"],
.fluentform textarea,
.fluentform select {
  background: #F4F4F4;
  border-radius: 99px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 32px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 100%;
  min-height: 56px;
  border: none;
  outline: none;
  transition: color 0.2s ease;
}

.fluentform input:focus,
.fluentform input[type="text"]:focus,
.fluentform input[type="email"]:focus,
.fluentform input[type="password"]:focus,
.fluentform input[type="tel"]:focus,
.fluentform input[type="url"]:focus,
.fluentform input[type="search"]:focus,
.fluentform input[type="number"]:focus,
.fluentform input[type="date"]:focus,
.fluentform input[type="time"]:focus,
.fluentform input[type="datetime-local"]:focus,
.fluentform input[type="month"]:focus,
.fluentform input[type="week"]:focus,
.fluentform textarea:focus,
.fluentform select:focus {
  color: rgba(0, 0, 0, 1);
}

.fluentform textarea {
  padding-top: 20px;
  padding-bottom: 20px;
  resize: vertical;
  min-height: 120px;
  border-radius: 36px;
}

.fluentform select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
}

.fluentform input::placeholder,
.fluentform textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.fluentform label {
  color: var(--bricks-color-koqtrk);
}

.fluentform .ff-btn-submit {
  font-size: 32px;
  background: var(--bricks-color-owpsza);
  min-width: 320px;
  color: var(--bricks-color-sqofmc);
  height: 56px;
  border-radius: 100px;
}
.fluentform select option {
  font-size: 22px; 
}
.fluentform input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 50% !important;
  /* background: #F4F4F4 !important; */
  cursor: pointer !important;
  position: relative !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
  min-height: auto !important;
  padding: 0 !important;
  font-size: inherit !important;
}

.fluentform input[type="radio"]:checked {
  background: #F4F4F4 !important;
  border-color: var(--bricks-color-owpsza) !important;
  border-width: 6px !important;
}

.fluentform input[type="radio"]:hover {
  border-color: var(--bricks-color-owpsza) !important;
}

.fluentform input[type="radio"]:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important;
  border-color: var(--bricks-color-owpsza) !important;
}

.fluentform .ff_el_group input[type="radio"] + label,
.fluentform label[for*="radio"],
.fluentform .ff-el-form-control label {
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  font-size: 18px !important;
  color: rgba(0, 0, 0, 0.8) !important;
  font-weight: normal !important;
}

.fluentform input[type="radio"]:checked + label,
.fluentform .ff_el_group input[type="radio"]:checked + label,
.fluentform input[type="radio"]:checked ~ label {
  color: var(--bricks-color-owpsza) !important;
}

.fluentform .ff-el-group .ff-el-form-control,
.fluentform .ff_el_group {
  margin-bottom: 15px;
}
.gender-input-class .ff-el-input--content {
	padding-top: 10px !important;
 }


@media (max-width: 768px) {
  .fluentform input,
  .fluentform input[type="text"],
  .fluentform input[type="email"],
  .fluentform input[type="password"],
  .fluentform input[type="tel"],
  .fluentform input[type="url"],
  .fluentform input[type="search"],
  .fluentform input[type="number"],
  .fluentform input[type="date"],
  .fluentform input[type="time"],
  .fluentform input[type="datetime-local"],
  .fluentform input[type="month"],
  .fluentform input[type="week"],
  .fluentform textarea,
  .fluentform select {
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 40px;
  }
  
  .fluentform textarea {
    border-radius: 20px;
  }
  
  .fluentform select {
    background-position: right 12px center;
  }
  .fluentform input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
	margin-right: 6px !important;
  }
  .fluentform input[type="radio"]:checked {
    border-width: 5px !important;
  }
  .fluentform .ff_el_group input[type="radio"] + label,
  .fluentform label[for*="radio"],
  .fluentform .ff-el-form-control label {
    font-size: 16px !important;
  }
  .gender-input-class .ff-el-input--content {
        padding-top: 0px !important;
        display: flex;
        column-gap: 20px;
    }
}


/* Flatpickr */
.flatpickr-calendar {
    font-size: 19px !important;
    line-height: 100%;
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
    font-weight: bold;
}
.flatpickr-day {
    color: var(--bricks-color-owpsza);
    font-weight: bold;
}
.flatpickr-day.today {
    border-color: var(--bricks-color-owpsza) !important;
    color: var(--bricks-color-sqofmc);
    background-color: var(--bricks-color-owpsza);
}
.flatpickr-current-month {
    font-size: 28px;
    font-weight: bold;
}
.flatpickr-months .flatpickr-month {
    height: 50px !important;
}
.flatpickr-time input {
    font-size: 23px !important;
}

/* Products */
.stock-progress-container {
    position: relative;
    width: 100%;
}

.stock-progress-bar {
    width: 100%;
    height: 26px;
    background-color: #D7D7D7;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
}

.stock-progress-fill {
    height: 100%;
    background-color: #FF0000;
    border-radius: 100px;
    transition: width 0.3s ease;
    position: relative;
}

.stock-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    white-space: nowrap;
    z-index: 2;
}

/* Contact Bar */
.contact-bar-button.closed i {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.contact-bar-button i {
    transition: transform 0.3s ease;
}
.contact-bar-wrapper {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    background: rgba(255, 255, 255, 0.1);
}

/* Landing Page */
.landingcontent .wp-block-image, .landingcontent .wp-block-video, .landingcontent figcaption, .landingcontent figure {
    margin: 0em 0;
}
.landingcontent img {
    width: 100vw;
}

/* Single Product */
.product-single-template .one-page-checkout-product-single {
    display: none;
}
.one-page-checkout-container {
    clear: both;
    padding: 0;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    max-width: fit-content;
}
.checkout-popup {
    padding: 0;
}
@media (min-width: 768px) {
    .one-page-checkout-container .woocommerce-checkout > * {
        width: 100%;
        padding: 0 15px 0px;
        max-width: 100%;
    }
}
.checkout-popup div#checkout-form {
    overflow: hidden;
    overflow-y: hidden;
    height: 100%;
}
.one-page-checkout-container :where(p) {
    margin: 0;
}
form.woocommerce-checkout.bricks-default-checkout {
    gap: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.checkout-popup .woocommerce {
    padding-bottom: 0;
}
.form-row {
	margin-bottom: 32px;
}

.one-page-checkout-container input,
.one-page-checkout-container input[type="text"],
.one-page-checkout-container input[type="email"],
.one-page-checkout-container input[type="password"],
.one-page-checkout-container input[type="tel"],
.one-page-checkout-container input[type="url"],
.one-page-checkout-container input[type="search"],
.one-page-checkout-container input[type="number"],
.one-page-checkout-container input[type="date"],
.one-page-checkout-container input[type="time"],
.one-page-checkout-container input[type="datetime-local"],
.one-page-checkout-container input[type="month"],
.one-page-checkout-container input[type="week"],
.one-page-checkout-container textarea,
.one-page-checkout-container select {
  background: #F4F4F4;
  border-radius: 99px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 32px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 100%;
  min-height: 56px;
  border: none;
  outline: none;
  transition: color 0.2s ease;
}

.one-page-checkout-container input:focus,
.one-page-checkout-container input[type="text"]:focus,
.one-page-checkout-container input[type="email"]:focus,
.one-page-checkout-container input[type="password"]:focus,
.one-page-checkout-container input[type="tel"]:focus,
.one-page-checkout-container input[type="url"]:focus,
.one-page-checkout-container input[type="search"]:focus,
.one-page-checkout-container input[type="number"]:focus,
.one-page-checkout-container input[type="date"]:focus,
.one-page-checkout-container input[type="time"]:focus,
.one-page-checkout-container input[type="datetime-local"]:focus,
.one-page-checkout-container input[type="month"]:focus,
.one-page-checkout-container input[type="week"]:focus,
.one-page-checkout-container textarea:focus,
.one-page-checkout-container select:focus {
  color: rgba(0, 0, 0, 1);
}

.one-page-checkout-container textarea {
  padding-top: 20px;
  padding-bottom: 20px;
  resize: vertical;
  min-height: 120px;
  border-radius: 36px;
}

.one-page-checkout-container select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
}

.one-page-checkout-container input::placeholder,
.one-page-checkout-container textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.one-page-checkout-container label {
  color: var(--bricks-color-koqtrk);
}

.one-page-checkout-container .ff-btn-submit {
  font-size: 32px;
  background: var(--bricks-color-owpsza);
  min-width: 320px;
  color: var(--bricks-color-sqofmc);
  height: 56px;
  border-radius: 100px;
}
.one-page-checkout-container select option {
  font-size: 22px; 
}
.one-page-checkout-container input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 50% !important;
  /* background: #F4F4F4 !important; */
  cursor: pointer !important;
  position: relative !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
  min-height: auto !important;
  padding: 0 !important;
  font-size: inherit !important;
}

.one-page-checkout-container input[type="radio"]:checked {
  background: #F4F4F4 !important;
  border-color: var(--bricks-color-owpsza) !important;
  border-width: 6px !important;
}

.one-page-checkout-container input[type="radio"]:hover {
  border-color: var(--bricks-color-owpsza) !important;
}

.one-page-checkout-container input[type="radio"]:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important;
  border-color: var(--bricks-color-owpsza) !important;
}

.one-page-checkout-container .ff_el_group input[type="radio"] + label,
.one-page-checkout-container label[for*="radio"],
.one-page-checkout-container .ff-el-form-control label {
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  font-size: 18px !important;
  color: rgba(0, 0, 0, 0.8) !important;
  font-weight: normal !important;
}

.one-page-checkout-container input[type="radio"]:checked + label,
.one-page-checkout-container .ff_el_group input[type="radio"]:checked + label {
  color: var(--bricks-color-owpsza) !important;
}

.one-page-checkout-container .ff-el-group .ff-el-form-control,
.one-page-checkout-container .ff_el_group {
  margin-bottom: 15px;
}

@media (max-width: 768px) {
  .one-page-checkout-container input,
  .one-page-checkout-container input[type="text"],
  .one-page-checkout-container input[type="email"],
  .one-page-checkout-container input[type="password"],
  .one-page-checkout-container input[type="tel"],
  .one-page-checkout-container input[type="url"],
  .one-page-checkout-container input[type="search"],
  .one-page-checkout-container input[type="number"],
  .one-page-checkout-container input[type="date"],
  .one-page-checkout-container input[type="time"],
  .one-page-checkout-container input[type="datetime-local"],
  .one-page-checkout-container input[type="month"],
  .one-page-checkout-container input[type="week"],
  .one-page-checkout-container textarea,
  .one-page-checkout-container select {
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 40px;
  }
  
  .one-page-checkout-container textarea {
    border-radius: 20px;
  }
  
  .one-page-checkout-container select {
    background-position: right 12px center;
  }
  .one-page-checkout-container input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
	margin-right: 6px !important;
  }
  .one-page-checkout-container input[type="radio"]:checked {
    border-width: 5px !important;
  }
  .one-page-checkout-container .ff_el_group input[type="radio"] + label,
  .one-page-checkout-container label[for*="radio"],
  .one-page-checkout-container .ff-el-form-control label {
    font-size: 16px !important;
  }
}
.one-page-checkout-container .woocommerce-checkout #payment {
    padding: 0;
}
.one-page-checkout-container .woocommerce-checkout .woocommerce-checkout-payment{
    border: none;
}
.one-page-checkout-container .cart-subtotal {
    border-top: 0;
	    padding: 0;
}
.one-page-checkout-container button#place_order {
	width: 100% !important;
	border-radius: 100px;
	background-color: #2EAFCC;
	color: #fff;
}
.one-page-checkout-container .cart-subtotal {
	display:none;
}
.one-page-checkout-container .form-row.place-order p.order-total-price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.one-page-checkout-container .form-row.place-order p.order-total-price {
	font-size: 40px;
	font-weight: bold;
}
.one-page-checkout-container .form-row.place-order bdi {
	font-size: 56px;
	font-weight: bold;
}
.one-page-checkout-container p.order-total-price {
	margin-bottom: 24px !important;
}
.one-page-checkout-container .col-2 {
	display:none;
}
.one-page-checkout-container #order_review_heading {
    display:none !important;
}

/* WooCommerce Select2 styling to match other inputs */
.one-page-checkout-container .select2-container {
  width: 100% !important;
}

.one-page-checkout-container .select2-container .select2-selection--single {
  background: #F4F4F4 !important;
  border-radius: 99px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  font-size: 32px !important;
  color: rgba(0, 0, 0, 0.7) !important;
  line-height: 100% !important;
  min-height: 56px !important;
  height: 56px !important;
  border: none !important;
  outline: none !important;
  transition: color 0.2s ease !important;
}

.one-page-checkout-container .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: 56px !important;
  color: rgba(0, 0, 0, 0.7) !important;
  font-size: 32px !important;
}

.one-page-checkout-container .select2-container .select2-selection--single .select2-selection__placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.one-page-checkout-container .select2-container .select2-selection--single .select2-selection__arrow {
  height: 56px !important;
  right: 20px !important;
  top: 0 !important;
}

.one-page-checkout-container .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent !important;
  border-style: solid !important;
  border-width: 6px 6px 0 6px !important;
  height: 0 !important;
  left: 50% !important;
  margin-left: -6px !important;
  margin-top: -3px !important;
  position: absolute !important;
  top: 50% !important;
  width: 0 !important;
}

.one-page-checkout-container .select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #000 transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.one-page-checkout-container .select2-container--focus .select2-selection--single,
.one-page-checkout-container .select2-container--open .select2-selection--single {
  color: rgba(0, 0, 0, 1) !important;
}

.one-page-checkout-container .select2-container--focus .select2-selection--single .select2-selection__rendered,
.one-page-checkout-container .select2-container--open .select2-selection--single .select2-selection__rendered {
  color: rgba(0, 0, 0, 1) !important;
}

/* Select2 dropdown styling */
.select2-container--default .select2-dropdown {
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
  margin-top: 5px !important;
}

.select2-container--default .select2-results__option {
  padding: 12px 20px !important;
  font-size: 22px !important;
  color: rgba(0, 0, 0, 0.8) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bricks-color-owpsza) !important;
  color: white !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F4F4F4 !important;
  color: rgba(0, 0, 0, 0.9) !important;
}

/* Mobile responsive for Select2 */
@media (max-width: 768px) {
  .one-page-checkout-container .select2-container .select2-selection--single {
    font-size: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    min-height: 40px !important;
    height: 40px !important;
  }
  
  .one-page-checkout-container .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 20px !important;
    line-height: 40px !important;
  }
  
  .one-page-checkout-container .select2-container .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    right: 12px !important;
  }
  
  .select2-container--default .select2-results__option {
    font-size: 18px !important;
    padding: 10px 15px !important;
  }
}

/* Hide Select2 clear/deselect (x) button */
.one-page-checkout-container .select2-selection__clear {
  display: none !important;
}