@media screen and (min-width: 1024px) {
    .how-it-work .content-section.rev {
        flex-direction: row-reverse;
    }
}

.contact-faq {
	margin-bottom: 120px;
}

.site-header .nav-menu a:hover {
    opacity: 1;
    color: var(--primary-color);
}

.site-header .header-item {
	align-items: stretch;
}

.site-header .header-item .main-navigation .menu-menu-1-container,
.site-header .header-item .main-navigation .menu-menu-1-container .nav-menu,
.site-header .header-item .main-navigation .menu-menu-1-container .nav-menu li,
.site-header .header-item .main-navigation .menu-menu-1-container .nav-menu li a {
	height: 100%;
}

.site-footer .col a:hover,
.site-footer .copyright a:hover {
    opacity: 1;
    color: var(--primary-color);
}

.slider-section-1 .section-title {
    max-width: unset;
    margin-inline: unset;
}

.slider-section-1 .section-title .title {
    text-align: left;
}

@media screen and (min-width: 1024px) {
    .testimonial-content {
        flex: 1;
    }
}

.testimonial-content.tc-mobile {
	display: block;
}

.pricing .pricing-table-item-header .price .amount {
    font-size: 36px;
    line-height: 1.11;
    font-weight: 700;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .plans-table-item .plan-row {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		min-width: 770px;
	}
	.site-header .mobile-menu-overlay {
		width: 80%;
	}
	.site-header .mobile-menu-content {
		width: 100%;
	}
}

.why-forcasa-2 .image {
	border-radius: 20px;
	overflow: hidden;
}

.why-forcasa .image video {
	border-radius: 20px;
	overflow: hidden;
}

.why-forcasa-bookkeeping {
    padding: 120px 0;
}

.why-forcasa-bookkeeping .section-note{
    margin: 20px 0;
}

.why-forcasa-bookkeeping .features {
  flex-wrap: wrap;
	justify-content: center;
}

.why-forcasa-bookkeeping .feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  background-color: #262626;
  border-radius: 40px;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  gap: 2px;
}

.contact .right-section form label {
	width: 100%;
}

.contact .right-section input.wpcf7-form-control.wpcf7-submit.has-spinner {
	border-radius: 5px;
}

.contact .wpcf7 {
	position: relative;
	z-index: 2;
}

@media screen and (min-width: 1024px) {
	.os-main-wrapper .space-below {
		margin-bottom: 32px;
	}
}

.nav-menu .menu-item {
  position: relative;
}

.nav-menu .menu-item > a:hover {
  color: var(--primary-color);
}

.nav-menu .menu-item .sub-menu {
    position: absolute;
	top: 100%;
	left: 0px;
	z-index: 1;
	background-color: rgb(35 36 41)!important;
	padding-block: 12px!important;
/* 	backdrop-filter: blur(12px)!important; */
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	width: max-content;
	list-style: none;
	transition: all 0.3s ease-in-out;
	transform: translateY(25%);
	opacity: 0;
	visibility: hidden;
	border: 1px solid #FFCB74;
/* 	text-align: center; */
/* 	margin-top: 15px; */
}
.nav-menu .menu-item .sub-menu .menu-item {
  padding: 8px 12px;
}
.nav-menu .menu-item a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.nav-menu .menu-item.menu-item-has-children > a::after {
  content: "";
  display: inline-flex;
  width: 12px;
  height: 12px;
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.978478 0.313439C1.15599 0.135928 1.43376 0.11979 1.62951 0.265027L1.68558 0.313439L5.9987 4.62632L10.3118 0.313439C10.4893 0.135928 10.7671 0.11979 10.9628 0.265027L11.0189 0.313439C11.1964 0.49095 11.2126 0.768726 11.0673 0.964466L11.0189 1.02055L6.35225 5.68721C6.17474 5.86472 5.89697 5.88086 5.70122 5.73562L5.64514 5.68721L0.978478 1.02055C0.783216 0.825283 0.783216 0.508701 0.978478 0.313439Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  background-color: currentColor;
  margin-bottom: 4px;
}
.nav-menu .menu-item:hover .sub-menu {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.nav-menu-mobile .menu-item:has(.sub-menu).menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.nav-menu-mobile .menu-item:has(.sub-menu).menu-item-has-children > a::after {
  content: "";
  display: inline-flex;
  width: 12px;
  height: 12px;
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.978478 0.313439C1.15599 0.135928 1.43376 0.11979 1.62951 0.265027L1.68558 0.313439L5.9987 4.62632L10.3118 0.313439C10.4893 0.135928 10.7671 0.11979 10.9628 0.265027L11.0189 0.313439C11.1964 0.49095 11.2126 0.768726 11.0673 0.964466L11.0189 1.02055L6.35225 5.68721C6.17474 5.86472 5.89697 5.88086 5.70122 5.73562L5.64514 5.68721L0.978478 1.02055C0.783216 0.825283 0.783216 0.508701 0.978478 0.313439Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  background-color: currentColor;
  margin-bottom: 4px;
}
/* .nav-menu-mobile .menu-item:has(.sub-menu) .sub-menu {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.3s ease-in-out;
}
.nav-menu-mobile .menu-item:has(.sub-menu) .sub-menu .menu-item {
  overflow: hidden;
  margin: 8px 0 0 16px;
}
.nav-menu-mobile .menu-item:has(.sub-menu).active .sub-menu {
  grid-template-rows: 1fr;
} */

.nav-menu-mobile .menu-item .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu-mobile .menu-item.active .sub-menu {
    max-height: 500px;
}

.nav-menu-mobile .menu-item.active > a::after {
    transform: rotate(180deg);
}

.nav-menu-mobile .sub-menu .menu-item {
    overflow: hidden;
    margin: 8px 0 0 16px;
}

.os-slider-progress-wrapper {
    position: fixed; /* Adjust based on your layout */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
	border-radius:8px;
    background-color: #DCDBDB; 
}
.os-slider-progress-bar {
    height: 100%;
    width: 0; 
    background-color: #FFCB74; 
	border-radius:8px;
    transition: width 0.1s ease-in-out;
}

.faq .faq-item .answer a {
	color: var(--primary-color);
}

/* Autofill styling */
.contact .right-section form input:-webkit-autofill,
.contact .right-section form textarea:-webkit-autofill {
  -webkit-text-fill-color: #ffffff;
  border: 1px solid;
  border-radius: 8px;
  border-color: rgba(240, 240, 240, 0.5);
  background: linear-gradient(#24262b, #24262b) padding-box, 
              linear-gradient(92.96deg, rgba(240, 240, 240, 0.3) 25.93%, rgba(240, 240, 240, 0.12) 100%) border-box;
  box-shadow: 0 0 0px 1000px #24262b inset;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
	.plans-table-item .plan-row.header {
		border-bottom: 1px solid rgba(225, 224, 224, 0.1019607843);
	}
	.plans-table-item .plan-row.header :first-child {
		border-radius: 0;
	}
	.plans-table-item .plan-row .feature {
		position: sticky;
		left: 0;
		background-color: #8d7347;
	}
	.plans-table-item .plan-row.header .highlight .highlighted {
		padding: 7px;
	}
	.plans-table-item .plan-row.header .highlight{
        border-radius: 0;
        padding: 8px 16px;
    }
}
@media screen and (max-width: 1600px) {
    .banner .banner-bg img {
		height: auto;
	}
}

@media screen and (min-width: 1921px) {
    .banner-overview {
      background-color: #997e512e;
    }
    .banner {
        max-width: 1920px;
        margin: 0 auto;
    }
	.banner .banner-bg img {
    /* 		border-radius: 30px; */
	}
}
@media (max-width: 1600px) and (min-width: 1441px)  {
	.swiper-css-mode .swiper-wrapper {
		--swiper-centered-offset-before: 190px !important;
	}
}
@media (max-width: 1440px) and (min-width: 1281px)  {
	.swiper-css-mode .swiper-wrapper {
		--swiper-centered-offset-before: 94px !important;
	}
}
@media (max-width: 1280px) and (min-width: 1024px)  {
	.swiper-css-mode .swiper-wrapper {
		--swiper-centered-offset-before: 24px !important;
	}
}

@media screen and (min-width: 767px) {
    .banner-bg.banner-bg-desktop img {
        display: none;
    }
	.banner-bg.banner-bg-medium img {
        display: block;
    }
	.banner-bg.banner-bg-mobile img {
        display: none;
    }
}

@media screen and (min-width: 1441px) {
    .banner-bg.banner-bg-desktop img {
        display: block;
    }
	.banner-bg.banner-bg-medium img {
        display: none;
    }
	.banner-bg.banner-bg-mobile img {
        display: none;
    }
}


.image {
	position: relative;
}

#video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 99;
}

#video-overlay button {
	background: white;
	padding: 15px;
	border-radius: 50%;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#background-video, #youtube-video {
	width: 100%;
	height: 700px;
/* 	border-radius: 30px; */
}
@media screen and (max-width: 1024px) {
	#background-video, #youtube-video {
		height: auto;
	}
}

#popup-container {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 900px;
	box-shadow: 0 10px 30px rgb(255, 255, 255);
	border-radius: 20px;
	z-index: 1000;
}
    
#popup-container iframe {
	width: 100%;
	height: 550px;
	border-radius: 10px;
}
    
#popup-close {
	position: absolute;
	top: 10px;
	right: 15px;
	background: red;
	color: white;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 5px;
}
    
#popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 90%);
	z-index: 999;
}

body.page-template-privacy-policy ul#primary-menu,
body.page-template-privacy-policy ul#primary-menu li,
body.page-template-terms-of-use ul#primary-menu,
body.page-template-terms-of-use ul#primary-menu li {
	margin: 0;
}
b[style*="color: initial"],i[style*="color: initial"] {
  color: #fff !important;
}