/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


h1, h2, h3, h4, h5, h6 { font-family: "Manrope", sans-serif !important; }
html { margin: 0; padding: 0; box-sizing: border-box; overflow-x: hidden; }
* { word-wrap: break-word; }

a{transition: 0.3s ease;}
.overflow-hidden{overflow: hidden;}

/*---------Header css-------------*/
.top-header ul { justify-content: space-between !important; flex-wrap: nowrap !important;}
.top-header ul li { width: 25%; }
.main-menu nav ul li a span.sub-arrow { position: relative; }
.main-menu nav ul li a span.sub-arrow svg { display: none; }
.main-menu nav ul li a span.sub-arrow::after { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid; border-width: 0 1px 1px 0; transform: rotate(45deg); top: 4px; right: -5px; }
.bottom-header .main-menu { width: 80% !important; }
.bottom-header .header-btn { width: 17% !important; }

.marquee { display: flex; overflow: hidden; user-select: none; gap: 10px; }
.marquee .marquee__group { text-align: center; width: 100%; animation: scroll 70s linear infinite; flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 10px; min-width: auto; }
.marquee .marquee__group span, .marquee .marquee__group a { color: #B99F77; }
.marquee .marquee__group a:hover { color: #fff; }
.marquee .marquee__group span { width: 33.33%; min-width: auto; animation: scroll 70s linear infinite reverse; }
.marquee .marquee__group span { border-right: 1px solid #B99F77; padding: 0 5px; }

.top-head-box ul { display: flex; justify-content: center; align-items: center; padding-left: 0; }
.quote {display: none;}
.top-head-box li, .top-head-box ul li a { color: #B99F77; }
.top-head-box li:hover, .top-head-box ul li a:hover { color: #fff; }
.top-head-box li { list-style: none; width: 33.33%; text-align: center; border-right: 1PX solid #b99f77; padding: 0 10px;}
.top-head-box li.quote {border-right: 0;}
@keyframes scroll {
  from {
      transform: translateX(0);
  } 
  to {
      transform: translateX(calc(-100% - 2rem));
  }
} 


.nav-menu-wrapper ul.ubermenu-nav { display: flex; justify-content: end; width: 100%; }
.nav-menu-wrapper ul.ubermenu-nav > li.ubermenu-item  a { font-family: "Manrope", sans-serif !important; font-weight: 500; padding: 10px 20px !important; font-size: clamp(14px, 1.6vw, 18px); }
.nav-menu-wrapper ul.ubermenu-nav > li.ubermenu-item > a i { right: 0 !important; }
.nav-menu-wrapper ul.ubermenu-nav > li.ubermenu-item ul.ubermenu-submenu li.ubermenu-item a span { font-family: "Manrope", sans-serif !important; font-weight: 500; font-size: clamp(0.75rem, 1.4vw, 0.875rem); text-transform: capitalize; }

/* Luxury hover effect */
.ubermenu .ubermenu-item-layout-image_above {
    overflow: hidden;
}

.ubermenu .ubermenu-item-layout-image_above img.ubermenu-image {
    transition: transform 0.5s ease;
}

.ubermenu .ubermenu-item-layout-image_above .ubermenu-target-text {
    transition: color 0.3s ease;
}

.ubermenu .ubermenu-item-layout-image_above:hover img.ubermenu-image {
    transform: scale(1.08);
}

.ubermenu .ubermenu-item-layout-image_above:hover .ubermenu-target-text {
    color: #B99F77;
}
/*---------Header css-------------*/


/*---------Footer-----------*/
.footer-socil-share ul { justify-content: end; }
.footer-socil-share ul li { cursor: pointer; }
.footer-text p { margin-bottom: 0; }
/*---------Footer-----------*/

/*------Common design-------*/
.common-tag-style li { padding: 6px 15px !important; border: 1px solid #C7C7C7; display: inline-flex !important; border-radius: 20px; position: relative; }
.common-tag-style li a{ color: #333333; transition: all 0.4s ease-in-out;}
.common-tag-style li a:hover{ color: #AE5B30;}
.cstm-row { display: flex; flex-wrap: wrap; }
.g-4 { gap: 12px; }
.cstm-col-md-12{ width: 100%;}
.cstm-col-md-3 { width: calc(25% - 9px); }
.cstm-col-md-6 { width: calc(50% - 6px); }
.cstm-col-md-4 { width: calc(33.33% - 8px); }
.d-block{display: block !important;}

.img-box a { display: block; }
/*------Common design-------*/

/*------Form Common design-------*/
.wpcf7-form-control { border: 1px solid #00000038 !important; padding: 8px 24px !important; background-color: transparent; height: 56px; border-radius: 0 !important; resize: none !important;}
.wpcf7-form-control:focus { outline: none; }
textarea.wpcf7-form-control{ height: 110px; resize: none; padding-top: 15px !important;}
select.wpcf7-form-control { padding-right: 35px !important; background-image: url(/wp-content/uploads/2026/04/arow.png); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px; appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #757575; cursor: pointer;}
.home textarea.wpcf7-form-control, .cstm-col-md-3 textarea.wpcf7-form-control, .cstm-col-md-6 textarea.wpcf7-form-control, .cstm-col-md-4 textarea.wpcf7-form-control { height: 56px; }

span.wpcf7-not-valid-tip { display: none; }
.wpcf7-not-valid { border-color: #dc3232 !important; }
.contact-form form p { margin-bottom: 0; }

.submit-btn { width: 100%; background-color: #B99F77; border-color: #B99F77 !important; color: #fff; font-size: 20px; font-weight: 500; font-family: "Poppins", sans-serif; border-radius: 0; position: relative; padding: 14px 24px; text-align: center; overflow: hidden; transition: 0.3s ease-in-out; display: flex; align-items: center; gap: 10px; justify-content: center; }
.submit-btn:hover { background-color: #222222; border-color: #222222 !important; }
.submit-btn::after { content: ''; background-image: url('https://fashionintedev.wpenginepowered.com/wp-content/uploads/2026/02/arow.png'); position: relative; width: 15px; height: 15px; display: inline-block; background-repeat: no-repeat; background-size: contain; transition: 0.3s ease-in-out;}
.submit-btn:hover::after { transform: translateY(-3px); }
.submit-btn p { margin-bottom: 0; }
.submit-btn p input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }
.submit-btn p span.wpcf7-spinner { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background-color: #ccc; }
.submit-btn.fit-button { width: fit-content; margin: 0 auto; min-width: 175px; }
/*------Form Common design-------*/

/*------Home page-------*/
.banner-main { overflow: hidden; height: calc(100vh - 110px); position: relative; }
.banner-main::after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; background: linear-gradient(180deg, rgba(20, 19, 19, 0.3) 7.19%, rgba(22, 17, 17, 0.59) 46.01%, rgba(20, 19, 19, 0.55) 100%); pointer-events: none; }
.banner-main .banner-text { transform: translate(-50%, -74%); }

.banner-img-wrapper,
.banner-img-wrapper .elementor-image-carousel-wrapper .swiper-slide-inner,
.banner-img-wrapper .elementor-image-carousel-wrapper { height: 100%; }
.banner-main .banner-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); }
.banner-main .banner-img-wrapper .elementor-swiper-button, .backout-shades-slider .elementor-swiper-button, .carousel-arrow  { z-index: 2; opacity: 1; width: 54px; height: 54px; background: #ffffff40; backdrop-filter: blur(4px); border: 1px solid #ffffffc2; border-radius: 100%; display: flex; justify-content: center; align-items: center; transition: 0.3s ease-in-out;}
.banner-main .banner-img-wrapper .elementor-swiper-button svg, .backout-shades-slider .elementor-swiper-button svg { fill: #fff; }
.carousel-arrow i{ color: #fff;}
.banner-main .banner-img-wrapper .elementor-swiper-button:hover, .backout-shades-slider .elementor-swiper-button:hover, .carousel-arrow:hover { background-color: #222222; }

.carousel-box .elementor-swiper-button,
.product-slider .elementor-image-carousel-wrapper .elementor-swiper-button { width: 40px; height: 40px; background: #ffffff; backdrop-filter: blur(4px); border: 1px solid #ffffff; border-radius: 100%; display: flex; justify-content: center; align-items: center; transition: 0.3s ease-in-out;}
.carousel-box .elementor-swiper-button:hover,
.product-slider .elementor-image-carousel-wrapper .elementor-swiper-button:hover {background: #3D372D;}
.carousel-box .elementor-swiper-button svg, .product-slider .elementor-image-carousel-wrapper .elementor-swiper-button svg { fill: #3D372D !important; font-size: 17px; transition: 0.3s ease-in-out; }
.carousel-box .elementor-swiper-button:hover svg,
.product-slider .elementor-image-carousel-wrapper .elementor-swiper-button:hover svg {fill: #fff !important;}

.carousel-box .elementor-widget-image { position: relative; overflow: hidden; padding-bottom: 100%; }
.carousel-box .elementor-widget-image img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.product-img-cmn-height .elementor-widget-image { position: relative; padding-bottom: 100%; overflow: hidden; }
.product-img-cmn-height .elementor-widget-image img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.service-county-box { padding: 20px 20px 40px; background-color: #EAE5DD;}
.service-county-box .service-img-box { position: relative; padding-bottom: 48%; overflow: hidden; margin-bottom: 25px; }
.service-county-box .service-img-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.service-county-box .common-tag-style { padding-left: 0; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.service-county-box .county-area-box h3 { margin: 0 0 15px; font-family: "Manrope", sans-serif !important; font-size: 24px; }
.service-county-box .common-tag-style li { padding-left: 26px !important; position: relative; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 14px; }
.service-county-box .common-tag-style li::after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 20px; background-color: #B99F77; top: 50%; left: 14px; transform: translateY(-50%); }
.service-county-box .county-area-box .view-all-btn { font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 500; color: #B99F77; display: inline-flex; gap: 15px; align-items: center; transition: 0.3s ease-in-out; }
.service-county-box .county-area-box .view-all-btn span { width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; background-color: #B99F77; border-radius: 5px; transition: 0.3s ease-in-out; }
.service-county-box .county-area-box .view-all-btn:hover {color: #222222;}
.service-county-box .county-area-box .view-all-btn:hover span {background-color: #222222;}
.service-county-box-wrap .cstm-row .cstm-col-md-6:last-child { margin-top: 32px; }
/*------Home page-------*/


/*------About page-------*/
.licensed-box { position: relative; overflow: hidden; }
.licensed-box::after { content: ''; position: absolute; width: 6px; height: 150px; background-color: #B99F77; left: 0; top: 50%; transform: translateY(-50%); border-radius: 15px; }
.licensed-box .elementor-icon-box-icon span { margin-top: 12px; }
.counter-wrapper .elementor-element .counter-box .elementor-counter { display: flex; flex-direction: row-reverse; }
.counter-wrapper .elementor-element .counter-box .elementor-counter .elementor-counter-title { flex: 0; white-space: nowrap; }
.counter-wrapper .elementor-element .counter-box .elementor-counter .elementor-counter-number-wrapper { display: inline; flex: 0; }
.counter-wrapper > .elementor-element:not(:last-child) { border-right: 2px solid #a4640040; }

.our-difference-sec { position: relative; }
.our-difference-sec .e-con-inner { position: relative; z-index: 1; }
.our-difference-sec::after { content: ''; position: absolute; width: 30%; height: 100%; top: 0; left: 0; background-color: #b99f77; z-index: 0; }

.free-tag-wrap { border: 1px solid #C7C7C7; padding: 6px 10px; border-radius: 50px; display: inline-block !important; max-width: max-content !important; }
.free-tag-wrap span:last-child { position: relative; padding-left: 20px; }
.free-tag-wrap span:last-child::after { content: ''; position: absolute; width: 8px; height: 8px; top: 50%; transform: translateY(-50%); left: 4px; background-color: #B99F77; border-radius: 50%; }
/*------About page-------*/

.bold-left-line { position: relative; }
.bold-left-line::after { content: ''; position: absolute; width: 2px; height: 80%; background-color: #B99F77; top: 0; left: 0; border-radius: 10px; }
.icon-grp>.elementor-element:not(:last-child) { border-right: 1px solid #B99F77; }

.areas-serve-main-box .areas-single:nth-child(odd) {background-color: #F9F8F6; }
.areas-serve-main-box .areas-single { padding: 100px 0;}
.areas-container { max-width: 1420px; margin: 0 auto; padding: 0 15px; }
.areas-row { display: flex; align-items: center; gap: 50px; }
.areas-left-content, .ares-img-box { width: 50%; }
.ares-img-box { padding-bottom: 33%; position: relative; height: 100%;}
.ares-img-box img { width: 100%; height: 100%; object-fit: cover; position: absolute; }
.areas-title h2 { margin-top: 0; font-size: clamp(1.75rem, 0.545rem + 3.214vw, 3.438rem); font-family: "Manrope", sans-serif !important; margin-bottom: 40px; }
.areas-title h3 { font-size: clamp(1.375rem, 1.286rem + 0.238vw, 1.5rem); margin-bottom: 24px; font-family: "Manrope", sans-serif !important; color: #AE5B30; }
.areas-title h3 a { color: #AE5B30; }
.areas-left-content ul.common-tag-style { padding-left: 0; display: flex; gap: 10px; margin-bottom: 30px;  flex-wrap: wrap;}
.areas-left-content ul.common-tag-style li::after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 20px; background-color: #B99F77; top: 18px; left: 14px; transform: translateY(-50%); }
.areas-left-content ul.common-tag-style li { padding-left: 26px !important; width: 32%; }
.areas-serve-main-box .areas-single:nth-child(even) .areas-row { flex-direction: row-reverse; }

.styled-list-box ul.elementor-icon-list-items { position: relative; }
.styled-list-box ul.elementor-icon-list-items::after { content: ''; position: absolute; width: 1px; height: 100%; left: 57px; background-color: #B99F77; top: 0; z-index: 0; }
.styled-list-box ul li.elementor-icon-list-item { position: relative; z-index: 1; }
.styled-list-box ul li span.elementor-icon-list-icon { margin-right: 32px; position: relative; padding: 6px !important; border: 1px solid #B99F77; border-radius: 50%; background-color: #F9F8F6!important; }
.styled-list-box ul li span.elementor-icon-list-icon::before { content: ''; position: absolute; width: 50px; height: 104%; right: 30px; top: -3px; background-color: #F9F8F6; z-index: 0; transform: rotate(-45deg); }
.styled-list-box ul li span.elementor-icon-list-icon::after { content: ''; position: absolute; width: 50px; height: 104%; left: 35px; top: 0px; background-color: #F9F8F6; z-index: 0; transform: rotate(45deg); }
.styled-list-box ul li span svg { border-radius: 50%; position: relative; margin-right: 0 !important; z-index: 1; }

.backout-shades-slider .swiper-slide figure.swiper-slide-inner { padding-bottom: 112%; overflow: hidden; position: relative; }
.backout-shades-slider .swiper-slide figure.swiper-slide-inner img { position: absolute; height: 100%; width: 100%; left: 0; object-fit: cover; }
.shades-list-box .elementor-icon-box-wrapper .elementor-icon-box-icon { margin-top: 10px; }

.operation-option-sec { position: relative; overflow: hidden; }
.operation-option-sec::after { content: ''; position: absolute; width: 30%; height: 100%; top: 0; right: 0; background-color: #B99F77; z-index: 0; }
.styled-accordian .e-n-accordion { position: relative; padding: 10px 0 10px 20px; }
.styled-accordian .e-n-accordion::after { content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 0; background-color: #ccc; border-radius: 10px; }

.styled-accordian .e-n-accordion summary.e-n-accordion-item-title[aria-expanded="true"] { position: relative; }
.styled-accordian .e-n-accordion summary.e-n-accordion-item-title[aria-expanded="true"]::after { content: ''; position: absolute; left: -20px; width: 5px; height: 100%; background-color: #B99F77; z-index: 1; }

.show-product-tabs .e-n-tabs-heading { background-color: #fff; padding: 30px 47px 30px 30px; }
.show-product-tabs .e-n-tabs-heading button {position: relative;}
.show-product-tabs .e-n-tabs-heading button[aria-selected="true"]::after { content: ''; position: absolute; width: 25px; height: 25px; border: 1px solid #B99F77; right: -10px; border-width: 0 10px 10px 0px; transform: rotate(-45deg); }
.product-slider figure.swiper-slide-inner { position: relative; overflow: hidden; border-radius: 8px; padding-top: 122%; }
.product-slider figure.swiper-slide-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-content-box ul.elementor-icon-list-items li span.elementor-icon-list-icon { margin-top: 5px; }

.cutom-shades-list-wrapper .cutom-shades-single:not(:last-child) { margin-bottom: 32px; }
.cutom-shades-single { position: relative; overflow: hidden; padding: 60px 30px 60px 0; gap: 40px; }
.custom-products-columns-2 .cutom-shades-single { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
.custom-products-columns-3 .cutom-shades-single { display: flex; align-items: center; }
.product-list-wrapper .product-list-inner { padding: 60px 30px 60px 0; position: relative; }
.cutom-shades-list-wrapper .cutom-shades-single::after { content: '' !important; position: absolute; width: 92%; height: 100%; right: 0; top: 0; background-color: #F5F1EB; z-index: -1; display: block !important; }
.product-list-wrapper .product-list-inner:after { content: ""; position: absolute; width: 92%; height: 100%; right: 0; top: 0; background-color: #F5F1EB; z-index: -1; display: block !important; }
.product-list-wrapper .product-list-inner span.elementor-button-content-wrapper { display: flex; align-items: center; }
.product-list-wrapper .product-list-inner span.elementor-button-icon svg { width: 36px; height: 36px; }
.cutom-shades-list-wrapper .cutom-shades-single .shades-img { position: relative; overflow: hidden; }
.custom-products-columns-2 .cutom-shades-single .shades-img { grid-column: 1; grid-row: 1 / span 2; width: 100%; height: 100%; min-height: 360px; }
.custom-products-columns-3 .cutom-shades-single .shades-img { padding-bottom: 27%; width: 25.8%; }
.cutom-shades-list-wrapper .cutom-shades-single .shades-img img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.custom-products-columns-2 .cutom-shades-single .shades-title { grid-column: 2; grid-row: 1; width: 100%; }
.custom-products-columns-3 .cutom-shades-single .shades-title { width: 24.8%; }
.custom-products-columns-2 .cutom-shades-single .county-shades-wrap { grid-column: 2; grid-row: 2; width: 100%; }
.county-shades-wrap { flex: 1; padding: 16px; background-color: #fff; border-radius: 20px; }
.county-shades-wrap h4 { margin-top: 0; color: #B99F77; font-size: clamp(1.125rem, 1.067rem + 0.256vw, 1.375rem); display: inline-block; position: relative; padding: 0 7px; }
.county-shades-wrap h4::before { content: ''; position: absolute; width: 2px; height: 14px; background-color: #B99F77; left: 0; top: 50%; transform: translateY(-50%) rotate(15deg); }
.county-shades-wrap h4::after { content: ''; position: absolute; width: 2px; height: 14px; background-color: #B99F77; right: 0; top: 50%; transform: translateY(-50%) rotate(15deg); }
.county-shades-wrap h4 i { position: relative; padding: 0 15px; }
.county-shades-wrap h4 i::after { content: ''; position: absolute; width: 2px; height: 21px; background-color: #B99F77; right: 0; top: 50%; transform: translateY(-50%) rotate(15deg); }
.county-shades-wrap h4 i::before { content: ''; position: absolute; width: 2px; height: 20px; background-color: #B99F77; left: 0; top: 50%; transform: translateY(-50%) rotate(15deg); }

/* .cutom-shades-list-wrapper { padding-bottom: 50px; } */
.cutom-shades-list-wrapper .cutom-shades-single .shades-title span.shades-sub-title { background-color: #B99F77; color: #fff; font-weight: 500; padding: 8px 20px; margin-bottom: 26px; display: inline-block; }
.cutom-shades-list-wrapper .cutom-shades-single .shades-title  h3 { margin-top: 0; font-size: clamp(1.25rem, 1.192rem + 0.256vw, 1.5rem); font-family: "Sequel Sans book", Sans-serif; }
.cutom-shades-list-wrapper .cutom-shades-single .shades-title p { margin-bottom: 32px; }
.cutom-shades-list-wrapper .cutom-shades-single .shades-title .view-all-btn { font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 500; color: #B99F77; display: inline-flex; gap: 15px; align-items: center; transition: 0.3s ease-in-out; }
.cutom-shades-list-wrapper .cutom-shades-single .shades-title .view-all-btn:hover { color: #222222; }
.cutom-shades-list-wrapper .cutom-shades-single .shades-title .view-all-btn span { width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; background-color: #B99F77; border-radius: 5px; transition: 0.3s ease-in-out; }
.cutom-shades-list-wrapper .cutom-shades-single .shades-title .view-all-btn:hover span { background-color: #222222; }
.cutom-shades-list-wrapper .cutom-shades-single .county-shades-wrap ul.common-tag-style, .product-feature-list ul { padding-left: 0; display: flex; flex-wrap: wrap; gap: 10px; list-style: none;}
.cutom-shades-list-wrapper .cutom-shades-single .county-shades-wrap ul.common-tag-style li { padding-left: 26px !important; position: relative; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 14px; }
.product-feature-list ul li { padding: 6px 15px !important; border: 1px solid #C7C7C7; display: flex !important; align-items: center; gap: 5px; border-radius: 20px; line-height: 1.2; }
.product-feature-list ul li::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #B99F77; flex: 0 0 auto; }
.cutom-shades-list-wrapper .cutom-shades-single .county-shades-wrap ul.common-tag-style li::after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 20px; background-color: #B99F77; top: 50%; left: 14px; transform: translateY(-50%); }
.custom-shades-sec .text-center { text-align: center; }
.custom-shades-sec .text-center a { padding: 13px 30px; background-color: #B99F77; color: #fff; font-size: clamp(1.125rem, 1.096rem + 0.128vw, 1.25rem); font-weight: 500; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; }
.custom-shades-sec .text-center a:hover { background-color: #222222; }

.serve-sec .serve-single-box{ padding: 100px 15px;}
.serve-sec .serve-single-box:nth-child(odd){ background-color: #F9F8F6;}
.serve-sec .serve-single-box .serve-container{ width: 100%; max-width: 1430px; margin: 0 auto;}
.serve-sec .serve-single-box .serve-container h2{ margin: 0 0 20px; font-family: "Manrope", sans-serif !important; font-size: 55px; font-weight: 400; text-transform: capitalize;}
.serve-sec .serve-single-box .main-row{ margin: 0 -16px 40px;}
.serve-sec .serve-single-box .main-row .cstm-col-md-6:first-child{ width: 55%;}
.serve-sec .serve-single-box .main-row .cstm-col-md-6:last-child{ width: 45%;}
.serve-sec .serve-single-box .main-row>*{ width: 50%; padding: 0 16px;}
.serve-left-box{ height: 100%;}
.serve-img-box{ position: relative; padding-bottom: 40%; height: 100%;}
.serve-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.serve-sec .serve-single-box form p{ margin-bottom: 0;}
.serve-sec .serve-single-box textarea{ height: 100px;}
.showroom-form { padding: 40px; background: #F0EBE1; }
.showroom-form .form-main-row { margin: 0 -6px; column-gap: 0; }
.showroom-form .form-main-row .cstm-col-md-6{ width: 50%;}
.showroom-form .form-main-row>*{ padding: 0 6px;}
.highlight-text{ color: #222222; font-size: 24px; margin-bottom: 24px; font-family: "Poppins", Sans-serif; font-weight: 400; }
.highlight-text strong{ font-family: "Manrope", sans-serif !important; color: #BD1D25;}
.serve-area-details .cstm-row{ gap: 0; margin: 0 -10px;}
.serve-area-details .cstm-row>*{ padding: 0 10px;}
.serve-area-details .cstm-row .cstm-col-md-7{ width: 60%;}
.serve-area-details .cstm-row .cstm-col-md-5{ width: 40%;}
.serve-area-details ul{ list-style: none; padding: 0;}
.serve-text-left-box{ background: #FFFFFF; padding: 40px; border: 1px solid #F0EAE1; border-radius: 16px;}
.serve-text-left-box ul li{ display: flex; align-items: start; gap: 12px; font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 400; line-height: 22px;}
.serve-text-left-box ul li:not(:last-child){ margin-bottom: 18px;}
.serve-text-left-box ul li span{ display: block; width: 24px; flex: 0 0 auto;}
.serve-text-right-box ul{ display: flex; flex-wrap: wrap; gap: 16px;}
.serve-text-right-box ul>*{ width: CALC(50% - 8px);} 
.serve-text-right-box ul li{ display: flex; align-items: center; flex-direction: column; gap: 16px; background: #F1ECE4; padding: 20px; border: 1px solid #F0EAE1; border-radius: 16px; text-align: center;}
.serve-text-right-box ul li a{ color: #121111; transition: 0.3s ease;}
.serve-text-right-box ul li a:hover{ color: #BD1D25;}
.serve-text-right-box  ul li:first-child { width: 100%; flex-direction: row; justify-content: start; text-align: left; }

.serve-text-right-box ul li span { display: block; width: 40px; height: 40px; }

.trained-left-img { position: relative; z-index: 1;}
.trained-left-img::after { content: ''; position: absolute; width: 100%; height: 68%; background-color: #B99F77; z-index: -1; left: 0; top: 50%; transform: translateY(-50%); border-radius: 10px; }
.licensed-box.trained-box-wrap::after { height: 80px; }
.testimonial-sec { position: relative; overflow: hidden; }
.testimonial-sec::after { content: ''; position: absolute; width: 100%; height: 360px; background: #fff; z-index: 0; bottom: 0; left: 0; }
.testimonial-sec .banner-form { max-width: 1176px; border-radius: 10px; margin: 0 auto; }
.testimonial-sec .banner-form .submit-btn { width: auto; display: inline-block; }
.testimonial-sec .banner-form .submit-btn::after {display: none;}
.testimonial-sec .banner-form .cstm-col-md-12:last-child { text-align: center; }
.testimonial-sec .banner-form textarea { height: 166px; }
.number-box { position: relative; }
.number-box::after { content: ''; position: absolute; width: 150px; height: 80px; background: #B99F77; z-index: 1; border-top-right-radius: 200px; border-top-left-radius: 200px; top: -14px; right: -16px; transform: rotate(20deg); }
.number-single-box { position: relative; }
.number-single-box::after { content: ''; position: absolute; width: 50%; height: 2px; border: 1px solid #222222; border-style: dashed; right: -60px; top: 60px; }
.number-single-box:nth-child(2)::after { width: 131%; right: -40%; }
.number-single-box:last-child::after { display: none;}
.product-tag p { margin-bottom: 0; }


.collection-card, .collection-card .elementor-widget-image img, .common-card, .common-card .elementor-widget-image img { transition: all 0.3s ease; }
.collection-card .elementor-widget-image, .common-card .elementor-widget-image { overflow: hidden !important; border-radius: 15px; background: #fff; }
.collection-card:hover, .common-card:hover { transform: translateY(-10px); }
.collection-card:hover .elementor-widget-image img, .common-card:hover .elementor-widget-image img { transform: scale(1.03); }
.view-more-less-btn .elementor-button{ cursor: pointer; color: #fff !important;}
h1.entry-title{ display: none !important;}
h3{ margin-top: 0;}
.product-details-light-box-slider figure.swiper-slide-inner { position: relative; padding-bottom: 125%; }
.product-details-light-box-slider figure.swiper-slide-inner img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }


.card-design-box .elementor-widget-image a { display: block; width: 100%; position: relative; padding-bottom: 110%; overflow: hidden; }
.card-design-box .elementor-widget-image a img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease; }
.card-design-box:hover .elementor-widget-image a img { transform: scale(1.03); }

.equal-height-slider .swiper-slide { height: auto; }
.equal-height-slider figure{ height: 100%;}
.equal-height-slider img { height: 100%; object-fit: cover; display: block; }
.p-mb-0 p{ margin-bottom: 0;}

.custom-style-accordion .e-n-accordion-item { background: #fff; border: 1px solid #DFDFDF; border-radius: 20px; transition: all 0.3s ease;}
.custom-style-accordion .e-n-accordion-item-title{ border: 0 !important;}
.custom-style-accordion [role="region"]{ border: 0;}
.custom-style-accordion .accordion-body{ padding: 0 30px 30px;}
.custom-style-accordion p{ margin-bottom: 0;}
.custom-style-accordion .e-n-accordion-item[open]{ border-color: transparent; box-shadow: 0px 4px 20px 0px #0000001A; }


/*31-03-2026 ARPITA */
/* Brands Page */
.brand-icon-with-text-sec .elementor-widget-image-box { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.product--img-slider { height: 507px; overflow: hidden; }
.backout-shades-slider.product--img-slider .elementor-image-carousel-wrapper { height: 100%; }
.backout-shades-slider.product--img-slider .swiper-slide figure.swiper-slide-inner { padding: 0; height: 100%; }
.backout-shades-slider.product--img-slider .swiper-slide figure.swiper-slide-inner img { object-position: center; position: relative; }
.home-testimonial-slider cite.elementor-testimonial__cite span.elementor-testimonial__name { margin-bottom: 10px; }
.home-testimonial-slider .swiper-slide.swiper-slide-next:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #B99F77; border-radius: 20px; width: 93%; height: 91%; z-index: -1; }
.home-testimonial-slider .swiper-slide.swiper-slide-next .elementor-testimonial__text { color: #fff; }
.home-testimonial-slider .swiper-slide { padding-block: clamp(1.5rem, 4vw, 3rem) !important; padding-inline: clamp(1.5rem, 4.1vw, 3.5rem) !important; }
.home-testimonial-slider .swiper-slide.swiper-slide-next { padding-block: clamp(2rem, 4.219vw, 4.375rem) !important; padding-inline: clamp(2rem, 4.219vw, 5rem) !important; border: 1px solid #E2D2BB; background: #EFEBE0 !important; }
.home-testimonial-slider .swiper-slide.swiper-slide-next span.elementor-testimonial__name, .home-testimonial-slider .swiper-slide.swiper-slide-next .elementor-testimonial__title { color: #fff; }
.home-testimonial-slider .swiper-slide:before { content: ""; background-image: url(/wp-content/uploads/2026/04/quote.png); background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; right: 57px; bottom: 63px; width: 90px; height: 63px; }
.home-testimonial-slider .swiper-slide.swiper-slide-next:before{background-image: url(/wp-content/uploads/2026/04/quote-active.png);}
.testimonial-slider-center .swiper-wrapper { align-items: center; }


/* Testimonial Slider Button */
.home-testimonial-slider .elementor-swiper-button { width: 40px; height: 40px; background: #fff; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 3px 0px 5px 5px rgba(0, 0, 0, 0.02); transition: all .3s; }
.home-testimonial-slider .elementor-swiper-button:before { content: ""; position: absolute; top: 50%; left: 12px; width: 12px; height: 3px; background: #3D372D; transform: translateY(-50%); }
.home-testimonial-slider .elementor-swiper-button:after { content: ""; position: absolute; width: 12px; height: 12px; border: solid #3D372D; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.home-testimonial-slider .elementor-swiper-button svg { display: none; }
.home-testimonial-slider .elementor-swiper-button.elementor-swiper-button-prev:after { transform: rotate(135deg); -webkit-transform: rotate(135deg); left: 13px; }
.home-testimonial-slider .elementor-swiper-button.elementor-swiper-button-prev:before { left: 14px; }
.home-testimonial-slider .elementor-swiper-button.elementor-swiper-button-prev { left: 0; }
.home-testimonial-slider .elementor-swiper-button.elementor-swiper-button-next { right: 0; }
.home-testimonial-slider .elementor-swiper-button:hover { background-color: #3D372D; }
.home-testimonial-slider .elementor-swiper-button:hover::before {  background: #fff; }
.home-testimonial-slider .elementor-swiper-button:hover::after {  border-color: #fff; }


@media (max-width: 767px) {
	.product--img-slider { height: 350px;}
	
}


/*------Responsive Start-------*/
@media only screen and ( max-width:1630px ) { 
    /*---------Header css-------------*/
    .bottom-header .header-btn { gap: 10px; }
    .bottom-header .header-btn .elementor-button { padding: 13px 20px !important; }
    /*---------Header css-------------*/

    .banner-main .banner-img-wrapper .elementor-swiper-button { width: 44px; height: 44px; }
    .banner-main .banner-img-wrapper .elementor-swiper-button svg { width: 12px; }

}

@media only screen and ( max-width:1499px ) {
    .nav-menu-wrapper ul.ubermenu-nav > li.ubermenu-item > a { padding: 10px 20px !important; }

    .wpcf7-form-control{ padding: 5px 16px !important;}
    textarea.wpcf7-form-control{ padding-top: 10px !important;}
    .main-menu nav ul li a { padding: 10px !important; }
    .bottom-header .header-btn { width: 20% !important; }

    .banner-form { max-width: 1150px; margin: -150px auto 40px; }
    
}

@media only screen and ( max-width:1399px ) { 
    .nav-menu-wrapper ul.ubermenu-nav > li.ubermenu-item > a { padding: 10px 15px!important; }
    .nav-menu-wrapper ul.ubermenu-nav > li.ubermenu-item > a i { right: -5px !important; }
    .bottom-header .header-btn .elementor-button { padding: 13px 10px !important; font-size: 18px !important; }
    .main-menu nav ul li a { padding: 10px 6px!important; }
    .main-menu-wrapper ul li.menu-item-has-children a { padding-right: 15px !important; }
    .top-header ul li { width: auto; }
    .top-header ul {justify-content: center !important;}
    .bottom-header .header-btn { width: 22% !important; }
    .bottom-header .main-menu { width: 75% !important; }


    .submit-btn { font-size: 18px; }

    .areas-serve-main-box .areas-single { padding: 80px 0; }

    .styled-list-box ul li span.elementor-icon-list-icon::before { width: 40px; right: 29px; }
    .styled-list-box ul li span.elementor-icon-list-icon::after { width: 40px; left: 34px; }
    .styled-list-box ul.elementor-icon-list-items::after { left: 51px; }
    .styled-list-box ul li span.elementor-icon-list-icon { margin-right: 20px; }

    .serve-sec .serve-single-box{ padding: 80px 15px;}
    .serve-sec .serve-single-box .serve-container h2{ font-size: 42px; line-height: 45px;}

    .repair-form form .cstm-col-md-3, .repair-form form .cstm-col-md-4 { width: 49%; }
    .number-box::after {display: none;}
}

@media only screen and ( max-width:1199px ) { 
    .main-menu-wrapper { justify-content: end; }
    .main-menu-wrapper { flex-direction: row-reverse !important; gap: 20px; }
    .main-menu-wrapper .main-menu { width: 35px !important; }
    .main-menu-wrapper .header-btn { width: auto !important; }
    .main-menu-wrapper .main-menu nav.elementor-nav-menu--dropdown { position: absolute; left: -200px; top: 40px; width: 200px; z-index: 11; }
    .marquee .marquee__group { width: 140%; }
    .bottom-header .e-con-inner { justify-content: space-between !important; }
    .top-head-box li {width: auto;}
    .mobile-menu-wrapper nav ul li a { line-height: 1.6 !important; }


    .service-county-box-wrap .cstm-row .cstm-col-md-6 { width: 48%; }
    .service-county-box .county-area-box h3 {font-size: 22px;}
    .service-county-box .county-area-box .view-all-btn { font-size: 18px; }

    .areas-serve-main-box .areas-single { padding: 60px 0; }
    .areas-row { gap: 20px; }
    .areas-left-content ul.common-tag-style li { width: 48%; }

    .areas-title h2 { margin-bottom: 30px; }

    .styled-list-box ul li span.elementor-icon-list-icon::before { width: 20px; right: 27px; transform: rotate(-48deg); }
    .styled-list-box ul li span.elementor-icon-list-icon::after { width: 20px; left: 30px; transform: rotate(48deg); }
    .styled-list-box ul.elementor-icon-list-items::after { left: 40px; }

    .cutom-shades-list-wrapper .cutom-shades-single { gap: 20px; padding: 50px 30px 50px 0; }

    .serve-sec .serve-single-box{ padding: 60px 15px;}
    .serve-sec .serve-single-box .serve-container h2{ font-size: 36px; line-height: 40px;}
    .serve-sec .serve-single-box .main-row { margin: 0 -10px 30px; }
    .serve-sec .serve-single-box .main-row>* { padding: 0 10px; }
    .highlight-text { font-size: 20px; }
    .showroom-form { padding: 25px; }
    .serve-text-right-box ul li { gap: 10px; padding: 20px 15px; }
    .serve-text-right-box ul li span { width: 32px; height: 32px; }
    .serve-area-details .cstm-row .cstm-col-md-7 { width: 55%; }
    .serve-area-details .cstm-row .cstm-col-md-5 { width: 45%; }
    .serve-text-left-box { padding: 28px 20px;}

    .testimonial-slider-center .elementor-main-swiper.swiper { overflow: inherit; }



.home-testimonial-slider .swiper-slide { padding-block: 40px !important; padding-inline: 40px !important; }
.home-testimonial-slider .swiper-slide.swiper-slide-next { padding-block: 40px !important; padding-inline: 40px !important; border: 0; background: #E4D8C4E5 !important; }
.home-testimonial-slider .swiper-slide.swiper-slide-next:after { display: none; }
.home-testimonial-slider .swiper-slide.swiper-slide-next .elementor-testimonial__text { color: #222 !important; }
.home-testimonial-slider .swiper-slide.swiper-slide-next span.elementor-testimonial__name, .home-testimonial-slider .swiper-slide.swiper-slide-next .elementor-testimonial__title { color: #222 !important; }

.home-testimonial-slider .swiper-slide.swiper-slide-active { padding-block: 70px !important; padding-inline: 70px !important; }
.home-testimonial-slider .swiper-slide.swiper-slide-active:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #B99F77; border-radius: 20px; width: 93%; height: 91%; z-index: -1; }
.home-testimonial-slider .swiper-slide.swiper-slide-active .elementor-testimonial__text { color: #fff; }
.home-testimonial-slider .swiper-slide.swiper-slide-active span.elementor-testimonial__name, .home-testimonial-slider .swiper-slide.swiper-slide-active .elementor-testimonial__title { color: #fff; }

}

@media only screen and ( max-width:991px ) { 
    .marquee .marquee__group { width: 200%; }

    .cstm-col-md-4 { width: 100%; }
    .cstm-col-md-6 { width: 100%; }

    .bottom-header .header-btn .elementor-button { font-size: 16px !important; }
    .bottom-header .header-logo { width: 150px; }


    .banner-form .cstm-col-md-3 { width: 49%; }
    .banner-form .cstm-row { justify-content: center; }

    .service-county-box-wrap .cstm-row .cstm-col-md-6:last-child { margin-top: 0; }

    .submit-btn { font-size: 16px; }

    .counter-wrapper > .elementor-element:nth-child(2) { border-right: 0; }
    .our-difference-sec::after { opacity: 0; }

    .areas-serve-main-box .areas-single { padding: 40px 0; }

    .icon-grp>.elementor-element:nth-child(3) { border-right: 0; }
    .double-img-box { margin-bottom: 120px; }

    .cutom-shades-list-wrapper .cutom-shades-single { display: flex; flex-wrap: wrap; padding: 40px 20px;}
    .cutom-shades-list-wrapper .cutom-shades-single .shades-title { width: 100%; }
    .cutom-shades-list-wrapper .cutom-shades-single .shades-img { padding-bottom: 50%; width: 100%; height: auto; min-height: 0; }
    .cutom-shades-list-wrapper .cutom-shades-single::after { width: 100%; }
    .cutom-shades-list-wrapper .cutom-shades-single .shades-title p { margin-bottom: 20px; }
    .cutom-shades-list-wrapper .cutom-shades-single:not(:last-child) { margin-bottom: 20px; }

    .serve-sec .serve-single-box .main-row .cstm-col-md-6:first-child, .serve-sec .serve-single-box .main-row .cstm-col-md-6:last-child, .serve-area-details .cstm-row .cstm-col-md-7, .serve-area-details .cstm-row .cstm-col-md-5{ width: 100%;}
    .serve-img-box { padding-bottom: 75%; height: auto; }
    .serve-text-left-box{ margin-bottom: 25px;}
    .highlight-text { font-size: 18px; }

    .repair-form form .cstm-col-md-3, .repair-form form .cstm-col-md-4 { width: 100%; }
    .show-product-tabs .e-n-tabs-heading button[aria-selected="true"]::after { left: 50%; transform: translateX(-50%) rotate(45deg); bottom: -10px; right: unset; }
    .banner-main .banner-img-wrapper .elementor-swiper-button, .backout-shades-slider .elementor-swiper-button { width: 44px; height: 44px; }
    .number-single-box::after {display: none;}

    .product-list-wrapper.product-list-custome .product-list-inner{ padding: 60px 30px;}
    .product-list-wrapper.product-list-custome .product-list-inner::after { width: 100%; }

    .custom-style-accordion .accordion-body{ padding: 0 15px 15px;}

}

@media only screen and ( max-width:767px ) { 
    .top-head-box ul li:not(:last-child) { display: none; }
    .banner-form .cstm-col-md-3 { width: 48%; }
    .footer-menu ul li a { justify-content: center !important; }
    .areas-row, .areas-serve-main-box .areas-single:nth-child(even) .areas-row { flex-direction: column; }
    .areas-left-content ul.common-tag-style { margin-bottom: 0; }
    .areas-left-content, .ares-img-box { width: 100%; }
    .areas-title h2 { margin-bottom: 20px; }
    .img-wrap-box-main-sec .double-img-box { flex-wrap: nowrap; margin-bottom: 0; width: 100% !important;}
    .img-wrap-box-main-sec .double-img-box .border-img { position: unset !important; }
    .img-wrap-box-main-sec .double-img-box > .elementor-element:first-child .elementor-element { height: 100%; }
    .img-wrap-box-main-sec .double-img-box > .elementor-element:first-child .elementor-element img { height: 100%; }
    .img-wrap-box-main-sec .double-img-box > .elementor-element:first-child { border: 5px solid #fff; }
    .icon-grp>.elementor-element { border-right: 0 !important; }
    .icon-grp>.elementor-element:nth-child(odd) { border-right: 1px solid #B99F77 !important; }
    .display-block {display: block !important;}
    .showroom-form { padding: 20px 15px; }
    .highlight-text { font-size: 16px; }
    .operation-option-sec::after {display: none;}
    .alta-products-sec .elementor-posts-container { display: flex; flex-wrap: wrap; }
    .alta-products-sec .elementor-posts-container article { width: 48%; }
    .product-list-wrapper .product-list-inner { padding: 30px 20px 30px 20px;}
    .product-list-wrapper .product-list-inner:after { width:100%;}
    .row-height-adjustment .e-con.e-flex { flex-wrap: nowrap; }


    .home-testimonial-slider .swiper-slide { padding-block: 25px !important; padding-inline: 20px !important; }
    .home-testimonial-slider .swiper-slide.swiper-slide-active { padding-block: 50px !important; padding-inline: 50px !important; }
    .home-testimonial-slider .swiper-slide.swiper-slide-next { padding-block: 25px !important; padding-inline: 20px !important; }
    .home-testimonial-slider .swiper-slide.swiper-slide-active:after { height: 94%; }











}

@media only screen and ( max-width:575px ) { 
    .marquee .marquee__group { width: 250%; }
    .bottom-header .header-logo { width: 130px; }
    .bottom-header .header-btn .elementor-button { font-size: 11px !important; padding: 10px !important; }
    .main-menu-wrapper { gap: 10px; }
    .bottom-header .e-con-inner {gap: 10px; }

    .banner-form .cstm-col-md-3,
    .banner-form .cstm-col-md-6 { width: 100%; }
    .service-county-box-wrap .cstm-row .cstm-col-md-6 { width: 100%; }

    .counter-wrapper > .elementor-element:not(:last-child) { border-right: 0; }

    .icon-grp>.elementor-element:nth-child(odd) { border-right: 0 !important; }
    .icon-grp>.elementor-element:not(:last-child) { border-bottom: 1px solid #B99F77 !important; padding-bottom: 15px; }

    .showroom-form .form-main-row .cstm-col-md-6{ width: 100%;}
    .serve-text-right-box ul li{ width: 100%;}
    .serve-text-right-box ul li:first-child{ flex-direction: column;}

    .alta-products-sec .elementor-posts-container article { width: 100%; }

    .home-testimonial-slider .swiper-slide.swiper-slide-active { padding-block: 38px !important; padding-inline: 38px 25px !important; }

}
@media only screen and ( max-width:479px ) { 
    .marquee .marquee__group { width: 350%; }
}

/*------Search results page-------*/
.fashion-search-page {
    max-width: none !important;
    padding: 0 !important;
    color: #222222;
    font-family: "Poppins", sans-serif;
}

.fashion-search-container {
    width: min(1140px, calc(100% - 30px));
    margin: 0 auto;
}

.fashion-search-hero {
    background: linear-gradient(135deg, #f5f1ea 0%, #ffffff 58%, #eae5dd 100%);
    border-bottom: 1px solid rgba(185, 159, 119, 0.28);
    padding: 62px 0 54px;
}

.fashion-search-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: #AE5B30;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

.fashion-search-eyebrow::before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #B99F77;
}

.fashion-search-hero h1 {
    max-width: 760px;
    margin: 0;
    color: #222222;
    font-size: clamp(2rem, 1.6rem + 1.4vw, 3.125rem);
    font-weight: 700;
    line-height: 1.08;
}

.fashion-search-query {
    margin: 14px 0 0;
    color: #3D372D;
    font-size: clamp(1.125rem, 1.05rem + 0.28vw, 1.35rem);
    font-weight: 500;
}

.fashion-search-count {
    margin: 10px 0 0;
    color: #666666;
    font-size: 15px;
}

.fashion-search-results-section {
    background-color: #ffffff;
    padding: 56px 0 70px;
}

.fashion-search-results {
    display: grid;
    gap: 24px;
}

.fashion-search-card {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 30px;
    align-items: stretch;
    padding: 24px;
    background-color: #F9F8F6;
    border: 1px solid rgba(199, 199, 199, 0.7);
}

.fashion-search-card-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 210px;
    overflow: hidden;
    background-color: #EAE5DD;
    color: #B99F77;
    text-decoration: none;
}

.fashion-search-card-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.fashion-search-card:hover .fashion-search-card-media img {
    transform: scale(1.04);
}

.fashion-search-card-media span {
    font-family: "Manrope", sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}

.fashion-search-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.fashion-search-card-type {
    width: fit-content;
    margin: 0 0 12px;
    padding: 6px 13px;
    border: 1px solid #C7C7C7;
    border-radius: 20px;
    color: #AE5B30;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.fashion-search-card-title {
    margin: 0 0 14px;
    font-size: clamp(1.45rem, 1.3rem + 0.45vw, 1.875rem);
    font-weight: 700;
    line-height: 1.2;
}

.fashion-search-card-title a {
    color: #222222;
    text-decoration: none;
}

.fashion-search-card-title a:hover,
.fashion-search-card-link:hover {
    color: #AE5B30;
}

.fashion-search-card-excerpt {
    color: #555555;
    font-size: 16px;
    line-height: 1.7;
}

.fashion-search-card-excerpt p {
    margin: 0 0 18px;
}

.fashion-search-card-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    color: #B99F77;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

.fashion-search-card-link::after {
    content: "";
    width: 34px;
    height: 34px;
    background-color: #B99F77;
    background-image: url("assets/images/arow.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.fashion-search-card-link:hover::after {
    background-color: #222222;
    transform: translateY(-3px);
}

.fashion-search-pagination {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 38px;
}

.fashion-search-pagination a {
    display: inline-flex;
    min-width: 120px;
    justify-content: center;
    padding: 13px 24px;
    background-color: #B99F77;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
}

.fashion-search-pagination a:hover {
    background-color: #222222;
    color: #ffffff;
}

.fashion-search-empty {
    max-width: 720px;
    margin: 0 auto;
    padding: 44px;
    background-color: #F9F8F6;
    border: 1px solid rgba(199, 199, 199, 0.7);
    text-align: center;
}

.fashion-search-empty h2 {
    margin: 0 0 12px;
    color: #222222;
    font-size: clamp(1.5rem, 1.35rem + 0.5vw, 2rem);
}

.fashion-search-empty p {
    margin: 0 0 24px;
    color: #555555;
}

.fashion-search-empty .search-form {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.fashion-search-empty .search-field {
    min-height: 50px;
    border: 1px solid rgba(34, 34, 34, 0.22);
    border-radius: 0;
}

.fashion-search-empty .search-submit {
    min-height: 50px;
    padding: 0 24px;
    border-color: #B99F77;
    border-radius: 0;
    background-color: #B99F77;
    color: #ffffff;
    font-weight: 600;
}

.fashion-search-empty .search-submit:hover {
    border-color: #222222;
    background-color: #222222;
}

.fashion-search-form-shortcode {
    display: flex;
    width: 100%;
    gap: 12px;
}

.fashion-search-form-shortcode-field {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 56px;
    border: 1px solid rgba(34, 34, 34, 0.22) !important;
    border-radius: 0 !important;
    padding: 8px 18px !important;
    background-color: #ffffff;
    color: #222222;
    font-family: "Poppins", sans-serif;
}

.fashion-search-form-shortcode-field:focus {
    border-color: #B99F77 !important;
    outline: none;
    box-shadow: none;
}

.fashion-search-form-shortcode-submit {
    flex: 0 0 auto;
    min-height: 56px;
    padding: 0 30px;
    border: 1px solid #B99F77;
    border-radius: 0;
    background-color: #B99F77;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.fashion-search-form-shortcode-submit:hover {
    border-color: #222222;
    background-color: #222222;
    color: #ffffff;
}

@media only screen and ( max-width:991px ) {
    .fashion-search-card {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 24px;
    }

    .fashion-search-card-media {
        min-height: 190px;
    }
}

@media only screen and ( max-width:767px ) {
    .fashion-search-hero {
        padding: 44px 0 38px;
    }

    .fashion-search-results-section {
        padding: 38px 0 50px;
    }

    .fashion-search-card {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 18px;
    }

    .fashion-search-card-media {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    .fashion-search-empty {
        padding: 30px 18px;
    }
}

@media only screen and ( max-width:575px ) {
    .fashion-search-empty .search-form,
    .fashion-search-form-shortcode,
    .fashion-search-pagination {
        flex-direction: column;
    }

    .fashion-search-pagination a,
    .fashion-search-empty .search-submit,
    .fashion-search-form-shortcode-submit {
        width: 100%;
    }
}