/* Before adding any unnecessary CSS rules, please check out the Snap documentation at https://bit.ly/3PqSii8. */
/* Override Styles */
/*
.service-style-1 h2 {margin: 10px 0;}
.ry-menu .ry-nav li .dropdown-toggle {padding: 30px 0;}
ul#quick-links li a {display: block;width: 100%;}
#in-services-3 ul li a {margin-left: 0px;margin-top:30px}
*/
[x-cloak] { display: none !important; }
.promotions img { min-width: 22rem; max-width:22rem;}
#in-services-style-2.squares .ry-each:before, #in-services-style-2.squares .ry-each img {border-radius: 0;}
.mobile-menu-icon a{display: flex;height: 100%;width: 100%;justify-content: center;align-items: center;}
body.fancybox-active .ry-sticky-menu.fixed {z-index: 9999;}
.testimonials-swiper p,
.testimonials-swiper-2 p{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4
}
div#contents h2:first-of-type {
    margin-top: 0;
}

#brands-inner #frames-grid .swiper-wrapper {
  transform: initial !important;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2em;
}
#brands-inner #frames-grid .swiper-wrapper .swiper-slide {
  flex-shrink: initial !important;
  width: 30%;
}
#brands-inner #frames-grid .swiper-wrapper img {
  height: 60px;
  object-fit: contain;
  margin: auto;
}
#brands-inner #frames-block {
  padding: 0;
  margin-top: 3em;
}
.link, a.link {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: transparent !important;
}



.brand-4-swiper-button-prev, .brand-4-swiper-button-next {
    display: none;
}

.page-anchor {
    display: block;
    position: relative;
    top: -190px;
    visibility: hidden;
}
.service-hover {
    position: absolute;
    z-index: 9;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: white;
}

/* Show service-hover when parent with data-target is hovered */
[data-target]:hover .service-hover {
    opacity: 1;
}

/* Apply the overlay effect when parent is hovered */
[data-target]:hover .service-hover::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1; /* Make sure it's behind the text */
}
.mm-navbar {
	color: #ffffff;
}



.hp-testi-bg {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-b96469fe-3fc2-4e0e-8ca6-c69711e8e74a/Assets/Testimonial_background.jpg);
	background-size: cover;
}

.text-secondary-background h6 {
    color: #333;
}

.hp-testi-bg .text-secondary-background h6 {
    color: #fff;
}

div#section-hp-team .text-sm.font-medium.text-primary-background.sm\:text-base.lg\:text-lg.dark\:text-gray-200.uppercase p {
    font-size: 22px;
    margin-bottom: 10px;
	color: #222222;
}

div#section-hp-team .text-xs.text-gray-600.sm\:text-sm.lg\:text-base.dark\:text-gray-400 p {
    opacity: .8;
    font-size: 18px;
}

#section-hp-team .homepage-team-swiper {
    max-width: 40rem !important;
}

.ry-services.style2 .text-primary-background h3 {
    color: #212121;
}

.hp-testi-bg .swiper-backface-hidden .swiper-slide {
    background: rgb(255 255 255 / 60%);
}

.hp-testi-bg .swiper-backface-hidden .swiper-slide svg {
    fill: #525743;
}



@media (max-width:1199px) {
	  .snap-mobile-menu {
		display: flex !important;
	}
	
	div.homepage-swiper h2 {
	  text-align: center !important;
	  font-size: 30px !important;
	}
	
	
	div.module-welcome p {
		text-align: center !important;
	}

	.snap-mobile-menu img {
		max-width: 220px;
		max-height: 70px !important;
	}

	div#navigation-style-5 {
		display: none;
	}
	
	
	div.slider-info-center-bottom {
	   position: static;
	   transform: initial !important;
	   background-color: var(--color-primary-background);
	   text-align: center;
	   width: 100% !important;
	   max-width: 100%;
		min-height: initial !important;
	}
	
	div.slider-info-center-bottom a.ry-btn.ry-btn-primary {
		margin-bottom: 2em !important;
	}
	
	div#section-hp-services .module-welcome.style-6 {
		text-align: center;
	}

	.homepage-swiper h2 {
		font-size: 30px !important;
		line-height: 1.2 !important;
	}

	div#section-hp-services,
	div#section-hp-team,
	div#hp-brands-6,
	div#hp-insurance-1,
	.module-testimonials.style-4,
	.hp-testi-bg, .ry-services.style2 {
		text-align: center !important;
	}

	div#hp-brands-6 .gap-2, div#hp-insurance-1 .gap-2 {
		justify-content: center !important;
		align-items: center !important;
	}
	
	.module-welcome.style-6 .text-wrapper p {
		text-align: center !important;
	}
	
	.hp-testi-bg {
		text-align: center;
	}
	
	.hp-testi-bg  .flex.items-center.space-x-2.mb-5 {
		justify-content: center;
		margin: 10px auto;
	}

}





@media (max-width:671px) {
    #brands-inner #frames-grid .swiper-wrapper .swiper-slide {
		width: 45% !important;
		height: 100px !important;
		display: flex ;
		align-items: center;
		justify-content: center;
	}
	
	#footer-map {
		height: 500px !important;
	}

	#brands-inner #frames-grid .swiper-wrapper {
		justify-content: center !important;
		gap: 1em !important !important;
	}

	#brands-inner #frames-grid .swiper-wrapper img {
		height: 50px !important;
	}
}