/* 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;
}
#in-services-style-2.squares .ry-each:before, #in-services-style-2.squares .ry-each img {border-radius: 0;}
.testimonials-swiper p,
.testimonials-swiper-2 p{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4
}

/*HP Edits | Started - <November 11, 2025>*/

/*Global*/
/*btn*/

/*Modal*/
/*Header*/
.with-gradient:before {
    background-image: linear-gradient(to bottom, white, transparent, transparent);
}
.ry-menu .ry-nav li.primary {
    font-size: 22px !importnt;
}

.ry-menu .ry-nav li.primary .caret {
    border-color: #374151;
}

.ry-menu .ry-nav li.primary:hover .caret {
    border-color: var(--color-secondary-background);
}
.ry-menu .ry-nav li.dropdown .dropdown-menu li {
    padding: 15px 60px 15px 30px;
}
/*Hero*/
/*Welcome*/

.module-welcome.style-5 .ry-each.image-wrapper {
    border: none;
}

.module-welcome.style-5 .ry-each.image-wrapper .photo img {
    object-fit: contain;
}

.module-welcome.style-5 .ry-each.image-wrapper .photo {
    padding-top: 40%;
}

.module-welcome.style-5 .ry-text p {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

/*CTA*/
/*Services*/

#services-12 > div:nth-child(odd) {
    background-color: var(--color-primary-background);
}

#services-12 > div:nth-child(odd) > div > a {
    background-color: var(--color-secondary-background);
}

#section-hp-services::before {
    background: var(--color-secondary-background);
    height: 30%;
    top: auto;
    bottom: 0;
}
#services-12 > div:nth-child(even) {
    background-color: #7ba6a1;
}
/*Team*/
#section-hp-team:before {
    background: var(--color-primary-background);
}

#section-hp-team h6, #section-hp-team p {
    color: white;
}
/*Insurance*/
/*Brands*/
/*Appointment Form*/
/*Testimonials*/
.module-testimonials.style-4 svg {
   color: rgb(253 224 71 / var(--tw-text-opacity, 1))
}
.module-testimonials.style-4 .swiper-wrapper .swiper-slide {
    background: #7ba6a1;
}
/*Footer*/

/*Media Queries*/
@media screen and (max-width:1024px){
    #hp-slider, #hp-slider .swiper-wrapper, .homepage-swiper .swiper-slide img {
        height: 100% !important;
    }
    
    .with-gradient:before {
        opacity: 0;
    }
}

@media (width < 1080px) {
    #section-hp-services:before, .module-19.style2:before, .ry-services.style2::before {
        opacity: 1;
    }
}
/* END | HP Edits*/

	#navigation .bg-primary-background {
	background-color:#fff !important;
	}

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

body[data-page-name="contact-us"] div#ry-footer-3 {
    padding-top: 220px;
}
#section-hp-team .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff !important;
    opacity: 1 !important;
}
#section-hp-team span.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
    z-index: 1;
    position: relative;
}




html, body {
    overflow-x:hidden;
    overflow-y:auto
}
#navigation #header-9-ctas a.bg-primary-background {
    background: var(--color-primary-background) !important;
    transition:all .3 ease
}
#navigation #header-9-ctas a.bg-secondary-background  {
    background: #02478f !important;
}
#navigation-style-9 {
    background: var(--color-secondary-background);
    height:fit-content !important;
    max-height:unset !important;
    align-items:center
}
#navigation #header-9-ctas a {
    text-decoration:none;
    transition:all .3 ease !important;
    height:75px
}
#navigation #header-9-ctas a:hover{
    text-decoration:none;
    background: #000000 !important;
}

#navigation-style-9 img{
    max-width:150px !important;
    width: 100% !important;
    max-height:unset !important;
    position:relative !important;
    padding:0
}

#navigation-style-9 .ry-menu .ry-nav {
    gap:3vw
}
#navigation {
    position:fixed
}
#navigation-style-9 .ry-menu .ry-nav li:hover  {
    color: var(--color-primary-background) !important;
}
#hp-slider img{
    height:100vh
}


#hp-slider .swiper-button-prev,
#hp-slider .swiper-button-next {
    top:58%
}
    .brands-swiper-4 img {
        height:unset;
        width:200px;
        object-fit:contain
    }
[data-page-id="WebPage-13ad7661-7fc6-4110-b685-87e280c48626"] .grid .bg-gray-200.rounded-lg {
    display:flex;
    align-items:center;
    justify-content:center
}

@media(max-width:1199px) {
    #navigation-style-9 .ry-menu .ry-nav {
    gap:15px
}
    .snap-mobile-menu {
        background: var(--color-secondary-background) !important;
        height:fit-content
    }
    .snap-mobile-menu img {
        width:100PX;
        max-height:unset;
		 position:relative;
        right:-20px
    }

    .snap-mobile-menu .mobile-menu-icon {
        background: var(--color-primary-background) !important;
    }
    .snap-mobile-menu .gap-4,
    .snap-mobile-menu .gap-6{
        gap:10px
    }
    mm-burger {
        color:var(--color-primary-background) !important;
    }
}
/*

@media(min-width:1025PX){
    [x-data="randomBanners"] .absolute {
        padding-top:120px;
        position:relative
    }
}


@media(max-width:991px) {
    #hp-slider img{
    padding-top:100px
}
}

@media(max-width:1024PX){
    [x-data="randomBanners"] .absolute {
        padding-top:100px;
        position:relative
    }
}

*/

#navigation {
    position: relative; /* Default position */
}

#navigation.scrolled {
    position: fixed; /* Fixed position after 10% scroll */
}

body p {
    font-size: 18px !important;
}