/* 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 <January 28, 2026> */

/**/
	/*fonts*/

	/*btns*/
/*Modal*/
/* Header */
	/**/
.slider-info {
    min-height: fit-content;
}
body[data-page-name="index"] #navigation {
    position: absolute;
}
.goog-te-gadget img {
    display: inline;
}

.cta-btn:first-child {
    background: transparent;
}

.cta-btn:first-child a {
    max-width: 100%;
}
.cta-btn:first-child:hover {
    border-color: transparent;
}
.snap-mobile-menu {
    background-color: var(--color-primary-text);
    height: 100%;
    padding: 10px 0;
}

mm-burger {
    color: var(--color-primary-background);
}
.ry-menu .ry-nav li.primary .caret {
    border-color: #374151;
}

.ry-menu .ry-nav li.primary:hover .caret {
    border-color: var(--color-secondary-background);
}
.snap-mobile-menu img {
    max-height: 30px;
}
/* Hero */
	/**/
.with-gradient:before {
    background-image: linear-gradient(to bottom, white, transparent, transparent);
}
#hp-slider, #hp-slider .swiper-wrapper, .homepage-swiper .swiper-slide img {
    height: 100vh !important;
}
/* CTA */
	/**/
/* 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-bottom: 70%;
}

.module-welcome.style-5 .ry-container {
    width: 100%;
}

.module-welcome.style-5 .ry-text p {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
/* Services */
	/**/
#services-12 > div:nth-child(even) > div > p, #services-12 > div:nth-child(odd) > div > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
#services-12 > div:nth-child(even) img, #services-12 > div:nth-child(odd) img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 8px solid white;
    box-shadow: 0 0 7px #333;
}
/* Meet the Team */
	/**/
#section-hp-team h6, #section-hp-team p {
    color: var(--color-primary-text);
}
/* Insurance */
	/**/
#hp-insurance-1 .overflow-hidden {
    padding: 0;
}
#hp-insurance-1 .swiper-slide {
    background: transparent;
}

.brands-swiper-4 img {
    height: 110px;
}
/* Brand */
	/**/
/* Request Appointment */
	/**/
/* Playground */
.bg-insurances-background .grid .photo img {
    margin: 0 auto;
}
/* Testimonials */
	/**/
.module-testimonials.style-4 .mt-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.module-testimonials.style-4 svg {
    color: rgb(253 224 71 / var(--tw-text-opacity, 1))
}
/* Footer */
	/**/
#ry-footer::before {
    background-color: var(--color-secondary-background);
}

.footer-social-wrapper a {
    background: var(--color-primary-text);
    color: var(--color-primary-background);
    width: 60px;
    height: 60px;
    font-size: 20px;
}

.footer-social-wrapper:before, .footer-social-wrapper:after {
    background: var(--color-primary-text);
}

.footer-social-wrapper a:hover {
    background: var(--color-primary-background);
    color: white;
}

.footer-social-wrapper:after {
    right: -30%;
}

.footer-social-wrapper:before {
    left: -30%;
}
/*Media Queries*/
	/**/
@media screen and (max-width:1024px){
	body[data-page-name="index"] #navigation {
		position: relative;
	}
    #hp-slider, #hp-slider .swiper-wrapper, .homepage-swiper .swiper-slide img {
        height: 100% !important;
    }
}
@media (width < 1080px) {
    #section-hp-services:before, .module-19.style2:before, .ry-services.style2::before {
        opacity: 1;
    }
}
/* End - HP Edits*/

.contact-template.style-2 .contact-form .ry-form-box-wrapper .field-wrapper,
.field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-template.style-2 .contact-form .ry-form-box-wrapper .field-wrapper .field-lg,
.field-wrapper .field-lg {
    width: 100%;
}
.cmsForm .label-title {
    font-size: 20px;
    font-weight: 600;
}

.cmsForm .label-title p {
    margin: 0;
}

.field-wrapper .form-control {
    height: 56px;
    background: #fff !important;
    font-size: 16px;
}

.field-wrapper .field-lg, .field-wrapper .field-md, .field-wrapper .field-xs {
    margin-bottom: 10px;
}

.field-wrapper textarea.form-control {
    height: 200px;
}

.field-wrapper .form-control[type="file"] {height: 35px;}


.reivew-like .ry-flex {
    justify-content: center;
    gap: 20px;
}

.reivew-like {
    margin-top: 30px;
}

.reivew-like .link, .reivew-like .link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
}

.reivew-like .each {
    position: relative;
}

.reivew-like .each svg {
    width: 200px;
    height: 200px;
    fill: #50ae31;
    transition: .5s;
}

.reivew-like .each .icon.dislike-version svg {transform: rotate(180deg);fill: #e72a3a;}

.reivew-like .star-wrapper {
    display: flex;
    margin-top: 20px;
    padding-top: 20px;
    justify-content: center;
    gap: 5px;
    position: relative;
}

.reivew-like .star-wrapper svg {
    width: 40px;
    height: 40px;
    fill: #ef9b00;
}

.reivew-like .star-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 40%;
    transform: translate(-50%, 0);
    height: 2px;
    background: linear-gradient(to left, #ef9b0000, #ef9b00, #ef9b0000);
}

.reivew-like .each:hover svg {
    transform: scale(0.9);
}
.reivew-like .each:hover .icon.dislike-version svg {
    transform: rotate(180deg) scale(0.9);
    
}
@media (max-width: 420px) {
	.reivew-like .each svg {
		width: 120px;
		height: 120px;
	}
}
@media (min-width: 621px) {
	.field-wrapper .field-xs {
		width: calc(33.33% - 5px);
	}
	.field-wrapper .field-md {
		width: calc(50% - 5px);
	}
	.contact-template.style-2 .contact-form .ry-form-box-wrapper .field-wrapper .field-xs {
		width: calc(50% - 5px);
	}
}