/* 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#frames-tab div#ry-each {
    height: 150px;
    display:flex;
}


div#frames-tab div#ry-each img {
    margin:0 auto 0 !important;
    object-fit:contain !important;
}


.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;
}

div#blog-content p {
    margin: 0 !important;
}

div#blog-content h4, div#blog-content h3, div#blog-content h2 {
    margin-top: 1em !important;
    line-height: 1.5;
}


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

.homepage-swiper h2 {
	text-shadow: 3px 3px 3px rgb(0 0 0 / 40%);
}

.module-testimonials .testimonial-right {
	background: url(https://s3.amazonaws.com/static.organiclead.com/Site-fbadc3f7-f4a0-42a3-807f-9bc992049239/Assets/testimonial_bg.jpg);
	background-size: cover;
}

/* Header */
.ry-menu .ry-nav li:hover {
    color: #fff;
    opacity: 0.9;
}

div#dropdown-app-btn ul.multiLocationUl p {
    text-transform: initial !important;
    font-weight:normal !important;
}



.mobile-dropdown:hover .mobile-dropdown-menu {
  display: block;
  width: 12rem;
  left: -150px;
}

.mobile-dropdown a {
    background: var(--color-secondary-background);
    color: #fff;
}

.mobile-dropdown a:hover {
    background: var(--color-primary-background);
}

.multiLocationUl:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  z-index: 999999;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
}
	
div#app-drowdown {
    top: 60px;
    width: 100%;
    text-align: center;
}

div#app-drowdown p.text-balance {
    text-align: center;
}

div#app-drowdown a {
    max-width: 100%;
    color: #ffff !important;
}

div#dropdown-app-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

div#dropdown-app-btn:hover {
    background: #29443d !important;
}

/* END Header */



@media (max-width: 1440px) {
	div#navigation-style-4.container {
		max-width: 1280px;
	}
}
body[data-page-id='WebPage-f17527b4-4a73-4a9c-b929-f914ea125650'] .modal-dialog {
  max-width: 600px;
}
body[data-page-id='WebPage-f17527b4-4a73-4a9c-b929-f914ea125650'] .modal-dialog img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/*RESPONSIVE*/

@media (min-width:992px) and (max-width:1199px) {
    div#footer-info-flex .ry-each {
    width: -webkit-fill-available;
		grid-column: initial !important;
	}

	div#footer-info-flex {
		gap: 0;
		display: flex;
	}
	
	#ry-footer h4 {
		font-size: 21px !important;
	}


	div#footer-info-flex .ry-each li {
		gap:0;
	}
}

@media (max-width:1080px) {
	.mobile-services .slick-track .ry-each {
        margin-left: 25px;
			border: none;
			background:#253340;
	}

	.mobile-services .slick-track  h4 {
		   color:#fff !important; 
			font-size:21px;
			font-weight:normal;
	}

	.mobile-services .slick-track a {
			background:#fff;
			margin:0 auto 1em;
			width: 50px;
			height: 50px;
	}

	.mobile-services .slick-track i {
			font-size:25px;
	}

	div#services-12 {
			display: none;
	}

	div#section-hp-services p {
			text-align:center !important;
	}

	.mobile-services .slick-track  {
			margin-top:2em;
	}
}


@media (max-width:1024px) {
  div#hp-brands-5 h6, div#hp-brands-5 h3,
	.module-testimonials h6, .module-testimonials h3 {
		text-align: center;
	}
	
	div.module-testimonials.style-3 p {
		text-align: center !important;
	}

		div#welcome-wrap h2, .sub-title h6 {
		font-size: 20px !important;
		color: var(--color-secondary-background);
	}

	div#welcome-wrap .sub-title h4, .main-title h3,
	div#hp-brands-5 h3, .module-testimonials h3  {
		line-height: 1.2;
		margin-top: 10px;
		color: #333;
		font-size: 30px;
		font-weight: 600;
	}

		#services-12  h4 {
		font-size: 26px;
	}

	div#section-hp-team h3 {
		color: #fff;
	}

	div#hp-brands-5 p {
		text-align: center !important;
	}

	.homepage-swiper h2 {
		text-align: center !important;
		font-size: 26px;
		line-height: 1.2;
	}
}



@media (max-width:500px) {
	 img#testi-image {
		display: none;
	}   
}

#ry-footer ul {
    line-height: 2;
}

/*END RESPONSIVE*/

body[data-page-name="contact-us"] #footer-map {
	display: none !important;
}

div#hp-slider h2 {
    max-width: 1200px;
    margin: auto;
    line-height: 1.2;
}