:root {
    --primary-color: #222222;
    --secondary-color: #F8F6F7;
    --accent-color: #e5df5d;
    --accent-color-dark: #c4bc4a;
    --divider-color: #2222221A;
    --text-color: #616161;
    --border-radius: 8px;
    --transition-speed: 0.4s;
    --color-white: #ffffff;
}

body {font-family: 'Inter', sans-serif;color: var(--primary-color);background-color: #ffffff;font-size: 16px;}
p {line-height: 1.6em;color: var(--text-color);}
.no-scroll {overflow: hidden;}

.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.80);z-index: 5;opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out;}
.overlay.show {opacity: 1;visibility: visible;}

/* Button Styles */
.btn {position: relative;overflow: hidden;display: inline-block;font-size: 16px;font-weight: 700;line-height: 1em;text-transform: capitalize;background: var(--accent-color);color: var(--primary-color);border-radius: 100px;padding: 17px 30px;border: none;overflow: hidden;box-shadow: none;outline: none;transition: all var(--transition-speed) ease-in-out;z-index: 0;}

@media only screen and (min-width:991px) {
    .btn::before {content: '';position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: linear-gradient(120deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%);transform: skewX(-20deg);transition: left 0.4s cubic-bezier(0.4,0,0.2,1);z-index: 1;}
    .btn:hover::before {left: 120%;}
    .btn:hover {box-shadow: 0 4px 24px 0 rgba(0,0,0,0.10);}
}

@media only screen and (max-width:768px) {
    .btn {padding: 13px 20px;font-size: 14px;}
}


/* Comment Styles */
.comment-item {background-color: #fff;padding: 20px;border-radius: 15px;box-shadow: 0 5px 20px rgba(0,0,0,0.05);height: 100%;display: flex;flex-direction: column;text-align: left;transition: transform 0.3s ease;}

.comment-item .comment-header {display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}
.comment-item .comment-header .profile-photo {flex: none;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;border: 2px solid var(--accent-color);}
.comment-item .comment-header .profile-photo img {width: 100%;height: 100%;object-fit: cover;}
.comment-item .comment-header .user-info {display: flex;flex-direction: column;gap: 5px;}
.comment-item .comment-header .user-name {font-weight: 700;font-size: 16px;color: var(--primary-color);}
.comment-item .comment-header .user-info .stars {display: flex;color: var(--accent-color);}
.comment-item .comment-body {font-size: 14px;line-height: 1.6;color: var(--text-color);font-style: italic;position: relative;overflow-y: auto;padding-right: 10px;}
.comment-item .comment-body::-webkit-scrollbar {width: 5px;}
.comment-item .comment-body::-webkit-scrollbar-track {background-color: var(--secondary-color);}
.comment-item .comment-body::-webkit-scrollbar-thumb {background-color: var(--accent-color);border-radius: 5px;}
@media only screen and (min-width:991px) {
    .comment-item:hover {transform: translateY(-5px);}
}
@media only screen and (max-width:768px) {
    .comment-item {padding: 15px;}
    .comment-item .comment-header {gap: 10px;}
    .comment-item {box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);}
}




/* Header Styles */
header {position: fixed;top: 0;left: 0;right: 0;height: 110px;display: flex;align-items: center;border-bottom: 1px solid #5c5c5c52;background-color: #5c5c5c26;transition: .3s;z-index: 9999;}
header .header-container {display: flex;justify-content: space-between;width: 100%;max-width: 1320px;padding: 0 15px;margin: 0 auto;align-items: center;}
header .header-container .logo {color: #fff;font-weight: 700;font-size: 31px;display: block;transition: .3s;}
header .header-container .logo > span {display: block;font-size: 15px;letter-spacing: 5px;font-weight: 400;transition: .3s;}
header .header-container .header-nav {display: flex;align-items: center;}
header .header-container .header-nav .nav-list {display: flex;align-items: center;grid-gap:30px}
header .header-container .header-nav .nav-list .nav-link:not(.btn) {color: #fff; padding: 17px 0; font-weight: 600; font-size: 16px; position: relative;display: flex; align-items: center;}

header .header-container .header-nav .nav-list .btn {padding: 15px 30px;color: var(--primary-color);}

header.scrolling {background-color: var(--color-white);box-shadow: 0 2px 10px #0000000f;border-color: #f1f1f1;}
header.scrolling .header-container .logo {color: var(--primary-color);}

header .header-container .hamburger-menu-icon {display: none;padding: 5px 10px;margin-right: -5px;}
header .header-container .hamburger-menu-icon::after,
header .header-container .hamburger-menu-icon::before {content: '';}
header .header-container .hamburger-menu-icon::after,
header .header-container .hamburger-menu-icon::before,
header .header-container .hamburger-menu-icon span {display: block; width: 25px; height: 2px; background-color: #fff; margin: 7px 0;}
header.scrolling .header-container .hamburger-menu-icon::after,
header.scrolling .header-container .hamburger-menu-icon::before,
header.scrolling .header-container .hamburger-menu-icon span {background-color: var(--primary-color);}
header .header-container .header-nav .mobile-nav-contact {grid-template-columns: 1fr 1fr;width: 100%;padding: 15px;gap: 15px;display: none;}
header .header-container .header-nav .mobile-nav-contact .contact-item {padding: 10px;display: flex;flex-direction: column;border-radius: 10px;align-items: center;font-size: 12px; font-weight: 600;}
header .header-container .header-nav .mobile-nav-contact .contact-item.wp {background-color: #25D366;color: var(--color-white);}
header .header-container .header-nav .mobile-nav-contact .contact-item.fb {background-color: #0099FF;color: var(--color-white);}
header .header-container .header-nav .mobile-nav-contact .contact-item.phone {color: var(--primary-color);background-color: #f1f1f1;}
header .header-container .header-nav .mobile-nav-contact .contact-item.maps {color: var(--primary-color);background-color: #f1f1f1;}


@media only screen and (min-width: 991px) {
    header .header-container .header-nav .nav-list .nav-link:not(.btn) {height: 110px;transition: .3s;}
    header .header-container .header-nav .nav-list .nav-link:not(.btn):not(.active):hover {opacity: .7;}
    header .header-container .header-nav .nav-list .nav-link.active::after {content: '';background-color: var(--accent-color-dark);width: 100%;height: 3px;position: absolute;bottom: 0;left: 0;transition: .3s;}

    header.scrolling {height: 70px;}
    header.scrolling .header-container .logo {font-size: 25px;}
    header.scrolling .header-container .logo > span {font-size: 11px;}
    header.scrolling .header-container .header-nav .nav-list .nav-link.btn {padding: 12px 30px;}
    header.scrolling .header-container .header-nav .nav-list .nav-link {color: var(--primary-color);}
    header.scrolling .header-container .header-nav .nav-list .nav-link:not(.btn) {height: 70px;}
    
    header.scrolling .header-container .header-nav .nav-list .nav-link.active::after {bottom: 18px;}
}

@media only screen and (max-width: 991px) {
    header {height: 70px;}
    header .header-container .hamburger-menu-icon {display: block;}
    header .header-container .header-nav {position: fixed; top: 80px; right: -100%; width: 100%; max-width: 250px; height: calc(100% - 90px); background-color: var(--color-white); box-shadow: -2px 0 10px #0000000f; flex-direction: column; align-items: flex-start;transition: right 0.3s ease-in-out; z-index: 10; border-radius: 10px;justify-content: space-between;}
    header .header-container .header-nav.show {right: 10px;}


    header .header-container .header-nav .nav-list {flex-direction: column; width: 100%;padding: 15px;flex: auto; overflow-y: auto;grid-gap:5px;}
    header .header-container .header-nav .nav-list .nav-link:not(.btn) {width: 100%; text-align: left;color: var(--primary-color);padding: 14px;font-size: 15px;}
    header .header-container .header-nav .nav-list .nav-link.active {background-color: var(--accent-color); color: var(--primary-color); border-radius: 8px;}

    header .header-container .header-nav .nav-list .btn {margin: 0; padding: 17px; background-color: transparent; border-radius: 0; width: 100%; font-size: 15px; font-weight: 600;}
    header .header-container .header-nav .mobile-nav-contact {display: grid;}

    header .header-container .logo {font-size: 24px;}
    header .header-container .logo > span {font-size: 11px;margin-top: 3px;}
}


/* Slider Styles */
.slider {background-image: url(../images/slider-bg.jpg);position: relative;padding-top: 240px;padding-bottom: 160px;text-align: center;background-size: cover;background-position: center;}
.slider::before {content: '';background: linear-gradient(90deg, #2a2a2ad6 0%, #181818f7 100%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.slider .container {position: relative;z-index: 2;}
.slider .slider-text {color: #ffffff;}
.slider .slider-text .slider-title {font-size: 46px;margin-bottom: 20px;}
.slider .slider-text p {font-size: 18px;line-height: 28px;font-weight: 500;opacity: .95;color: #fff;}
.slider .slider-text .slider-links {margin-top: 50px;display: flex;align-items: center;justify-content: center;grid-gap: 35px;}
.slider .slider-text .slider-links .google-votes {display: flex;grid-gap: 12px;align-items: center;color: #fff;}
.slider .slider-text .slider-links .google-votes .google-icon {flex: none;}
.slider .slider-text .slider-links .google-votes .google-icon img {width: 51px;}
.slider .slider-text .slider-links .google-votes .google-detail {text-align: left;}
.slider .slider-text .slider-links .google-votes .google-detail .vote-count {display: flex;align-items: center;grid-gap: 7px;font-size: 20px;}
.slider .slider-text .slider-links .google-votes .google-detail .vote-count span {font-size: 24px;font-weight: 700;color: #fff;min-width: 76px; display: inline-block;}
.slider .slider-text .slider-links .google-votes .google-detail .vote-count .stars {color: var(--accent-color);display: flex;}
.slider .slider-text .slider-links .google-votes .google-detail .vote-count .stars svg {width: 23px;height: 23px;}
.slider .slider-text .slider-links .google-votes .google-detail .vote-sub-text {margin-top: 4px;font-size: 14px;}

@media only screen and (max-width: 991px) {
    .slider {padding-top: 170px; padding-bottom: 100px;}
}
@media only screen and (max-width: 768px) {
    .slider {padding-top: 130px; padding-bottom: 60px;}
    .slider .slider-text .slider-links {flex-direction: column;margin-top: 30px;grid-gap: 20px;}
    .slider .slider-text .slider-title {font-size:28px;}
    .slider .slider-text p {font-size: 16px; line-height: 22px;}

    .slider .slider-text .slider-links .google-votes .google-icon img {width: 38px;}
    .slider .slider-text .slider-links .google-votes .google-detail .vote-count span {font-size: 17px;min-width: 55px;}
    .slider .slider-text .slider-links .google-votes .google-detail .vote-count .stars {position: relative;top: -1px;left: -3px;}
    .slider .slider-text .slider-links .google-votes .google-detail .vote-count .stars svg {width: 19px; height: 19px;}
    .slider .slider-text .slider-links .google-votes .google-detail .vote-sub-text {font-size: 12px;}

}




/* Home Page Styles */

.home-title-box .box-badge {position: relative;display: inline-block;font-size: 14px;font-weight: 500;border: 1px solid var(--divider-color);border-radius: 100px;line-height: 1.3em;padding: 7px 16px;margin-bottom: 15px;}
.home-title-box .box-title {font-size: 38px;font-weight: 400;margin-bottom: 10px;}
.home-title-box .box-sub-title {color: var(--text-color);font-size: 16px;}

@media only screen and (max-width: 768px) {
    .home-title-box .box-title {font-size: 26px;}
}


/* Home Contact Bar Styles */
.home-contact-bar {padding: 0 15px;text-align: center;margin-top: 50px;}
.home-contact-bar .contact-bar-link {color: var(--primary-color);font-weight: 700;border-bottom: 2px solid var(--accent-color);}

@media only screen and (max-width: 768px) {
    .home-contact-bar {margin-top: 20px;line-height: 22px;margin-bottom: 10px;}
}


/* Home Entrance Styles */
.home-entrance {padding: 70px 0;}
.home-entrance .entrance-content {display: flex;grid-gap: 30px;}
.home-entrance .entrance-content .entrance-left {flex: none;width: 100%;max-width: 550px;}
.home-entrance .entrance-content .entrance-left .home-title-box .box-title {font-size: 53px;}
.home-entrance .entrance-content .entrance-left .entrance-item {display: flex;grid-gap: 15px;margin-top: 25px;padding-top: 25px;border-top: 1px solid var(--divider-color);}
.home-entrance .entrance-content .entrance-left .entrance-item .entrance-icon {flex: none;width: 50px;height: 50px;background-color: var(--accent-color);display: flex;align-items: center;justify-content: center;border-radius: 50%;padding: 12px;}
.home-entrance .entrance-content .entrance-left .entrance-item .entrance-item-content .content-title {margin-bottom: 10px;}
.home-entrance .entrance-content .entrance-left .entrance-item .entrance-item-content p {font-size: 15px;line-height: 21px;}
.home-entrance .entrance-content .entrance-left .entrance-more {margin-top: 40px;}

.home-entrance .entrance-content .entrance-right {display: flex;grid-gap: 30px;}
.home-entrance .entrance-content .entrance-right .entrance-banner {flex: 1;background-image: url(../images/about-us-banner.jpg);border-radius: 15px;background-size: cover;}

.home-entrance .entrance-content .entrance-right .entrance-info-list {flex: 1;display: flex;flex-direction: column;grid-gap: 30px;}
.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item {flex: 1;display: flex;flex-direction: column;gap: 20px;border-radius: 10px;padding: 40px;flex-grow: 1;overflow: hidden;position: relative;}
.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item .info-title {font-weight: 600;font-size: 21px;}
.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item .info-desc {color: #dfdfdf;font-size: 16px;line-height: 24px;}
.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item .info-title span {font-weight: 700;color: var(--accent-color);font-size: 37px;margin-right: 3px;} 

.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item-1 {background-color: var(--secondary-color);}
.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item-1 .info-img {position: absolute;bottom: -8px;right: -40px;}
.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item-1 .info-desc {padding-right: 120px;color: #434343;}

.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item-2 {background-image: url(../images/about-us-item-bg-image.png);background-color: var(--primary-color);color: var(--color-white);background-repeat: no-repeat;background-position: top right;}
.home-entrance .entrance-content .entrance-right .entrance-info-list .info-item-2 .info-img {position: absolute;bottom: -10px;right: 10px;}

.home-services .home-services-content {background-color: var(--secondary-color);border-radius: 20px;padding: 50px 25px;position: relative;}
.home-services .home-services-content::before {content: '';background-image: url(../images/services-corner-img.png);width: 100px;height: 100px;position: absolute;bottom: -8px;left: -10px;background-size: cover;}
.home-services .home-services-content .home-title-box {text-align: center;}

.home-services .home-services-content .services-list {display: grid;grid-template-columns: 1fr 1fr 1fr;width: 100%;max-width: 950px;margin: 30px auto 0;gap: 30px;}
.home-services .home-services-content .services-list .services-item {background-color: var(--color-white);border-radius: 15px;padding: 30px;display: flex;flex-direction: column;align-items: baseline;opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.home-services .home-services-content .services-list .services-item.visible {opacity: 1;transform: translateY(0);}
.home-services .home-services-content .services-list .services-item .services-title {font-size: 22px;margin-bottom: 6px;}
.home-services .home-services-content .services-list .services-item .services-sub-title {color: var(--text-color);font-size: 15px;font-weight: 400;}
.home-services .home-services-content .services-list .services-item ul {margin-top: 15px;margin-bottom: 15px;width: 100%;flex: auto;}
.home-services .home-services-content .services-list .services-item ul li {display: flex;grid-gap: 10px;font-size: 14px;padding: 6px 0;align-items: center;}
.home-services .home-services-content .services-list .services-item ul li::before {content: "✓";flex: none;width: 20px;height: 20px;background-color: var(--accent-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.home-services .home-services-content .services-list .services-item .services-btn {color: var(--primary-color);border-bottom: 2px solid var(--accent-color);font-size: 15px;font-weight: 600;padding-bottom: 2px;}

.home-services .home-services-content .services-list .services-item-all {background-color: var(--primary-color);color: #fff;border-radius: 20px;padding: 40px;display: flex;align-items: center;justify-content: center;position: relative;transition: .3s;opacity: 0;transform: translateY(50px);transition: all 0.6s ease, background-color 0.3s;}
.home-services .home-services-content .services-list .services-item-all.visible {opacity: 1;transform: translateY(0);}
.home-services .home-services-content .services-list .services-item-all .all-title {font-size: 32px;line-height: 50px;font-weight: 300;}
.home-services .home-services-content .services-list .services-item-all .all-icon {position: absolute;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: var(--accent-color);border-radius: 50%;right: 10px;bottom: 10px;transition: .3s}
.home-services .home-services-content .services-list .services-item-all .all-icon svg {color: var(--primary-color);transition: .3s}


@media only screen and (min-width:991px) {
    .home-services .home-services-content .services-list .services-item-all:hover {background-color: var(--accent-color);color: var(--primary-color);}
    .home-services .home-services-content .services-list .services-item-all:hover .all-icon {background-color: var(--primary-color);}
    .home-services .home-services-content .services-list .services-item-all:hover .all-icon svg {color: var(--accent-color);}
}

@media only screen and (max-width: 1399px) {
    .home-entrance .entrance-content .entrance-left {max-width: 420px;}
}

@media only screen and (max-width: 1199px) {
    .home-entrance .entrance-content .entrance-left {max-width: 560px;}
    .home-entrance .entrance-content .entrance-right .entrance-banner {display: none;}

    .home-services .home-services-content .services-list {grid-template-columns: 1fr 1fr;max-width: 820px;}
}
@media only screen and (max-width: 991px) {
    .home-entrance {padding: 50px 0;}
    .home-entrance .entrance-content {flex-direction: column;}
    .home-entrance .entrance-content .entrance-left {max-width: 100%;}

    .home-entrance .entrance-content .entrance-left .home-title-box .box-title {font-size: 36px;}
    .home-entrance .entrance-content .entrance-right .entrance-info-list {flex-direction: row;}
    .home-entrance .entrance-content .entrance-left .entrance-more {text-align: center;}
    .home-entrance .entrance-content .entrance-left .home-title-box {text-align: center;}

    .home-services .home-services-content .services-list {gap:20px;}
}

@media only screen and (max-width: 768px) {
    .home-entrance {padding: 30px 0;}
    .home-title-box .box-badge {font-size: 13px;padding: 5px 12px;}
    .home-entrance .entrance-content .entrance-left .home-title-box .box-title {font-size: 26px;}
    .home-title-box .box-sub-title {font-size: 14px;}

    .home-entrance .entrance-content .entrance-left .entrance-item {margin-top: 20px;padding-top: 20px;}
    .home-entrance .entrance-content .entrance-left .entrance-item .entrance-icon {width: 40px; height: 40px;padding: 9px;}
    .home-entrance .entrance-content .entrance-left .entrance-item .entrance-item-content .content-title {font-size: 16px;}
    .home-entrance .entrance-content .entrance-left .entrance-item .entrance-item-content p {font-size: 14px;}

    .home-entrance .entrance-content .entrance-right .entrance-info-list {flex-direction: column;}

    .home-entrance .entrance-content .entrance-right .entrance-info-list .info-item {padding: 25px 125px 25px 25px;grid-gap: 8px;justify-content: center;}
    .home-entrance .entrance-content .entrance-right .entrance-info-list .info-item .info-title {font-size: 18px;}
    .home-entrance .entrance-content .entrance-right .entrance-info-list .info-item .info-title span {font-size: 20px;}
    .home-entrance .entrance-content .entrance-right .entrance-info-list .info-item-1 .info-desc {padding-right: 0;} 
    .home-entrance .entrance-content .entrance-right .entrance-info-list .info-item-1 .info-img img {width: 180px;}
    .home-entrance .entrance-content .entrance-right .entrance-info-list .info-item-2 .info-img {right: -20px;}


    .home-services .home-services-content {padding: 20px;}
    .home-services .home-services-content .services-list {grid-template-columns: 1fr;}
    .home-services .home-services-content .services-list .services-item {padding: 20px;}
    .home-services .home-services-content .services-list .services-item:nth-child(4),
    .home-services .home-services-content .services-list .services-item:nth-child(5){display: none;}
    .home-services .home-services-content .services-list .services-item .services-title {font-size: 18px;}
    .home-services .home-services-content .services-list .services-item .services-sub-title {font-size: 14px;}
    .home-services .home-services-content .services-list .services-item-all {padding: 20px 75px 20px 20px;justify-content: flex-start;}
    .home-services .home-services-content .services-list .services-item-all .all-title {font-size: 22px;line-height: 26px;}
    .home-services .home-services-content .services-list .services-item-all .all-icon {width: 40px; height: 40px; bottom: initial; top: 50%; transform: translateY(-50%); right: 20px;}
    .home-services .home-services-content::before {width: 60px;height: 60px;bottom: -38px;left: -5px;}
}

/* Home About Styles */
.home-about .home-about-content {display: flex;padding: 70px 0 40px;grid-gap: 70px;flex-direction: row-reverse;align-items: center;}
.home-about .home-about-content .about-gallery {position: relative;opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.home-about .home-about-content .about-gallery.visible {opacity: 1;transform: translateY(0);}
.home-about .home-about-content .about-gallery .photo {border-radius: 20px;overflow: hidden;border: 10px solid #f8f6f7;}
.home-about .home-about-content .about-detail {opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.home-about .home-about-content .about-detail.visible {opacity: 1;transform: translateY(0);}
.home-about .home-about-content .about-detail .home-title-box {margin-bottom: 20px;}
.home-about .home-about-content .about-detail  > p {margin-bottom: 20px;}

@media only screen and (max-width: 1199px) {
    .home-about .home-about-content {flex-direction: column-reverse;grid-gap: 30px;}
    .home-about .home-about-content .about-detail {text-align: center;}
}

@media only screen and (max-width: 991px) {
    .home-about .home-about-content {padding: 50px 0 40px;}
}
@media only screen and (max-width: 768px) {
    .home-about .home-about-content {padding-bottom: 25px;}
}



/* Home Features Styles */
.home-features .features-list {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 30px;}
.home-features .features-list .feature-item {background-color: var(--secondary-color);padding: 30px;border-radius: 15px;opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.home-features .features-list .feature-item.visible {opacity: 1;transform: translateY(0);}
.home-features .features-list .feature-item .feature-icon {width: 60px;height: 60px;border-radius: 50%;background-color: var(--accent-color);display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
.home-features .features-list .feature-item .feature-title{font-weight: 700;margin-bottom: 10px;font-size: 18px;}

@media only screen and (max-width: 1199px) {
    .home-features .features-list {grid-template-columns: 1fr 1fr;}
}
@media only screen and (max-width: 768px) {
    .home-features .features-list {gap: 15px;}
    .home-features .features-list .feature-item {padding: 20px;}
    .home-features .features-list .feature-item .feature-icon {width: 50px;height: 50px;}
    .home-features .features-list .feature-item .feature-title {font-size: 16px}
    .home-features .features-list .feature-item p {font-size: 14px;line-height: 20px;}
}
@media only screen and (max-width: 475px) {
    .home-features .features-list {grid-template-columns: 1fr;}
}

/* Home Google Comments Styles */
.home-google-comments {padding: 30px 0;opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.home-google-comments.visible {opacity: 1;transform: translateY(0);}
.home-google-comments .google-comments-content {background-color: var(--secondary-color);border-radius: 20px;padding: 40px;text-align: center;position: relative;}
.home-google-comments .google-comments-content .home-title-box {margin-bottom: 20px;}
.home-google-comments .google-comments-content .google-votes {display: flex;grid-gap: 8px;align-items: center;color: var(--primary-color);background-color: #ffffff;border-radius: 10px;padding: 10px;margin: 0 auto;width: max-content;}
.home-google-comments .google-comments-content .google-votes .google-icon {flex: none;}
.home-google-comments .google-comments-content .google-votes .google-icon img {width: 22px;}
.home-google-comments .google-comments-content .google-votes .google-detail {text-align: left;}
.home-google-comments .google-comments-content .google-votes .google-detail .vote-count {display: flex;align-items: center;grid-gap: 10px;font-size: 20px;}
.home-google-comments .google-comments-content .google-votes .google-detail .vote-count span {font-size: 17px;font-weight: 700;color: var(--primary-color);line-height: normal;}
.home-google-comments .google-comments-content .google-votes .google-detail .vote-count span i {font-style: normal; font-weight: 300; font-size: 15px;}
.home-google-comments .google-comments-content .google-votes .google-detail .vote-count .stars {color: var(--accent-color);display: flex;}
.home-google-comments .google-comments-content .google-votes .google-detail .vote-count .stars svg {width: 21px;height: 21px;margin-left: -3px;}
.home-google-comments .google-comments-content .google-comment-list {margin: 20px 0;}
/* Swiper Customization */
.home-google-comments .google-comments-content .google-comment-list .swiper {padding: 20px;overflow: hidden;position: relative;}
.home-google-comments .google-comments-content .google-comment-list .swiper .swiper-slide {height: 310px;background-color: #f5f5f5;border-radius: 10px;display: flex;justify-content: center;align-items: center;font-size: 1.2rem;color: #999;}
.home-google-comments .google-comments-content .google-comment-list .swiper-button-white {width: 40px;height: 40px;background-color: #fff;border-radius: 50%;box-shadow: 0 4px 10px rgba(0,0,0,0.1);color: var(--primary-color);position: absolute;top: 50%;;z-index: 10;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .3s;}
.home-google-comments .google-comments-content .google-comment-list .swiper-button-prev:after, 
.home-google-comments .google-comments-content .google-comment-list .swiper-button-next:after {font-size: 14px;font-weight: bold;}
.home-google-comments .google-comments-content .google-comment-list .swiper-button-prev {left: -12px;}
.home-google-comments .google-comments-content .google-comment-list .swiper-button-next {right: -12px;}

.home-google-comments .google-comments-content .home-contact-bar {margin-top: 20px;}


@media only screen and (min-width: 991px) {
    .home-google-comments .google-comments-content .google-comment-list .swiper-button-white:not(.disabled):hover {background-color: var(--accent-color);}
}
@media only screen and (max-width: 768px) {
.home-google-comments .google-comments-content {padding: 25px 20px;}
.home-google-comments .google-comments-content .home-contact-bar {margin-bottom: 0;}
}
@media only screen and (max-width: 575px) {
    .home-google-comments .google-comments-content .google-comment-list .swiper-button-white {width: 25px;border-radius: 10px;}
    .home-google-comments .google-comments-content .google-comment-list .swiper-button-prev {left: 8px;}
    .home-google-comments .google-comments-content .google-comment-list .swiper-button-next {right: 8px;}
}



footer {background-color: var(--primary-color);color: #aaa;padding: 64px 32px 16px;font-size: 14px;}
footer .footer-content {display: flex;justify-content: space-between;margin: 0 auto 48px;flex-wrap: wrap;gap: 32px;}
footer .footer-content .footer-col {flex: 1;}
footer .footer-content .footer-col.footer-col-brand {flex: none; width: 100%; max-width: 380px; margin-right: 100px;opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
footer .footer-content .footer-col.footer-col-brand.visible {opacity: 1;transform: translateY(0);}
footer .footer-content .footer-col.footer-col-brand .footer-logo .logo {color: #fff;font-weight: 700;font-size: 44px;display: block;transition: .3s;}
footer .footer-content .footer-col.footer-col-brand .footer-logo .logo > span {display: block;font-size: 22px;letter-spacing: 7px;font-weight: 400;transition: .3s;}
footer .footer-content .footer-col.footer-col-brand p {color: #9f9f9f;}
footer .footer-content .footer-col .footer-logo {max-width: 300px;height: auto;margin-bottom: 10px;}
footer .footer-content .footer-col .social-links {margin-top: 24px;display: grid;grid-template-columns: repeat(6, 1fr);gap: 16px;width: max-content;}
footer .footer-content .footer-col .social-links a {flex: none;color: #fff;font-size: 18px;transition: var(--transition-speed);width: 50px;height: 50px;background: rgba(255, 255, 255, 0.08);display: flex;align-items: center;justify-content: center;border-radius: 50%;}
footer .footer-content .footer-col.footer-links {opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
footer .footer-content .footer-col.footer-links.visible {opacity: 1;transform: translateY(0);}
footer .footer-content .footer-col.footer-links .footer-links-head {color: #fff; margin-bottom: 16px; font-size: 16px; font-weight: bold;}
footer .footer-content .footer-col.footer-links a {display: block;margin-bottom: 8px; color: var(--secondary-color);padding: 3px 0; line-height: 21px;}
footer .copyright {text-align: center;padding-top: 17px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
footer .copyright p {color: #ffffff78;}


@media only screen and (min-width:991px){
    footer .footer-content .footer-col .social-links a:hover {background: var(--accent-color);color: var(--primary-color);transform: translateY(-3px);}
    footer .footer-content .footer-col.footer-links a:hover {color: var(--accent-color);}
}

@media only screen and (max-width: 1199px) {
    footer .footer-content .footer-col.footer-col-brand {max-width: 100%; margin: 0 0 20px; text-align: center; display: flex; flex-direction: column; align-items: center;}
    footer .footer-content .footer-col .social-links a {width: 45px;height: 45px;}
}

@media only screen and (max-width: 991px) {
   footer .footer-content {flex-wrap: wrap;margin-bottom: 30px;}
   footer .footer-content .footer-col.footer-col-brand {width: 100%;flex: none;text-align: center;}
   footer .footer-content .footer-col .social-links {justify-content: center;}
}
@media only screen and (max-width: 768px) {
   footer {padding: 50px 12px 16px;}
   footer .footer-content {flex-direction: column;gap: 20px;}

   footer .footer-content .footer-col.footer-links {background-color: #ffffff0f; border-radius: 10px;}
   footer .footer-content .footer-col.footer-links .footer-links-head {display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 14px; font-size: 16px; font-weight: 400;}
   footer .footer-content .footer-col.footer-links .footer-links-head::after {content: '+';font-size: 20px;font-weight: 400;}
   footer .footer-content .footer-col.footer-links.active h4::after {content: '-';}

   footer .footer-content .footer-col.footer-links .links-group {display: none;}
   footer .footer-content .footer-col.footer-links.active .links-group {display: block; animation: fadeIn 0.3s ease-in-out;}
   footer .footer-content .footer-col.footer-links a {padding: 6px 15px;}

   footer .footer-content .footer-col.footer-col-brand .footer-logo .logo {font-size: 32px;}    
   footer .footer-content .footer-col.footer-col-brand .footer-logo .logo > span {font-size: 13px;}


   @keyframes fadeIn {
       from { opacity: 0; transform: translateY(-5px); }
       to { opacity: 1; transform: translateY(0); }
   }
}

@media only screen and (max-width: 475px) {
    footer .footer-content .footer-col .social-links {grid-template-columns: repeat(3, 1fr);}
}


/* Floating Menu Styles */
.floating-menu {position: fixed;bottom: 30px;right: 30px;z-index: 1000;}
.floating-menu .menu-toggle {width: 55px;height: 55px;background-color: #25D366;border-radius: 50%;color: white;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);cursor: pointer;position: relative;z-index: 2;overflow: hidden;transition: transform 0.3s, background-color 0.3s;}

/* State Classes for Background */
.floating-menu .menu-toggle.bg-whatsapp { background-color: #25D366; }
.floating-menu .menu-toggle.bg-phone { background-color: #666666; }
.floating-menu .menu-toggle.bg-messenger { background-color: #0099FF; }

.floating-menu .toggle-icons {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.floating-menu .toggle-icons .icon-slide {position: absolute;opacity: 0;transform: scale(0.8);transition: all 0.5s ease-in-out;}
.floating-menu .toggle-icons .icon-slide.active {opacity: 1;transform: scale(1);}

.floating-menu .close-icon {position: absolute;opacity: 0;transform: rotate(-180deg);transition: all 0.3s ease-in-out;}
.floating-menu.active .menu-toggle {background-color: var(--primary-color) !important;transform: scale(0.95);}
.floating-menu.active .toggle-icons {opacity: 0;}
.floating-menu.active .close-icon {opacity: 1;transform: rotate(0deg);}

.floating-menu .menu-options {position: absolute;bottom: 0;right: 0;width: 60px;height: 60px;z-index: 1;pointer-events: none;}
.floating-menu .menu-options .menu-item {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;background-color: var(--color-white);color: var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 10px rgba(0,0,0,0.15);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);opacity: 0;visibility: hidden;text-decoration: none;}
.floating-menu .menu-options .menu-item svg {width: 24px;height: 24px;}
.floating-menu .menu-options .menu-item.whatsapp { color: #25D366; }
.floating-menu .menu-options .menu-item.phone { color: var(--primary-color); }
.floating-menu .menu-options .menu-item.messenger { color: #0099FF; }

.floating-menu.active .menu-options {pointer-events: auto;}
.floating-menu.active .menu-options .menu-item {opacity: 1;visibility: visible;}
.floating-menu.active .menu-options .menu-item.whatsapp {transform: translate(-30%, -190%);}
.floating-menu.active .menu-options .menu-item.phone {transform: translate(-155%, -145%);}
.floating-menu.active .menu-options .menu-item.messenger {transform: translate(-190%, -20%);}


@media only screen and (min-width: 991px) {
    .floating-menu:not(.active) .menu-toggle:hover {transform: scale(1.1);}
    .floating-menu.active .menu-options .menu-item.whatsapp:hover {background-color: #25D366;color: var(--color-white);}
    .floating-menu.active .menu-options .menu-item.phone:hover {background-color: var(--primary-color);color: var(--color-white);}
    .floating-menu.active .menu-options .menu-item.messenger:hover {background-color: #0099FF;color: var(--color-white);}
}
@media only screen and (max-width: 768px) {
    .floating-menu {bottom: 20px;right: 20px;}
    .floating-menu.active .menu-options .menu-item.phone {transform: translate(-138%, -135%);}
    .floating-menu.active .menu-options .menu-item.whatsapp {transform: translate(-30%, -190%);}
    .floating-menu.active .menu-options .menu-item.messenger {transform: translate(-190%, -20%);}
}



.pages-header {position: relative;padding-top: 170px;padding-bottom: 60px;background-size: cover;color: var(--color-white);text-align: center;background-position: center;}
.pages-header::before {content: '';background: linear-gradient(90deg, #2a2a2ad6 0%, #181818f7 100%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.pages-header .container {position: relative;z-index: 2;}
.pages-header .pages-header-content .pages-subtitle {font-size: 16px;font-weight: 400;color: var(--color-white);opacity: .6;margin-top: 5px;line-height: 22px;}

.pages-container {padding: 40px 0;}

@media only screen and (max-width: 768px) {
    .pages-container {padding: 20px 0;}

    .pages-header {padding-top: 100px;padding-bottom: 30px;}
    .pages-header .pages-header-content .pages-title {font-size: 26px;}
}

.pages-container.about-page .about-page-content .about-title {margin-bottom: 20px;}
.pages-container.about-page .about-page-content p {margin-bottom: 30px;}



.pages-container.services-page .services-page-content .services-list {display: grid;grid-template-columns: 1fr 1fr 1fr;width: 100%;gap: 30px;}
.pages-container.services-page .services-page-content .services-list .services-item {border: 1px solid var(--divider-color);border-radius: 15px;padding: 20px;display: flex;flex-direction: column;align-items: baseline;opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.pages-container.services-page .services-page-content .services-list .services-item.visible {opacity: 1;transform: translateY(0);}
.pages-container.services-page .services-page-content .services-list .services-item .services-title {font-size: 18px;margin-bottom: 6px;}
.pages-container.services-page .services-page-content .services-list .services-item .services-sub-title {color: var(--text-color);font-size: 15px;font-weight: 400;}
.pages-container.services-page .services-page-content .services-list .services-item ul {margin-top: 15px;margin-bottom: 15px;width: 100%;flex: auto;}
.pages-container.services-page .services-page-content .services-list .services-item ul li {display: flex;grid-gap: 10px;font-size: 14px;padding: 6px 0;align-items: center;}
.pages-container.services-page .services-page-content .services-list .services-item ul li::before {content: "✓";flex: none;width: 20px;height: 20px;background-color: var(--accent-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.pages-container.services-page .services-page-content .services-list .services-item .btn {padding: 12px 20px;font-size: 14px;}

.pages-container.services-page .services-page-content .services-list .services-item.contact-item {justify-content: center;background-color: var(--secondary-color);}
.pages-container.services-page .services-page-content .services-list .services-item.contact-item .contact-title {font-size: 20px;font-weight: 600;margin-bottom: 10px;}
.pages-container.services-page .services-page-content .services-list .services-item.contact-item .contact-sub-title {line-height: 26px;margin-bottom: 20px;}
.pages-container.services-page .services-page-content .services-list .services-item.contact-item .contact-links {display: flex;grid-gap: 13px;}
.pages-container.services-page .services-page-content .services-list .services-item.contact-item .contact-links a {color: #fff;font-size: 18px;transition: var(--transition-speed);width: 45px;height: 45px;background: var(--primary-color);display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.pages-container.services-page .services-page-content .services-list .services-item.contact-item .contact-links a.link-wp {background-color: #0099FF;}
.pages-container.services-page .services-page-content .services-list .services-item.contact-item .contact-links a.link-fb {background-color: #25D366;}
.pages-container.services-page .services-page-content .services-list .services-item.contact-item .contact-links a.link-wa {background-color: var(--primary-color);}


@media only screen and (min-width: 991px) {
    .pages-container.services-page .services-page-content .services-list .services-item {transition: .3s;}
    .pages-container.services-page .services-page-content .services-list .services-item:not(.contact-item):hover {background-color: var(--secondary-color);}

    .pages-container.services-page .services-page-content .services-list .services-item.contact-item .contact-links a:hover {transform: translateY(-5px);}
}

@media only screen and (max-width: 1199px) {
    .pages-container.services-page .services-page-content .services-list {grid-template-columns: 1fr 1fr;}
}
@media only screen and (max-width: 991px) {
    .pages-container.services-page .services-page-content .services-list {gap:20px;}
}

@media only screen and (max-width: 768px) {
    .pages-container.services-page .services-page-content .services-list {grid-template-columns: 1fr;}
    .pages-container.services-page .services-page-content .services-list .services-item {padding: 20px;}
    .pages-container.services-page .services-page-content .services-list .services-item .services-title {font-size: 18px;}
    .pages-container.services-page .services-page-content .services-list .services-item .services-sub-title {font-size: 14px;}
}




.pages-container.contact-page .contact-page-content {display: flex; gap: 40px; align-items: flex-start;}
.pages-container.contact-page .contact-info {flex: 1;}
.pages-container.contact-page .contact-map {flex: none;border-radius: 20px;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);width: 100%;max-width: 650px;}

.pages-container.contact-page .contact-title {font-size: 28px; font-weight: 700; margin-bottom: 20px;}
.pages-container.contact-page .contact-desc {margin-bottom: 30px; font-size: 16px; line-height: 1.6; color: var(--text-color);}

.pages-container.contact-page .contact-details {display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px;}
.pages-container.contact-page .detail-item {display: flex; align-items: center; gap: 15px;}
.pages-container.contact-page .detail-icon {flex:none;width: 40px; height: 40px; background-color: var(--secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.pages-container.contact-page .detail-text {font-size: 16px; overflow-wrap: anywhere;}
.pages-container.contact-page .detail-text a {color: var(--primary-color); transition: .3s;}


.pages-container.contact-page .social-links {display: flex; gap: 15px;}
.pages-container.contact-page .social-links a {width: 45px; height: 45px; background: #050d18; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: .3s;}
.pages-container.contact-page .social-links a:hover {background: var(--accent-color); color: var(--primary-color); transform: translateY(-3px);}

@media only screen and (min-width: 991px) {
    .pages-container.contact-page .detail-text a:hover {color: var(--text-color);}
}

@media only screen and (max-width: 1199px) {
    .pages-container.contact-page .contact-map {max-width: 550px;}
}

@media only screen and (max-width: 991px) {
    .pages-container.contact-page .contact-title {font-size: 24px;margin-bottom: 10px;}
    .pages-container.contact-page .contact-desc {margin-bottom: 20px;font-size: 15px;line-height: 21px;}
    .pages-container.contact-page .contact-page-content {flex-direction: column;grid-gap: 30px;}
    .pages-container.contact-page .contact-map {width: 100%; height: 350px;max-width: 100%;}

    .pages-container.contact-page .contact-details {gap: 14px;margin-bottom: 30px;}
}

@media only screen and (max-width: 575px) {
    .pages-container.contact-page .detail-text {font-size: 14px;}
}



.pages-container.comments-page {padding-top: 0;}
.pages-container.comments-page .comments-page-content {}
.pages-container.comments-page .comments-page-content .review-info {z-index: 15; margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; background-color: var(--color-white); padding: 15px; border-radius: 0 0 20px 20px; position: sticky; top: 70px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes {display: flex;grid-gap: 12px;align-items: center;color: var(--primary-color);width: max-content;}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-icon {flex: none;}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-icon img {width: 45px;}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail {text-align: left;}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count {display: flex;align-items: center;grid-gap: 7px;font-size: 20px;}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count .vote-counter {font-size: 24px;font-weight: 700;color: var(--primary-color);min-width: 76px; display: inline-block;}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count .stars {color: var(--accent-color);display: flex;}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count .stars svg {width: 23px;height: 23px;}
.pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-sub-text {margin-top: 1px;font-size: 14px;}
.pages-container.comments-page .comments-page-content .review-info .review-right .review-buttons {display: flex;grid-gap: 12px;}
.pages-container.comments-page .comments-page-content .review-info .review-right .review-buttons .btn {font-size: 14px; padding: 15px 20px;}

.pages-container.comments-page .comments-page-content .review-list {display: flex;flex-direction: column;grid-gap: 20px;}
.pages-container.comments-page .comments-page-content .review-list .comment-item {box-shadow: none;background-color: var(--secondary-color);opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.pages-container.comments-page .comments-page-content .review-list .comment-item.visible {opacity: 1;transform: translateY(0);}
.pages-container.comments-page .comments-page-content .review-list .comment-item:hover {transform: none;}
.pages-container.comments-page .comments-page-content .review-list .comment-item .comment-header {margin-bottom: 10px;}


@media only screen and (max-width: 768px) {
    .pages-container.comments-page .comments-page-content .review-info {padding: 15px;grid-gap: 10px;}

    .pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-icon img {width: 30px;}
 
    .pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count {grid-gap: 3px;}
    .pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count .vote-counter {font-size:15px;min-width: 49px;}
    .pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count .stars {position: relative;top: -1px;}
    .pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count .stars svg {width: 16px;height: 16px;}
    .pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-sub-text {font-size:12px;}

    .pages-container.comments-page .comments-page-content .review-info .review-right .review-buttons {grid-gap:5px;}
    .pages-container.comments-page .comments-page-content .review-info .review-right .review-buttons .btn {padding: 10px 15px;font-size: 12px;}
}

@media only screen and (max-width: 465px) {
    .pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-icon {display: none;}
    .pages-container.comments-page .comments-page-content .review-info .review-left .google-votes .google-detail .vote-count .stars svg:not(:first-child) {display: none;}
}

@media only screen and (max-width: 355px) {
    .pages-container.comments-page .comments-page-content .review-info {padding: 10px;}
    .pages-container.comments-page .comments-page-content .review-info .review-right .review-buttons .btn {padding: 8px;}
}