@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --dark-black: #000;
    --white: #fff;
    --jet-black :#1A1A1A;
    --burnt-peach :#EC9B6E;
    --dusk-blue : #656B76;
    --midnight-navy :#032642;
    --midnight-slate :#242B3A;
    --pale-silver : #F6F7F7; 
    --reddish-orange : #f15a29;
    --cloud-gray :#EBECED;
    --purple: #9B6CD6;
    --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --ghost-white:#F4F5F5;
    --vivid-red:#FF0209;
    --medium-gray:#4D4D4D;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body{
    overflow-x: hidden;
}

.container, .container-sm {padding: 0px 20px;}


/*Heading Font Sizes */
h1 {font-size: 60px; font-family: "Archivo", sans-serif;}
h2 {font-size: 50px; font-family: "Archivo", sans-serif;}
h3 {font-size: 48px; font-family: "Archivo", sans-serif;}
h4 {font-size: 32px; font-family: "Archivo", sans-serif;}
h5 {font-size: 24px; font-family: "Archivo", sans-serif;}
h6 {font-size: 20px; font-family: "Archivo", sans-serif;}
p {font-size: 18px; font-family: "Archivo", sans-serif;}

h1,h2,h3,h4,h5,h6 {line-height: 1.2;word-break: break-word;margin: 0px;}
p,a,span {line-height: 1.6;word-break: break-word;text-decoration: none;}
ul,ol {margin: 0px;padding: 0px;}
li {font-size: 16px; font-family: "Archivo", sans-serif;}
p {margin: 0px;}

/* Custom-Font-size */
.fs-38 {font-size: 38px; line-height: 1.2; font-family: "Archivo", sans-serif;}
.fs-30 {font-size: 30px; line-height: 1.2; font-family: "Archivo", sans-serif;}
.fs-28 {font-size: 28px; line-height: 1.2; font-family: "Archivo", sans-serif;}
.fs-22 {font-size: 22px; line-height: 1.2; font-family: "Archivo", sans-serif;}
.fs-17 {font-size: 17px; line-height: 1.2; font-family: "Archivo", sans-serif;}
.fs-16 {font-size: 16px; line-height: 1.6; font-family: "Archivo", sans-serif;}
.fs-15 {font-size: 15px; line-height: 1.2; font-family: "Archivo", sans-serif;}
.fs-14 {font-size: 14px; line-height: 1.6; font-family: "Archivo", sans-serif;}
.fs-12 {font-size: 12px; line-height: 1.2; font-family: "Archivo", sans-serif;}



/* custom-color-classes */
.vivid-red{color: var(--vivid-red);}
.text-dark-black {color: var(--dark-black);}
.text-white {color: var(--white);}
.text-jet-black {color: var(--jet-black);}
.text-burnt-peach {color: var(--burnt-peach);}
.text-dusk-blue {color: var(--dusk-blue);}
.text-midnight-navy {color: var(--midnight-navy);}
.text-midnight-slate {color: var(--midnight-slate);}
.pale-silver {background: var(--pale-silver);}
.reddish-orange{color: var(--reddish-orange);}
.dusk-blue{color: var(--dusk-blue);opacity: 0.6;}
.light-white{color: var(--white);opacity: 0.6;}
.medium-gray{color: var(--medium-gray);}
.text-gridient {width: fit-content; background: linear-gradient(90deg, var(--burnt-peach) 58.81%, #9D6FD9 80.66%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* bg-Linear-gridient */
.bg-linear {background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), linear-gradient(90deg, var(--burnt-peach) 48.36%, #9D6FD9 100%);}

.bg-white { background-color:var(--white); }
.bg-grey { background-color: #FBFBFB;}
.bg-pale-silver {background: var(--pale-silver);}

/* font-weight  */
.fw-700 {font-weight: 700;}
.fw-600{font-weight: 600;}
.fw-500{font-weight: 500;}  
.fw-400{font-weight: 400;}
.fw-300{font-weight: 300;}

/* Border-color Radius */
.border-dusk-blue {border: 1px solid var(--dusk-blue);}
.border-radius {border-radius: 50px;}
.br-16 { border-radius: 16px;}

.sticky { position: sticky; top: 20px;}

/* box-shadow */
.newsLettershadow {border-radius: 10px;background: #FBFBFB;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);padding: 14.99px 15px 15px 15px; }

/* Global-Buttons */
.btn-gridient:hover {background: linear-gradient(120deg, #9d6fd9 40.36%, var(--burnt-peach) 100%);color:var(--white);}
.btn-gridient {font-family: Archivo; border-radius: 50px;border:0;background: linear-gradient(90deg, var(--burnt-peach) 48.36%, #9d6fd9 100%);color: white;padding: 13px 20px;transition: background 0.3s ease;}
.btn-login {padding: 10px 18px;}
/* Quote-Btn */
.btn-quote {border-radius: 6px;background: var(--midnight-navy);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10) !important; display: flex;width: 160px;height: 36px;justify-content: center;align-items: center;}
.btn-quote:hover {color: var(--dark-black) !important;}
/* learn-more-btn */
.learn-more-btn {border-radius: 8px;border: 1px solid var(--midnight-navy);padding: 13px 30px;background-color: transparent;}
/* Get-Started-Btn */
.get-started-btn {border-radius: 8px;background: var(--white);padding: 13px 50px;border: 0;}

.box-shadow{padding: 20px 18px 20px 18px;border-radius: 8px;border: 1px solid var(--cloud-gray);background: var(--white);box-shadow: 0px 4px 4px 0px rgba(217, 217, 217, 0.25);}

/* Footer-Input */
footer.footer .dropdown-col{display: none;}
input.form-control:focus {box-shadow: none;border: 1px solid #DCDCDC;}
input.form-control {height: 42px;padding: 13px 15px 13px 15px;border-radius: 8px;border: 1px solid #DCDCDC;background: var(--white);}

/* Footer */
footer.footer {padding-top: 13em;}
.social-icons a img {transition: all 0.3s ease;}
.footer-bottom {border-top: 1px solid var(--cloud-gray);}
.listed-vadu-sec {margin-bottom: -11em;position: relative;}
.social-icons {display: flex;align-items: center;gap: 10px;}
.copyright a:hover {text-decoration-line: underline !important;}
.social-icons a:hover {color: #1DA1F2; transform: scale(1.1);}
.social-icons i.fa-brands.fa-facebook {font-size: 30px;color: #1877F2;}
.social-icons a:hover img {filter: brightness(1.2);transform: scale(1.1);}
.copyright a {text-decoration-line: underline;color: var(--midnight-slate);}
.social-icons i.fa-brands.fa-youtube {background: #FF0209;padding: 7px 6px;color:var(--white);border-radius: 50px;font-size: 20px;}
.social-icons i.fa-brands.fa-whatsapp {background: #00E510;color: var(--white);padding: 7px 9px;font-size: 20px;border-radius: 50px;}
.social-icons i.fa-brands.fa-linkedin-in {background: #007EBB;color: var(--white);padding: 7px 9px;font-size: 20px;border-radius: 50px;}
.social-icons a {display: inline-flex;align-items: center;justify-content: center;font-size: 24px;color: var(--midnight-slate);transition: all 0.3s ease;}
.social-icons i.fa-brands.fa-instagram {font-size: 20px;background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);color: var(--white);padding: 7px 8px;border-radius: 50px;}


/* Header */
.vadu-header ul {overflow: hidden;}
.vadu-header ul li {list-style: disc;}
.header-logo img {width: 127px;height: 40px;}
.vadu-header ul li::marker {color: #D9D9D9; font-size: 20px; }
.container:has(.vadu-header) { position: absolute; margin: auto; left: 0; right: 0; z-index: 9999;/* max-width: calc(100vw - 45%); */ }
.vadu-header {border-radius: 100px;background: rgba(255, 255, 255, 0.54);box-shadow: 0px 2px 3px 0px rgba(183, 183, 183, 0.08), 0px 2px 2px 0px rgba(183, 183, 183, 0.10);padding: 10px 0;  margin: 15px 0;}
.vadu-header .navbar-collapse.show{ position: absolute; top: 62px; background-color: rgb(249, 244, 255); width: 100%; left: 0px; right: 0px; border-radius: 20px; padding: 18px 25px; }
.vadu-header .navbar-collapse{transition: none;gap: 40px;}
.vadu-header ul.navbar-nav {gap: 20px;}

/* .banner-sec { height: 300px;} */
.banner-sec .banner-content { padding-top: 50px; }

/* Banner end */


/* Services Section Styles */
.service-card .reddish-orange {display: none;}
.service-card:hover .reddish-orange { display: block;}
.service-card:hover .professionals-number {display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size: 14px !important;color: var(--midnight-navy);}
.aes_logo img { border-radius: 100px;border: 1px solid var(--cloud-gray);background: var(--white);padding: 5px 5px 5px 5px;}
.browse-link { border-radius: 100px;border: 1.5px solid var(--cloud-gray);padding: 5px 15px 5px 15px; display: block; margin: 30px auto 0;}
.service-card {padding: 20px 15px;text-align: center;height: 100%;transition: all 0.3s ease;border-radius: 5px;border: 1px solid var(--cloud-gray);background: var(--white);}
.service-card:hover {border: 1px solid var(--reddish-orange);border-radius: 5px;box-shadow: 0px 4px 4px 0px rgba(217, 217, 217, 0.25);transition: all 0.3s ease;background: linear-gradient(135deg, #ec9b6e2b, #ffffff57, #9d6fd91a);}

.wishlist-btn i {line-height: unset;}
.wishlist-btn .fa-heart:before {position: absolute;top: 22%;left: 28%;}
.wishlist-btn {width: 31px;height: 31px;padding: 6px 6px 5px 5px;border-radius: 15.5px;background: #FFF;border: 0;position: absolute;top: 5px;right: 4px;}



/* Trending-service */
.top-rated span {position: absolute;top: 6px;left: 5px;}
.card_footer {background: rgba(241, 90, 41, 0.08); padding: 12px;}
.testimonial-parent {border-radius: 20px;border: 2px solid var(--burnt-peach);padding: 30px;    margin: 40px;}   
.professional-card {border-radius: 8px;border: 0.828px solid var(--cloud-gray);background: var(--white);box-shadow: 0px 4px 4px 0px rgba(217, 217, 217, 0.25);}
.testimonialSwiper .swiper-pagination-bullet-active {border-radius: 100px;background: linear-gradient(90deg, #EC9B6E 48.36%, #9D6FD9 100%), var( --midnight-navy);width: 36px;height: 10px;}
.testimonialSwiper:before {content: '';background-image: url(../media/images/testimonial-before.png);width: 739px;height: 522px;transform: rotate(25.276deg);position: absolute;top: -18%;background-repeat: no-repeat;background-size: contain;left: 73%;}
.testimonialSwiper:after {content: '';background-image: url(../media/images/testimonal-after.png);width: 739px;height: 522px;position: absolute;top: -22%;background-repeat: no-repeat;background-size: contain;left: -5%;border-radius: 1087500px;opacity: 0.8;}
.profile_card img {width: 40px;height: 40px;object-fit: cover;}
.text_restrict {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.trending_swiper_img img {height: 180px;object-fit: cover;}

/* Default bullet color */
.swiper-pagination-bullet {background-color:var(--white) !important;opacity: 1; width: 9px;height: 9px;}
/* Active bullet color */
.swiper-pagination-bullet-active {background-color: var(--white) !important; width: 9px;height: 9px;}

/* testimonial-slider */
.testimonialSwiper {border-radius: 22px;background: var(--midnight-navy);}


/* why-vadu-sec */
.vadu-btn .btn-gridient {border-radius: 8px;padding: 13px 30px;}
.why-vadu-img img {border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.20);background: #F2E7E3;object-fit: cover;}
.why-vadu-parent {border-radius: 22px;border-top: 1px solid #E7E8EC; box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05) inset, 0px 4px 2px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 26px 0px rgba(255, 255, 255, 0.25) inset;padding: 40px;}
.why-vadu-img img {width: 100%;height: 100%;}

/* listed-vadu-banner */
.listed-vadu-btn .learn-more-btn {border-radius: 8px;border: 1px solid var(--cloud-gray);}
.listed-vadu-inner {border-radius: 22px; background-image: url(../media/images/listed-vadu-banner.png);padding: 5em;background-repeat: no-repeat;background-size: cover;}


/* Contractors */

/* Filter start */

.filter-container { background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);  } 
.filter-container .filter-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }

.filter-container .filter-icon  { width: 16px; height: 16px; } 
.filter-container .reset-filter { color: #4A90E2; text-decoration: none; font-size: 14px; cursor: pointer; }
.filter-container .filter-title { font-size: 16px; font-weight: 600; color: #333; display: flex; align-items: center; gap: 8px; } 

.filter-container .filter-item { margin-bottom: 20px; } 
.filter-container .form-label { display: block; font-weight: 600; color: #333; margin-bottom: 8px; font-size: 14px; }

.filter-container .search-input::placeholder {  color: #999;}
.filter-container .search-input { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #666; }

.filter-container .filter-button:hover { border-color: #8B5FBF;}
.filter-container .filter-button.active { background: #8B5FBF; color: #fff; border-color: #8B5FBF; }
.filter-container .filter-button { padding: 8px 16px; border: 1px solid #ddd; border-radius: 20px; background: #fff; cursor: pointer; font-size: 12px; transition: all 0.2s; } 

.filter-container .services-list .service-item { display: flex; align-items: center; padding: 6px 0; font-size: 14px;}
.filter-container .services-list .service-item .service-checkbox { margin-right: 10px; width: 16px; height: 16px; accent-color: #8B5FBF;}

.filter-container .budget-section { margin-bottom: 20px;}

.filter-container .search-button:hover { background: #34495E;}
.filter-container .range-container { margin: 15px 0; position: relative;}
.filter-container .price-display { color: #666; font-size: 14px; margin-top: 10px; }
.filter-container .price-range::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #8B5FBF; cursor: pointer; border: 2px solid #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.filter-container .price-range { width: 100%; height: 6px; border-radius: 3px; background: linear-gradient(to right, #8B5FBF 0%, #8B5FBF 60%, #ddd 60%, #ddd 100%); outline: none; appearance: none; } 
.filter-container .price-range::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #8B5FBF; cursor: pointer; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.filter-container .search-button { width: 100%; background: #2C3E50; color: #fff;  border: none;  padding: 10px 15px; border-radius: 6px;  font-size: 16px; font-weight: 600; cursor: pointer;  transition: background-color 0.2s;}

.filter-container .type-wrapper input:checked + .type-label { background: #8B5FBF; color: #fff; border-color: #8B5FBF;  }
.filter-container .type-wrapper .type-label { padding: 5px 12px; border: 1px solid #ddd; border-radius: 20px; background: #fff; cursor: pointer; font-size: 12px; transition: all 0.2s;  }

.trans-accordion .accordion-item .accordion-body { padding-inline: 0;} 
.trans-accordion .accordion-item button:focus { box-shadow: none; outline: 0; }
.trans-accordion .filter-title { font-size: 18px; font-weight: 600; color: #000;}
.trans-accordion .accordion-item, .trans-accordion .accordion-item button, .trans-accordion .accordion-button:not(.collapsed) { border: 0; padding-inline: 0;  box-shadow: none; background-color: transparent;}
.trans-accordion .accordion-button:not(.collapsed)::after { background-image: var(--accordion-btn-active-icon);}

/* Filter End*/

/* Sorting Start*/

.sorting-wrapper .view-change button.active i { color: var(--white);}
.sorting-wrapper .view-change button.active { background-color: var(--purple);}
.sorting-wrapper .view-change { border: 1.5px solid var(--cloud-gray); border-radius: 5px;}

/* Sorting End*/


/* Service Detail Start */

.listing-detail .listing-content .card { padding: 25px;}
.listing-detail .listing-content .trans-accordion .accordion-item { padding: 15px 0;}
.listing-detail .listing-content .card .customer-review .card-review { padding: 25px;}

.sorting-wrapper .view-change:focus-visible {outline: 0;}
.listing-archive select.sorting-select:focus-visible {outline: 0;}
.listing-archive select.sorting-select {border-radius: 5px;border: 1px solid var(--cloud-gray);height: 40px;padding: 0px 8px 0px 13px;color: #AFB2B8;}
.listing-detail .listing-content .faq-accordion .accordion-item { background-color: #FBFBFB; margin-bottom: 20px; padding: 20px 15px; border-radius: 10px; border: 1.5px solid var(--cloud-gray); }
/* .listing-detail .listing-content .faq-accordion .accordion-item button { background-color: transparent;} */
/* Service Detail End */

/* testimonial-slider */
.testimonial-parent .user-image { width: 350px; height: 350px; }
.testimonialSwiper {border-radius: 22px;background: var(--midnight-navy);}

/*Service-Detail Security-Badge */
.security-badge-inner {background: var(--white);padding: 6px 16px;border-radius: 999px;}
.service-summit-badge .security-badge-inner {background: var(--white);padding: 3px 10px 3px 5px;border-radius: 999px;}
.security-badge {display: inline-block;padding: 2px;background: linear-gradient(90deg, #f2994a, #a100ff);border-radius: 999px;top: 9px;left: 3px;}

.summit-blank-sec {height: 25vh;}
.simmit-image {margin-top: -4em;}
.profile-inner {padding: 0 25px 19px;}
.summit-icon .fa-brands.fa-facebook {color: #0866FF;}
.button-box .btn-gridient {border-radius: 8px;width: 100%;}
.acma-text-listing {border-bottom: 1px solid var(--cloud-gray);padding: 0 0 17px 0;}
.acme-vadu {background-color: var(--ghost-white);border-radius: 5px;padding: 14px 16px;}
.button-box .learn-more-btn {width: 100%;padding: 10px 18px;border-radius: 8px;border: 1px solid var(--cloud-gray);}
.summit-icon i {border-radius: 8px;border: 1px solid var(--cloud-gray);background: #FBFBFB;padding: 8px;font-size: 20px;}
.summit-icon img {padding: 4px;border-radius: 8px;border: 1px solid var(--cloud-gray);background: #FBFBFB;width: 36px;height: 36px;}
.profile-parent {margin-top: -7em;border-radius: 8px;border: 1px solid var(--cloud-gray);background: #FFF;box-shadow: 0px 4px 4px 0px rgba(217, 217, 217, 0.25);}
.summit-icon .fa-brands.fa-tiktok {background: linear-gradient(45deg, #FF004F, #00F2EA);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.summit-icon .fa-brands.fa-instagram {background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}


/* Home-page-Banner */
.hero-section h1.section-title {width: 100%;margin: auto;position: relative;z-index: 1; font-size: 80px; }
.hero-section{ background: url(../media/images/hero-banner-bg.png) no-repeat center center; background-size: cover; padding:13em 0 10em 0 ;}
.hero-section:before { content: ''; position: absolute;top: -21%;left: 40%; width: 398px;height: 391px;background-size: cover;background-position: center;background-image: url(../media/images/abstract-design-banner.png);}

.location-section {padding: 0 20px;}
.search-icon {width: 20px;height: 20px;color: #AFB2B8; }
.search-wrapper {width: 100%;max-width: 90%;margin: auto;position: relative; z-index: 1;}
.search-container {border-radius: 50px;border: 1px solid var(--cloud-gray);background: var(--white);box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.04);padding: 8px 12px 8px 20px;}
.custom-grid-sec:before {content: '';position: absolute;top: 33%;right: 0;width: 100%;height: 250px;background-image: url(../media/images/grid-vector.png);background-size: cover;background-position: center;}

.search-btn-icon {width: 16px;height: 16px;}
.search-btn {display: flex;align-items: center;gap: 6px;min-width: fit-content;padding: 13px 22px;}

.stats-container {border-radius: 24px;border: 1px solid var(--white);}
.verified-users-inner {padding: 8px 12px 8px 8px;border-radius: 100px;border: 1px solid var(--white);background: rgba(255, 255, 255, 0.40);box-shadow: 0px 2px 3px 0px rgba(183, 183, 183, 0.25);backdrop-filter: blur(2.5px);position: absolute;top: -8px;}
.verified-users-inner:before {content: '';position: absolute;background-image: url(../media/images/stroke-left.svg);width: 39px;height: 25px;left: -16%;}
.verified-users-inner:after {content: '';position: absolute;background-image: url(../media/images/stroke-right.svg);width: 39px;height: 25px;right: -15%;}

.avatar:first-child {margin-left: 0;background: linear-gradient(45deg, #f59e0b, #f97316);}
.avatar:nth-child(2) {background: linear-gradient(45deg, #10b981, #059669);}

.user-avatars {display: flex;margin-right: 8px;}
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr);gap: 40px; text-align: center; padding: 40px 20px 20px 20px;}

.stat-item {border-radius: 20px;border: 1px solid var(--cloud-gray);background: linear-gradient(180deg, rgba(242, 231, 254, 0.50) -35.33%, rgba(238, 231, 254, 0.50) 46.23%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.50);padding: 40px 24px;}


.stat-item:nth-child(3) {animation-delay: 0.4s;}
.stat-item:nth-child(2) {animation-delay: 0.2s;}
.stat-item {animation: fadeInUp 0.6s ease forwards;}
.stats-grid:before {content: '';background-image: url(../media/images/hero-line-left.png);bottom: 91.4%;}
.stats-grid:after {content: '';background-image: url(../media/images/hero-line-right.png);bottom: 91.4%;right: 3%;}
.stats-grid:before, .stats-grid:after{background-size: cover;background-position: center;position: absolute;width: 100px;height: 502px;}
.avatar { width: 32px; height: 32px; border-radius: 50%; border: 2px solid white; margin-left: -8px; background: linear-gradient(45deg, #8b5cf6, #a855f7); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold;font-size: 12px;}

.search-input::placeholder { color: #9ca3af; font-weight: 400; }
.location-input::placeholder { color: #9ca3af; font-weight: 400; }
.search-btn.loading .search-btn-icon { animation: spin 1s linear infinite; }     
.location-icon { width: 18px; height: 18px; color: #9ca3af; flex-shrink: 0; }
.vertical-divider { width: 1px; height: 24px; background: #e5e7eb; margin: 0 8px; }
.search-btn.loading { background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%); cursor: not-allowed; }  
.search-input { border: none; outline: none; background: transparent; font-size: 16px; color: #374151; flex: 1; padding: 16px 0; font-weight: 400; }
.location-input { border: none; outline: none; background: transparent; font-size: 16px; color: #374151; width: 100%; padding: 16px 0; font-weight: 400; }

@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}
@keyframes shake {0%, 100% { transform: translateX(0); }25% { transform: translateX(-4px); }75% { transform: translateX(4px); }}

.shake {animation: shake 0.3s ease-in-out; }

        /* Focus states */
.search-input:focus, .location-input:focus { color: #111827; }    
.search-input:focus + .search-icon, .location-input:focus + .location-icon { color: #f97316; }     



/* service-detail-modal */
#projectModal .modal-dialog {max-width: 600px;}
.custom-modal-header {padding: 15px 15px 0 15px;border-bottom: 0;}
.pm-boder-right {border-right: 2px solid var(--cloud-gray);padding-right: 6em;}
.project-modal-parent {border-radius: 10px;background: var(--white);width: 600px;height: 658px;}
.project-modal-header {border-radius: 7px;border: 1px solid var(--cloud-gray);background: #FBFBFB;}
 
/* contractor-list-card */
.contractor-wishlist .wishlist-btn {left: 6px;}
.contrator-list-card-inner img {border-radius: 4px;} 
.contrator-list-card-inner {border-right: 2px solid var(--cloud-gray);width: 75%;}
.contractor-wishlist .wishlist-btn i { width: 31px;height: 31px;line-height: 1.6;}
.contrator-list-card {border-radius: 8px;border: 1px solid var(--cloud-gray);background: var(--white);box-shadow: 0px 4px 4px 0px rgba(217, 217, 217, 0.25);padding: 13px;}




/* about-us */
.prioritize { border-radius: 12px; border: 2px solid rgba(236, 155, 110, 0.20); background: radial-gradient(151.92% 127.02% at 15.32% 21.04%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.04) 77.08%, rgba(255, 255, 255, 0.00) 100%); backdrop-filter: blur(19px); padding: 26px 24px; width: 75%; margin: auto;}
.check-list-items:before { content: ''; position: absolute; width: 544px; height: 655px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(../media/images/stone-color.png); top: -12%; right: -20%; transform: rotate(18deg); }


.custom-gradient {background: linear-gradient(90deg, #0f0022, #5f3a78, #f9a84b);padding: 3rem 2rem;border-radius: 20px;position: relative;z-index: 2;}
.info-box {border-radius: 12px;border: 2px solid rgba(236, 155, 110, 0.20);background-blend-mode: overlay, normal;box-shadow: 2px 16px 19px 0px rgba(0, 0, 0, 0.09);backdrop-filter: blur(40px);}


.about-accordion .accordion-item{border:0;}
.about-accordion .nav-tabs{border:0px; gap: 10px;}
.about-accordion .accordion-button:focus{outline: 0;box-shadow: none;}
.about-accordion .accordion-button{background-color: var(--light-grey);}
.about-accordion .accordion-button .collapsed{background-color: var(--dusk-blue);}
.about-accordion .accordion-button:not(.collapsed){background-color: var(--light-grey);}
.about-accordion .accordion-img img, svg { vertical-align: middle; width: 100%; height: 100%; }
.about-accordion .nav-tabs .nav-link {border-radius: 20px;color: var(--dark-black);border: 1px solid var(--cloud-gray);}
.about-accordion .nav-tabs .nav-link.active {color: var(--white);background: linear-gradient(90deg, #EC9B6E 48.36%, #9D6FD9 100%), #9B6CD6;}

.stats-main {border-left: dashed #9B6CD6;}
.about-accordion .accordion-button:not(.collapsed) {color: var(--midnight-slate);}
.about-accordion .accordion-header {border-radius: 5px;background: var(--pale-silver);}



 
   
.item-5 {grid-column: 2;grid-row: 4;}
.item-3 {grid-column: 2;grid-row: 2 / 4;}
.item-4 { grid-column: 1;grid-row: 3 / 5;}
.item-1 {grid-column: 1 / -1;grid-row: 1;}
.item-2 { grid-column: 1;grid-row: 2;height: 160px;}
.gallery-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 160px 160px 70px 160px; gap: 10px; }.gallery-item img {border-radius: 6px; width: 100%;height: 100%;object-fit: cover;display: block;}

@media (max-width: 768px) {
.item-1 { grid-column: 1; grid-row: 1; }
.item-2 { grid-column: 1; grid-row: 2; }
.item-3 { grid-column: 1; grid-row: 3; }
.item-4 { grid-column: 1; grid-row: 4; }
.item-5 { grid-column: 1; grid-row: 5; }
.gallery-container {grid-template-columns: 1fr;grid-template-rows: repeat(5, 220px);}
}

.contact-form button {border-radius: 8px;}
.contact-form {width: 500px; margin: auto;}
textarea.form-control:focus {border-radius: 8px;border: 1px solid var(--cloud-gray);background: var(--white);}


/* terms-and-condition */
.terms-sidebar-nav li a{padding: 12px 10px; }
.terms-sidebar-nav li {list-style: none;padding-bottom: 13px;}
.terms-sidebar-nav li a.active {border-radius: 6px;background: var(--pale-silver);display: flex;padding: 12px 10px;align-items: center;color:var(--purple);font-weight: 600;}


/* customer-header */
.customer-dropdown .dropdown-menu.show {right: 0;}
.customer-notification a i {font-size: 18px;color: #656B76;}
.customer-dropdown img {border-radius: 100px;border: 1px solid var(--white);}
.customer-notification {border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.06);padding: 10px 18px;}
.customer-notification a i:hover {background: linear-gradient(90deg, #EC9B6E 48.36%, #9D6FD9 100%);background-clip: text;color: transparent;}
.customer-dropdown {padding: 5px 10px 5px 5px; background: linear-gradient(90deg, rgb(236, 155, 110) 48.36%, rgb(157, 111, 217) 100%);border-radius: 50px;}

/* Custom dropdown header with image */

.customer-dropdown .dropdown-menu {min-width: 240px;}
.customer-dropdown ul li a:hover {background-color: transparent;}
.customer-dropdown .dropdown-menu li:last-child a {color: #FF4242;}
.customer-dropdown .dropdown-menu li:last-child i {color: #FF4242;}
.customer-dropdown ul li i {color: var(--dark-black);font-size: 14px;}
.customer-dropdown .dropdown-menu li:last-child {border-top: 2px solid #E9EAEB;}
.customer-dropdown .dropdown-menu li:first-child {border-bottom: 2px solid #E9EAEB;}
.customer-dropdown .dropdown-menu.show { right: 0; border-radius: 6px; border: 1px solid #FFF;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.09);}


/* Notification-page */
.profile_info { display: flex ; flex-direction: column; }
.profile_card { display: flex ; align-items: center; gap: 12px; }
.name { font-weight: 600; color: #1f2937; font-size: 14px; margin: 0; }
.notification-sec{background-image: url(../media/images/hero-banner-bg.png);}
.search_container { margin-bottom: 20px; position: relative; display: inline-block; }

#myTable tbody td { padding: 16px; border-bottom: 1px solid #f3f4f6; vertical-align: middle; color: #6b7280; font-size: 14px; }
.table_header { display: flex ; align-items: center; justify-content: space-between; padding: 20px;border-bottom: 1px solid #E9EAEB;}
.table_container {height: 573px;overflow-y: scroll;background: white;border-radius: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);margin-bottom: 20px;}
body .table_header .search_icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #717680; font-size: 16px; pointer-events: none; }
#myTable thead th { border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; color: #6b7280; font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; padding: 12px 16px; }
#customSearch { width: 100%; font-family: 'Inter'; padding: 8px 16px 8px 40px; border: 1px solid #D5D7DA; border-radius: 8px; font-size: 16px; font-weight: 400; background-color: #fff; height: 40px; box-shadow: 0px 1px 2px 0px #0A0D120D; color: #717680; }

/* profile-settings */
.dropify-wrapper {border-radius: 8px;}
.country-select-wrapper {position: relative;}
.input-group .input-group-text i {font-size: 16px;color: #717680;}
.settings-sec{background-image: url(../media/images/hero-banner-bg.png);}
.flag-icon img {width: 20px;height: 20px;object-fit: cover;border-radius: 50%;}
.settings .nav-link.active {background: none;color: #9B6CD6;border-bottom: 2px solid #9B6CD6;}
.country-select {width: 100%;padding: 10px 10px 10px 45px;appearance: none;-webkit-appearance: none;}
.toggle-password {position: absolute;right: 25px;top: 50%;transform: translateY(-50%);cursor: pointer; color: #717680;}
.settings .nav-link {background: none;border: none;font-family: 'Inter';font-size: 14px;font-weight: 600;color: #717680;}
.flag-icon {position: absolute;top: 50%;left: 10px;width: 25px;height: 25px;border-radius: 50%;overflow: hidden;transform: translateY(-50%);}
.btn_white { background: var(--white); border-radius: 8px; height: 40px; padding: 0px 15px; border: 1px solid #D5D7DA; font-size: 14px; font-weight: 600; }
input.form-control::placeholder {color: var(--Gray-900, #181D27);font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.btn_purple {background: #9B6CD6;color: var(--white);border-radius: 8px;border: 1px solid #9B6CD6;height: 40px;align-content: center;padding: 0px 15px;font-family: 'Inter';font-size: 14px;font-weight: 600;}
input.form-control, .form-select {height: 44px;padding: 0px 15px;border-radius: 8px;border: 1px solid #DCDCDC;background: var(--white);font-size: 16px;font-weight: 500;font-family: 'Inter';color: #181D27;}

/* scrolbar */

#kt_body::-webkit-scrollbar {width: 10px;}
#kt_body::-webkit-scrollbar-track {background: #f1f1f1;}
#kt_body::-webkit-scrollbar-thumb {background: linear-gradient(90deg, var(--burnt-peach) 48.36%, #9d6fd9 100%);border-radius: 10px;}

.what-we-do-text {width: 50%;}
.stats-main .stats-inner {justify-content: center; gap: 15px;}

/* coming-soon-page */
/* .subscribe {margin-top: 2rem;}
.countdown-label {font-size: 0.8rem;opacity: 0.7;}
.countdown-number {font-size: 2rem;font-weight: 600;}
.countdown { display: flex; justify-content: center; gap: 1rem; margin: 2rem 0; }
.countdown-item { background: rgba(255, 255, 255, 0.2); padding: 1rem; border-radius: 8px; min-width: 80px; }
.subscribe input { padding: 0.8rem 1rem; border: none; border-radius: 4px; width: 300px; max-width: 100%; margin-right: 0.5rem; }
.subscribe button { padding: 0.8rem 1.5rem; background: white; color: #667eea; border: none; border-radius: 4px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
.social-links {margin-top: 2rem;}
.social-links a:hover {opacity: 1;}
.subscribe button:hover {background: #f8f9fa;}
.social-links a {color: white;margin: 0 0.5rem;font-size: 1.5rem; opacity: 0.7;transition: opacity 0.3s ease;} */
.badge.notification-badge {padding: 3px 6px;color: var(--white);background: linear-gradient(90deg, rgb(236, 155, 110) 48.36%, rgb(157, 111, 217) 100%);border-radius: 50px;}

/* Language Dropdown Styles */
.dropdown-menu {border: 1px solid var(--cloud-gray);border-radius: 6px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 0;}
#languageDropdown:hover, #languageDropdownAuth:hover {background-color: var(--pale-silver);border-color: var(--midnight-navy);}
#languageDropdown:focus, #languageDropdownAuth:focus {box-shadow: 0 0 0 0.2rem rgba(3, 38, 66, 0.25);border-color: var(--midnight-navy);}
#languageDropdown, #languageDropdownAuth { border: 1px solid var(--dusk-blue); color: var(--midnight-navy); background: transparent; padding: 8px 12px; font-size: 14px; border-radius: 6px; transition: all 0.3s ease; }

.dropdown-item img {width: 16px;height: 12px;object-fit: cover;}
.dropdown-item:hover {background-color: var(--pale-silver);color: var(--midnight-navy);}
.dropdown-item {padding: 8px 16px;font-size: 14px;color: var(--midnight-navy);transition: background-color 0.2s ease;}
#google_translate_element { display: none !important; visibility: hidden !important; opacity: 0 !important; position: absolute !important; left: -9999px !important; top: -9999px !important; width: 0 !important; height: 0 !important; }

/* Hide Google Translate banner and toolbar */
.goog-te-banner-frame {display: none !important;visibility: hidden !important;}
.goog-te-banner-frame.skiptranslate {display: none !important;visibility: hidden !important;}
/* Hide Google Translate balloon and menu */
.goog-te-menu-frame {display: none !important;visibility: hidden !important;}
.goog-te-balloon-frame {display: none !important;visibility: hidden !important;}
/* Prevent body from being pushed down by Google Translate */
body {top: 0 !important;position: static !important;}
body.goog-te-banner-frame {top: 0 !important;position: static !important;}
/* Hide any Google Translate loading indicators */
.goog-te-spinner {display: none !important;visibility: hidden !important;}
/* Hide Google Translate combo box */
.goog-te-combo { display: none !important;visibility: hidden !important;}
/* Hide any other Google Translate elements */
.skiptranslate {display: none !important;visibility: hidden !important;}
[id^="goog-gt-"] {display: none !important;visibility: hidden !important;}
/* Ensure no Google Translate elements affect layout */
iframe[src*="translate.google"] {display: none !important;visibility: hidden !important;}
/* Additional aggressive hiding for Google Translate loader */
.goog-te-ftab {display: none !important;visibility: hidden !important;}
.goog-te-gadget {display: none !important;visibility: hidden !important;}
.goog-te-ftab-float {display: none !important;visibility: hidden !important;}
.goog-te-gadget-simple {display: none !important;visibility: hidden !important;}
/* Hide any div with Google Translate classes */
div[class*="goog-te"] {display: none !important;visibility: hidden !important;}
div[id*="google_translate"] {display: none !important;visibility: hidden !important;}

/* Hide loading spinner and progress indicators */
.goog-te-spinner-pos {display: none !important;visibility: hidden !important;}
.goog-te-spinner-animation {display: none !important;visibility: hidden !important;}
/* Force hide with higher specificity */
html body .goog-te-banner-frame,
html body .goog-te-balloon-frame,
html body .goog-te-menu-frame,
html body .goog-te-ftab,
html body .goog-te-gadget,
html body #google_translate_element {display: none !important;visibility: hidden !important;opacity: 0 !important;position: absolute !important;left: -9999px !important;top: -9999px !important;width: 0 !important;height: 0 !important;z-index: -9999 !important;}
#languageDropdown:focus, #languageDropdownAuth:focus {box-shadow: none;}


.iti__flag-container{height: 44px;}
.iti__flag-container ul.iti__country-list {z-index: 999 ;}
.input-group .iti__flag-container .iti__selected-flag {background-color:transparent;}

/* Header */
.vadu-header .navbar-nav .nav-link {display: inline-block;max-width: 180px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.vadu-header .header-btn-group a {white-space: nowrap; text-overflow: ellipsis;overflow: hidden;max-width: 180px;}
.vadu-header #languageDropdown span { display: inline-block; max-width: 120px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}