/*
Theme Name: Hello Child
Template: hello-elementor
Version: 1.0
*/

/* ...existing code... */
.product-image-gallery { max-width: 1200px; display: flex; gap: 30px; margin: 0 auto; padding-left: 15px; padding-right: 15px; padding-top: 50px; }
.leftboximage { float: left; width: calc(100% - 415px); }
.rightboximage { float: left; width: 415px; }
ul.highlights-list { list-style: none; margin: 0; padding: 0; }
.highlights-list li { color: #1119; padding-left: 30px; margin-bottom: 9px; background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/star.svg") left no-repeat; background-size: 19px; background-position: left 0 top 4px; }

div[class*="tahefobu-sub-icon-"] .tahefobu-mobile-nav-menu .menu-item-has-children > a::after { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 12px; height: 12px; background-image: url('https://eastwesttrade.co/wp-content/uploads/2026/04/submenu-down-arrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin-top: 2px; content: ""; }
.product-page { display: flex; gap: 30px; max-width:1200px; margin: 0 auto; align-items: flex-start; padding-left: 15px; padding-right: 15px; }
.left { width: calc(100% - 415px); padding-top: 30px; }
.right { width: 415px; position: sticky; top: 60px; padding-top: 30px; }
.left .fullWidth:last-child .main-producter-divider { display: none; }
.main-product-title { margin-top: 0px; color: var(--e-global-color-secondary); font-size: 25px; margin-bottom: 0px; }
.main-product-description { margin-top: 0px; color: var(--e-global-color-secondary); font-size: 21px; padding-bottom: 5px; font-weight: 600; }
.fullWidth { float: left; width:100%; }
.brand-logo .brand-link { float: left; width: auto; background: #FAFAFA; padding: 25px 55px; border-radius: 10px; }
.brand-logo { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.grid { display: flex; gap: 15px; flex-wrap: wrap; }
.tag { background: #FAFAFA; padding: 25px 55px; border-radius: 10px; color: var(--e-global-color-secondary); font-weight: 600; }
.brand-box { padding: 10px; border: 1px solid #ddd; display: inline-block; border-radius: 8px; }

.gallery img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; margin-bottom: 30px; display: block; }

.btn-primary { display: inline-block; background: #00a651; color: #fff; padding: 10px 15px; border-radius: 6px; margin-top: 10px; }
.btn-outline { display: inline-block; border: 1px solid #00a651; color: #00a651; padding: 10px 15px; border-radius: 6px; margin-top: 10px; }
.related-section { max-width: 1200px; margin: 35px auto 80px; align-items: flex-start; padding-left: 15px; padding-right: 15px; }
.related-section h3 { color: #0C0C0C; font-size: 28px; font-weight: 600; margin-bottom: 40px; }
.desc-wrapper { position: relative; }
.desc-content { max-height: 140px; overflow: hidden; position: relative; font-size: 16px; color: #1119; margin-bottom:20px; }
.desc-content-data { font-size: 16px; color: #1119; margin-bottom:20px; }
.main-producter-divider { margin-top: 30px; float: left; width: 100%; background: #E6E5E2; height: 1px; margin-bottom: 30px; }
.cta-box { background: linear-gradient(135deg,#e8f5ec,#f3faf5); padding: 30px; border-radius: 15px; margin-top: 0px; float: left; width:100%; }
.cta-box h4 { font-size: 30px; color: #40676A; font-weight: 700;}
.cta-box p { font-size: 17px; color: #000; }
.cta-logo { width: 60px; margin-bottom: 10px; }
.cta-buttons { margin-top: 20px; }
.cta-box .btn-outline { border: 1px solid var(--e-global-color-secondary); padding: 10px 15px; margin-right: 10px; border-radius: 6px; text-decoration: none; color: var(--e-global-color-secondary); }
.cta-box .btn-outline:hover, .cta-box .btn-outline:focus { background: var(--e-global-color-secondary); border: 1px solid  var(--e-global-color-secondary); color: #fff; }
.cta-box .btn-green { background: var(--e-global-color-primary); border:1px solid  var(--e-global-color-primary); color: #fff; padding: 10px 15px; border-radius: 6px; text-decoration: none; }
.cta-box .btn-green:hover, .cta-box .btn-green:focus { background: var(--e-global-color-secondary); border: 1px solid var(--e-global-color-secondary); color: #fff; }
.swiper-slide.product-card.related-product a, .swiper-slide.product-card.related-product h4 { margin-bottom: 0; }
    .swiper-button-prev, .swiper-button-next { display: none !important}
.swiper-horizontal { padding-bottom:40px !important; }
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0px; }
.swiper-pagination-bullet-active { background: var(--e-global-color-primary) !important }
.right-all-prodct { float: right; font-size: 14px; margin-top: 8px; color: var(--e-global-color-primary); }
.right-all-prodct svg { margin-top: 1px; float: right; margin-left: 8px; max-width: 7px; }
span.highlight-dark { color: var(--e-global-color-secondary) }

@media(max-width:768px){
    .product-page { flex-direction: column; }
    .left, .right { width: 100%; }
}

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
body { font-family: "Plus Jakarta Sans", sans-serif !important; }
.filter-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: #f1f1f1; border-radius: 20px; margin-right: 5px; }
.remove-filter { cursor: pointer; font-weight: bold; }
.product-top-bar { display: flex; align-items: center; gap: 15px; margin: 20px 0; flex-wrap: wrap; }
#product-search { flex: 1; padding: 10px; border: 1px solid #E6E5E2; max-width: 300px; width: 100%; border-radius: 65px; padding-left: 25px; outline: none; color: #555; font-size: 15px; }
#product-search:hover, #product-search:focus { border-color: var(--e-global-color-primary); }
#sort-products { width: 140px; padding: 12px 18px; border-radius: 6px; float: right; border: none; font-size: 14px; }
#apply-filters { background: #00a651; color: #fff; border: none; padding: 10px 18px; border-radius: 6px; cursor: pointer; }
#apply-filters:hover { background: #008f45; }
#sort-products option { background: #fff; color: #000; padding: 0px; }
.lang-btn a { border-radius: 8px; padding: 8px 16px 8px 13px !important; background: #fff !important; color: #000 !important; border: 1px solid var(--e-global-color-primary); }

/* Dropdown container */
#sort-products { padding: 12px 16px !important; border: 1px solid #dcdcdc; border-radius: 8px; -webkit-appearance: none; appearance: none; background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/filter-down.svg") no-repeat center; background-position: right 11px top 20px; }

/* Dropdown options */

#sort-products option { background: #ffffff; padding: 12px 16px; color: #000; }

/* Remove selected option grey background */

#sort-products option:checked { background: #ffffff; color: #000; }
.elementor-field-type-select #sort-products { background: transparent !important; padding: 12px 16px !important; border-radius: 8px; }
.elementor-field-type-select #sort-products option { background: #fff; padding: 12px 16px; }
.filter-box-sort { border-bottom: 1px solid #CCCBC7; padding-bottom: 25px; }

/* GRID FIX */
.catalog-wrapper { display: flex; gap: 24px; align-items: flex-start; width: 100%; }

/* ========================= SIDEBAR ========================= */

.filter-sidebar { width: 270px; min-width: 270px; flex-shrink: 0; background: #F3FBF3; border-radius: 16px; padding: 18px; }
.filter-sidebar .sidebar-title { font-size: 16px; font-weight: 600; color: #2b2b2b; margin-bottom: 18px; }
.filter-box { margin-bottom: 10px; background: #fff; padding: 15px; border-radius: 5px; }
.filter-box.active .filter-content { margin-top: 17px} 
.filter-box:last-child { border-bottom: none; margin-bottom: 0;padding-bottom: 0; }
.filter-box h4 { font-size: 16px; font-weight: 600; color: #1f3b72; display: flex; align-items: center; justify-content: space-between; cursor: pointer; margin: 0; position: relative; }
.filter-box h4::after { content: ""; display: inline-block; width: 14px; height: 14px; background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/filter-down.svg") no-repeat center; background-size: contain; margin-left: 8px; vertical-align: middle; margin-top: -6px; margin-right: -14px; transform: rotate(180deg); }
.filter-box.active .filter-title::after { content: ''; transform: rotate(0deg); background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/filter-down.svg") no-repeat center; }
.filter-search { width: 100%; height: 41px; border: 1px solid #E6E5E2 !important; border-radius: 40px !important; background: #fff; font-size: 13px; color: #555; outline: none; margin-bottom: 5px; margin-top: 15px; }
.filter-search:hover, .filter-search:focus { border-color: var(--e-global-color-primary) !important; }
.filter-search::placeholder { color: #b3b3b3; }
.filter-box.active .filter-content label:last-child { border-bottom: none; }
.filter-box label { align-items: center; justify-content: space-between; gap: 10px; font-size: 14px; color: var(--e-global-color-secondary); cursor: pointer; line-height: 1.4; font-weight: 600; display: block; padding: 13px 0; border-bottom: 1px solid #E6E5E2; }
.filter-box label input[type="checkbox"], .filter-box label input[type="radio"] { width: 16px; height: 16px; accent-color: var(--e-global-color-secondary); margin-right: 12px; margin-top: 2px; float: left; }
.filter-box label:hover { color: var(--e-global-color-primary); }
.filter-box label span { font-size: 11px; color: #9aa19d; margin-left: auto; }

/* ========================= TOGGLE BUTTONS ========================= */

.toggle-group { display: flex; gap: 8px; flex-wrap: wrap; }
.toggle-btn { min-width: 52px; height: 30px; padding: 0 14px; border: 1px solid #d7ddd8; border-radius: 20px; background: #fff; color: #5b5b5b; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; }
.toggle-btn:hover { border-color: #2bb24c; color: #2bb24c; }
.toggle-btn.active { background: #eaf5ec; border-color: #2bb24c; color: #2bb24c; }

/* ========================= PRODUCT AREA ========================= */

.product-area { flex: 1; width: 100%; }
.product-area h2 { font-size: 29px; line-height: 1.2; font-weight: 600; color: var(--e-global-color-secondary); margin: 0 0 8px; }
.product-area p { font-size: 14px; color: #7c7c7c; margin: 0 0 20px; }

/* ========================= TOP BAR ========================= */

.catalog-topbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.catalog-search { flex: 1; height: 44px; border: 1px solid #dce1dd; border-radius: 25px; background: #fff; padding: 0 18px; font-size: 13px; color: #555; outline: none; }
.catalog-search::placeholder { color: #b5b5b5; }
.filter-toggle-btn { height: 42px; padding: 0 18px; border: none; border-radius: 22px; background: #2bb24c; color: #fff; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; }
.filter-toggle-btn:hover { background: #22963f; }

/* ========================= ACTIVE FILTERS ========================= */

#active-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
#active-filters span { display: inline-flex; align-items: center; gap: 8px; background: #F7F8FA; color: var(--e-global-color-secondary); padding: 0px 18px; border-radius: 20px; font-size: 16px; font-weight: 500; }
#active-filters span.remove-filter { padding-left: 3px; padding-right: 0; }
#active-filters span::after { font-size: 21px; color: var(--e-global-color-secondary); cursor: pointer; margin-top: -2px; }
#clear-filters { background-color: #EA433510; border-radius: 20px; color: #EA4335; border: none; }
.product-grid .pagination li span, .product-grid .pagination li a { font-size: 15px; font-weight: 600; }

/* ========================= PRODUCT GRID ========================= */

.product-grid { width: 100%; float: left; }
.product-grid .products-wrapper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }

/* ========================= PRODUCT CARD ========================= */

.product-card { background: #f9fafb; border: 1px solid #13B50F1A; border-radius: 16px; padding: 15px; text-align: left; overflow: hidden; transition: all 0.3s ease; position: relative; }
.product-card:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); background: #fff; }
.product-card a { margin-bottom: 10px; float: left; width: 100%; }
.product-card h4 { font-size: 17px; color: #000; font-weight: 600; margin-bottom: 10px; margin-top: 15px; padding-left: 10px; padding-right: 10px; text-align: left; }
.product-card .categories { font-size: 16px; color: #929292; margin: 5px 0 0 0; font-weight: 400; padding-left: 10px; padding-right: 10px; text-align: left; }
.product-card .categories span { float: left; }
.product-card .categories span.quantity-left-space { margin-left: 10px; }
.product-card .product-image img { width: 100%; }
.filter-content.white-label .toggle-group { float: left; width: 100%; margin-top: 20px; border-top: 1px solid #E6E5E2 !important; }
 .filter-content.white-label { margin-top: 0 !important; border: none !important; }
.filter-box.white-label-box { padding-bottom: 17px; }
.filter-content.white-label .toggle-group button { padding: 7px 21px; height: auto; font-size: 15px; border: none; border-radius: 35px; margin-top: 17px; background: #F3FBF3; border: 1px solid #F3FBF3 !important; color: var(--e-global-color-secondary); }
.filter-content.white-label .toggle-group button:hover { border: 1px solid var(--e-global-color-secondary) !important }
.filter-content.white-label { margin-top: 0 !important; }
.product-card .product-image { position: relative; overflow: hidden; border-radius: 12px; margin-bottom: 14px; }
.product-card a > img { width: 100%; object-fit: cover; display: block; border-radius: 16px !important; background: #fff; transition: transform 0.4s ease; }
.product-card .categories img { float: left; margin-top: 5px; margin-right: 7px; }
.product-card .product-image::after { content: ""; position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; transform: translate(-50%, -50%); background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/product-details.svg") center center no-repeat; background-size: auto; background-size: 44px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s ease; padding: 0; }
.product-card:hover .product-image::before { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: calc(100% - 6px); transform: translate(-50%, -50%); background: #00000040; background-size: auto; background-size: 18px; display: flex; align-items: center; justify-content: center; opacity: 1; transition: all 0.3s ease; margin-top: -2px; }
.product-card:hover .product-image::after { opacity: 1; }
.product-card h3 { font-size: 15px; font-weight: 600; color: #222; margin: 0 0 10px; }
.product-card .product-meta { display: flex; flex-direction: column; gap: 6px; }
.product-card .product-meta span { font-size: 11px; color: #9a9a9a; display: flex; align-items: center; gap: 6px; }
.product-card .product-meta span::before { content: "▢"; font-size: 10px; color: #c1c1c1; }
.product-full-with { width: 100% }

/* ========================= PAGINATION ========================= */

.pagination { margin-top: 35px; text-align: center; }
.pagination ul { display: inline-flex;  align-items: center; gap: 8px; list-style: none; padding: 0; margin: 0 auto; }
.pagination li { list-style: none; }
.pagination a, .pagination span { min-width: 38px; height: 38px; border: 1px solid #dce2e8; border-radius: 6px; background: #fff; color: #5d6673;  font-size: 13px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.pagination a:hover { border-color: #243b6b; color: #243b6b; }
.pagination .current { background: #243b6b; border-color: #243b6b; color: #fff; }

.filter-title-main-title { color: #0C0C0C; font-size: 22px; font-weight: 600; border-bottom: 1px solid #F1F0EE; padding-bottom: 10px; margin-bottom: 22px; margin-left: -16px; width: calc(100% + 32px); padding-left: 17px;}
.filter-title::after { content: '+'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 20px; transition: 0.3s; }
.filter-content { max-height: 0; overflow: hidden; opacity: 0; padding: 0; background: #fff; transition: all 0.4s ease; border-top: 1px solid #E6E5E2 !important; margin-top: 0; }
.filter-box.active .filter-content { max-height: 500px; opacity: 1; }

.elementor-element.new-header { padding-top: 0; padding-bottom: 0; background: linear-gradient( 180deg, rgba(230, 232, 238, 0.8) 0%, rgba(255, 255, 255, 0.8) 100% ) !important; border-radius: 0; }
.download-catalogue a { position: relative; }
.download-catalogue a svg { position: absolute; width: 23px; right: 16px; top: 50%; transform: translateY(-50%); }
.download-catalogue a:hover svg path { fill: #fff; }
.highlight { color: var(--e-global-color-primary); }
.partner-with-us a { position: relative; }
.partner-with-us a svg { position: absolute; width: 10px; right: 18px; top: 50%; transform: translateY(-50%); }
.partner-with-us.view-product a svg path { fill: #fff; }
.partner-with-us.view-product.slider-button a svg path { fill: var(--e-global-color-secondary); }
.partner-with-us.view-product a:hover svg path { fill: var(--e-global-color-white); }
.partner-with-us a:hover svg path { fill: var(--e-global-color-secondary); }


.elementor-element.tabsbox { opacity: 0.2; cursor: pointer; transition: all 0.3s ease; padding-top: 30px !important; padding-bottom: 30px !important }
.elementor-element.tabsbox.active { opacity: 1; }
.elementor-element.tabsbox.active .elementor-widget-text-editor.tab-title p { font-size: 42px !important; font-weight: 600; color: var(--e-global-color-primary); }
.elementor-element.tabsbox .elementor-widget-text-editor.tab-description p { font-size: 16px; font-weight: 400; margin-bottom: 0; color: rgba(17, 17, 17, 0.6); }
.elementor-element.tabsbox .elementor-widget-text-editor.tab-title p { margin-bottom: 4px !important; font-size: 28px; transition: all 0.3s ease; }

.slider-arrow.rotate { transform: rotate(270deg); bottom: -122px; }
#tab1-image .attachment-large.size-large { width: 100%; height: 535px; object-fit: cover; object-position: center; border-radius: 15px; display: block; }

#mobiletabline1, #mobiletabline2, #mobiletabline3 { padding: 0 !important; width: 33%; height: 2px; background: #D9D9D9; opacity:1;  }
.elementor-element.tabsbox.tabs-mobile.active { background: var(--e-global-color-primary) !important; box-shadow: 0px 0px 0px 1px var(--e-global-color-primary); }
.elementor-element.mobile-slider .e-div-block-base.active { display: block;}
.elementor-element.mobile-slider .e-div-block-base { display: none; }


.elementor-element.Who-We-Serve​ { overflow: hidden; }
.who-we-are-right-bg img { width: 26%; position: absolute; right: 0; bottom: -100px; opacity: 0.05; z-index: 1; }
.who-we-are-left-bg img { max-width: 26%; position: absolute; left: 0; bottom: -130px; opacity: 0.05; z-index: 1; }
.elementor-element.who-we-are-box { position: relative; z-index: 11; }

.turbo-header-template { position: fixed !important; top: 0; left: 0; right: 0; background: linear-gradient( 180deg, rgba(230, 232, 238, 0.46) 0%, rgba(255, 255, 255, 0.46) 100% ); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); z-index: 999; }
.tahefobu-mobile-toggle-v5 .tahefobu-mobile-toggle-line:nth-child(1) { display: block !important; }
.elementor-element.slider-dwh img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.tahefobu-mobile-nav-menu-container .tahefobu-mobile-nav-menu { margin-left: -20px !important; width: calc(100dvw + 10px) !important; }
.partner-with-us.launch-store:hover svg path { fill: #fff; }
.elementor-element.grow-brand p { margin: 0 !important; line-height: 27px; }
.turbo-footer-template .e-n-accordion-item-title { padding-left: 0 !important; color: #fff !important; padding-top: 15px !important; padding-bottom: 15px !important; }
.turbo-footer-template .e-n-accordion .e-n-accordion-item { border-top: none !important; border-bottom: 1px solid #ffffff40 !important; }
.turbo-footer-template .e-n-accordion .e-n-accordion-item:first-child { border-top: 1px solid #011A59 !important;}
.turbo-footer-template .accordion-box { padding-bottom: 15px; border: none; }
.turbo-footer-template .e-n-accordion-item-title .e-n-accordion-item-title-text { font-weight: 600; font-size: 18px; }
.turbo-footer-template .e-n-accordion-item-title-icon svg path { fill: #fff }

.footer-social-media .elementor-icon { width: auto !important; height: auto !important; }
.copyright-link p { margin: 0; }

.lang-btn::after { content: ""; display: inline-block; width: 14px; height: 14px; background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/filter-down.svg") no-repeat center; background-size: 9px; right: 11px; position: absolute; top: 17px; }


/* Modal CSS */
.catalog-modal { display: flex; position: fixed; inset: 0; background: rgba(0,0,0,0); backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); z-index: 99999; justify-content: center; align-items: center; opacity: 0; visibility: hidden; pointer-events: none; transition:  opacity 0.5s ease, background 0.5s ease, backdrop-filter 0.5s ease, visibility 0.5s ease; }
.catalog-modal.active { opacity: 1; visibility: visible; pointer-events: auto; background: rgba(0,0,0,0.35); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.catalog-modal-content { background: #fff; padding: 25px; border-radius: 20px; max-width: 710px; width: 90%; position: relative; transform: translateY(30px) scale(0.92); opacity: 0; transition:  transform 0.5s ease, opacity 0.5s ease; }
.catalog-modal.active .catalog-modal-content { transform: translateY(0) scale(1); opacity: 1; }
.business-form { max-height: calc(100dvh - 205px); overflow: auto; }
.catalog-close { position: absolute; top: 10px; right: 15px; cursor: pointer; font-size: 30px; }
.business-form { width: 100%; float: left; margin-top: 20px; }
.form-row { display: flex; gap: 20px; margin-bottom: 20px; }
.form-group { flex: 1; display: flex; flex-direction: column; }
.form-group label, .business-form label { font-size: 14px; color: #8a8a8a; margin-bottom: 8px !important; }
.form-group input, .form-group select, .business-form input, .business-form select { width: 100% !important; min-height: 48px !important; padding: 0 16px !important; border: 1px solid #d3d3d3 !important; border-radius: 15px !important; font-size: 16px; color: #222; background: #fff; outline: none; transition: all 0.3s ease; }
.form-group input:focus, .form-group select:focus, .business-form input:focus, .business-form select:focus  { border-color: #1d2d74 !important; }
.form-group input::placeholder, .business-form input::placeholder { color: #c2c2c2; }
.full-width .form-group { width: 100%; }
.modal-title { color: var(--e-global-color-secondary); font-weight: 700; font-size: 26px; margin-bottom: 15px; }
.modal-description { font-size: 16px; color: #1119; margin-top: -5px; }
.modal-header + hr { margin-bottom: 30px; margin-top: 10px; float: left; width: 100%; color: #FFFFFF5E; }
.business-form .form-group label { font-size: 14px; }
.business-form .form-group input, .form-group select { border-radius: 15px; border: 1px solid #9F9E9B; margin-top: 4px; }
.business-form .form-group input:focus, .form-group select:focus, .business-form .form-group input:hover, .form-group select:hover { outline: none }
.business-form .form-group select { -webkit-appearance: none; appearance: none }
.business-form .form-group.cstm-select::after {content: ""; display: inline-block; width: 14px; height: 14px; background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/filter-down.svg") no-repeat center; background-size: auto; background-size: 9px; right: 11px; position: absolute; top: 42px; }
.form-group.cstm-select { position: relative; }
.info { float: left; width: 100%; background: #F7F8FA; padding: 16px; border-radius: 15px; color: var(--e-global-color-secondary); font-weight: 500; }
.catalog-download-btn, .business-form .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style { background: var(--e-global-color-primary); color: #fff; padding: 13px 21px; border-radius: 10px; margin-top: 6px; display: inline-flex; align-items: center; justify-content: center; text-align: center; gap: 8px; }
.catalog-download-btn svg path { fill: #fff; }
.catalog-download-btn:hover, .catalog-download-btn:focus { background: var(--e-global-color-secondary); color: #fff; }
.download-catalogue.arrow-size a svg { max-width: 11px; }
.tahefobu-nav-menu-container li a i::before { display: none; }
.tahefobu-nav-menu-container li.menu-item-has-children > a { position: relative; padding-right: 20px; }
.tahefobu-nav-menu-container li.menu-item-has-children > a::after { content: ""; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); width: 12px; height: 12px; background-image: url('https://eastwesttrade.co/wp-content/uploads/2026/04/submenu-down-arrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin-top: 2px; }
.elementor-element.main-slider-image { border-radius: 10px; overflow: hidden; }
.elementor-element.slider-arrow { position: absolute; }
.catalog-download-btn.white-arrow a svg { width: 25px !important; float: right; margin-top: -4px; margin-left: -7px; }
.checklist-box { display: flex; gap: 15px; flex-wrap: wrap; }
.list-checkbox { display: flex; align-items: center; gap: 8px; background: #f1f1f1; padding: 14px 19px; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; transition: all 0.3s ease; }
.list-checkbox input { accent-color: #28a745; cursor: pointer; }
.list-checkbox label { margin: 0; font-size: 16px; cursor: pointer; font-weight: 500; }
.list-checkbox input:checked + label { font-size: 16px; }
.list-checkbox:has(input:checked) { background: #e6f4ea; border: 1px solid #28a745; }

#tab1-images img { border-radius: 15px; }
.why-choose-main-box .n2-ss-layer { padding: 0 !important; }
.why-choose-main-box .n2-ss-layer-row { padding: 0px !important }
.why-choose-main-box .why-choose-box { margin: 33px 0 !important; padding: 20px 0px 20px 85px !important; }
.why-choose-main-box .why-choose-box > div { border-right: 2px solid #13B50F20 !important; }
.why-choose-main-box .n2-bullet.n2-active { background: #88D986 !important; width: 13px; }
.why-choose-main-box .n2-bullet { background: #13B50F !important; border-color: #13B50F !important; }
.n2-ss-layer-row-inner > .why-choose-box:last-child > div { border: none !important; }
.why-choose-main-box .why-choose-box:first-child { border-radius: 15px 0 0 15px !important }
.why-choose-main-box .why-choose-box:last-child { border-radius: 0 15px 15px 0 !important }
.why-choose-box.first-box { background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/batter-margin.svg") left no-repeat; background-color: #E8F8E7; background-position: left 25px center;}
.why-choose-box.second-box { background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/quality-guaranteed.svg") left no-repeat; background-color: #E8F8E7; background-position: left 25px center; }
.why-choose-box.third-box { background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/time-on-delivery.png") left no-repeat; background-color: #E8F8E7; background-position: left 25px center; }

.why-choose-title div { font-size: 22px !important; color: #000 !important; font-family: "Plus Jakarta Sans", Sans-serif !important; font-weight: 600 !important; margin-bottom: 8px; }
.why-choose-description div { font-size: 16px !important; color: #1119 !important; font-family: "Poppins", Sans-serif !important; }

.product-image img { height: 220px !important; object-fit: cover; }
.elementor-heading-title .read-more-link { max-width: 20px !important; height: auto !important; margin-top: 1px; float: right; margin-left: 6px; }
.elementor-element.categorybox { position: relative; border-left: 2px solid var(--e-global-color-primary); min-height: 119px; }
.elementor-element.categorybox::before { content: ""; position: absolute; top: 44px; left: -6px; width: 11px; height: 11px; background: #13B50F; z-index: 1; pointer-events: none; }
.elementor-element.how-it-work-line::before { content: ""; position: absolute; top: 0px; left: -9px; width: 19px; height: 2px; background: #13B50F; z-index: 1; pointer-events: none;  }
.elementor-element.how-it-work-line::after { content: ""; position: absolute; bottom: 0px; left: -9px; width: 19px; height: 2px; background: #13B50F; z-index: 1; pointer-events: none;  }
.elementor-element.categorybox.active { background: #ebf7eb; background: linear-gradient(25deg,rgba(235, 247, 235, 1) 0%, rgba(255, 255, 255, 1) 69%); }
.elementor-element.categorybox.active::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #13B50F; background: linear-gradient(90deg,rgba(19, 181, 15, 1) 0%, rgba(255, 255, 255, 1) 69%); }
.elementor-element.categorybox.active::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #13B50F; background: linear-gradient(90deg,rgba(19, 181, 15, 1) 0%, rgba(255, 255, 255, 1) 69%); }
.tab-title.cstm-service-title p { margin-bottom: 2px; }
.tab-description.cstm-descriptionde p, .elementor-element.journy-title p { margin: 0; }
.grid-image-highlight .attachment-full.size-full { background: #EFF7EF; border-radius: 50%; }


/* ========================= Blog ========================= */

.desc-content::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(to bottom, transparent, #fff); }

/* Expanded state */
.desc-content.expanded { max-height: none; }
.desc-content.expanded::after { display: none; }
.read-more-btn { margin-top: 10px; background: none; border: none; color: var(--e-global-color-primary) !important; cursor: pointer; font-weight: 600; }
.blog-controls { text-align: center; margin-bottom: 30px; }
#blogSearch { max-width: 400px; width:100%; padding: 12px 22px; border-radius: 30px; border: 2px solid #22c55e; color: #888; font-size: 16px; }
.blog-boxes { max-width: 1170px; margin: 0 auto; display: table; padding-left: 15px; padding-right: 15px; }
.blog-filters { margin-top: 30px; }
.filter-btn { padding: 8px 15px; border-radius: 20px; border: none; margin: 5px; background: #eee; cursor: pointer; }
.filter-btn.active { background: #22c55e; color: #fff; }
#blogResults { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.blog-card { background: #f9fafb; border: 1px solid #13B50F1A; border-radius: 16px; padding: 15px; text-align: left; overflow: hidden; transition: all 0.3s ease; position: relative; }
.blog-card .blog-image { position: relative; overflow: hidden; border-radius: 12px; margin-bottom: 14px; }
.blog-card a { margin-bottom: 10px; float: left; width: 100%; }
.blog-image img { height: 220px !important; object-fit: cover; width: 100%; border: none; border-radius: 0; box-shadow: none; max-width: 100%; }
.blog-card h4 { font-size: 21px; color: #000; font-weight: 600; margin-bottom: 10px; margin-top: 15px; padding-left: 10px; padding-right: 10px; text-align: left; line-height: 32px; }
.blog-card p { ffont-size: 16px; color: #1119; margin: 0; padding: 0 10px; text-align: left; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blog-card p.view-more-link { margin-top: 11px; float: left; color: var(--e-global-color-primary); font-weight: 600; font-size: 14px; }
.blog-card p.view-more-link svg { margin-left: 8px; max-width: 10px; float: right; margin-top: 8px; }
.blog-card a:hover p.view-more-link { text-decoration: underline }
.blog-card:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); background: #fff; }

.blog-pagination { margin: 40px auto 70px; float: none; display: table; }

.blog-pagination button {min-width: 38px; height: 38px; border: 1px solid #dce2e8; border-radius: 6px; background: #fff; color: #5d6673; font-size: 13px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.blog-pagination button:hover, .blog-pagination button:focus, .blog-pagination button.active { background: #243b6b; border-color: #243b6b; color: #fff; }
.page-btn { margin: 5px; padding: 6px 12px; border: none; background: #ddd; cursor: pointer; }
.featured-header { text-align: center; margin: 40px 0 25px; }
.featured-header h2 { font-size: 32px; font-weight: 700; color: #00a651;  margin-bottom: 5px; }
.featured-header p { color: #777; font-size: 14px; }
.elementor-element.blog-faqs .e-n-accordion-item-title { padding: 25px; border: none; }
.elementor-widget-n-accordion.blog-faqs .e-n-accordion-item-title > span { background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/star.svg") left no-repeat;  }
.elementor-element.blog-faqs .e-n-accordion-item-title .e-n-accordion-item-title-header div { font-size: 21px !important; font-weight: 700; color: #292929; padding-left: 35px; }
.elementor-element.blog-faqs .e-n-accordion-item-title + .elementor-element { border: none; padding-top: 0; padding-left: 25px; background: #F8F9FA; margin-bottom: 1px; }
.elementor-element.blog-faqs .e-n-accordion-item-title + .elementor-element .elementor-heading-title.elementor-size-default { font-size: 17px; color: #1119; font-weight: 400; line-height: 24px; margin-bottom: 30px; }

.elementor-element.blog-faqs .e-n-accordion-item[open] { background: #13B50F; background: linear-gradient(90deg,rgb(19, 181, 15) 0%, rgb(248, 249, 250) 69%); }
.elementor-element.blog-faqs .e-n-accordion-item-title { padding: 25px; border: none; margin-top: 1px; background: #F8F9FA; }

.elementor-element.blog-faqs .e-n-accordion-item[open] .e-n-accordion-item-title, .elementor-element.blog-faqs .e-n-accordion-item[open] .e-n-accordion-item-title + .elementor-element { background: #EEF6F0; background: linear-gradient(90deg,rgba(238, 246, 240, 1) 0%, rgba(248, 249, 250, 1) 69%); }

.elementor-element.blog-faqs .e-n-accordion-item[open] .e-n-accordion-item-title .e-n-accordion-item-title-header div { color: var(--e-global-color-primary) }

/* HERO SECTION */
.blog-hero { text-align: center; padding: 100px 30px 60px 30px; background-color: transparent; background-image: linear-gradient(80deg, #FFFFFF 0%, #13B50F1C 100%); }
.blog-hero h1 { font-size: 41px; font-weight: 600; color: #1d1d5c; margin-bottom: 10px; font-family: "Plus Jakarta Sans", Sans-serif; }
.blog-hero.brand-page h1 { font-size: 41px; font-weight: 600; color: #1d1d5c; margin-bottom: 10px; font-family: "Plus Jakarta Sans", Sans-serif; text-align: left; }
.blog-hero p { margin: 19px auto 40px; font-family: "Plus Jakarta Sans", Sans-serif; font-size: 16px; font-weight: 500; line-height: 25px; color: #1119; }
.blog-hero.brand-page p { margin: 19px auto 40px; font-family: "Plus Jakarta Sans", Sans-serif; font-size: 16px; font-weight: 500; line-height: 25px; color: #1119; }

/* SEARCH */
.hero-search input { width: 100%; max-width: 400px; padding: 12px 20px; border-radius: 30px; border: 2px solid #00a651; outline: none; font-size: 14px; }

/* FILTER BUTTONS */
.blog-controls { text-align: center; margin: 20px 0; }
.filter-btn { border: none; background: #f1f1f1; background-color: rgb(241, 241, 241); padding: 8px 16px; margin: 5px; border-radius: 20px; cursor: pointer; font-size: 17px; font-weight: 500; color: var(--e-global-color-secondary); }
.filter-btn.active, .filter-btn:hover, .filter-btn:focus { background: var(--e-global-color-primary); color: #fff; }

/* FEATURED HEADER */
.featured-header { text-align: center; margin: 40px auto 20px; }
.featured-header h2 { font-size: 41px; font-weight: 600; color: var(--e-global-color-primary); margin-bottom: 10px; font-family: "Plus Jakarta Sans", Sans-serif; }
.featured-header p { margin: 9px auto 50px;  font-family: "Plus Jakarta Sans", Sans-serif; font-size: 16px; font-weight: 500; line-height: 25px; color: #1119; }


/* Blog Details */
.article-container { max-width: 1170px; margin: auto; padding: 30px 20px; }
.article-title { font-size: 32px; font-weight: 700; margin-bottom: 10px; color: #292929; }
.article-subtitle { color: #1119; margin-bottom: 30px; font-size: 16px; }
.article-hero img { width: 100%; border-radius: 12px; }
.article-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-top: 30px; }
.article-content h2 { margin-top: 20px; font-size: 20px; }
.article-content p { color: #1119; line-height: 1.6; font-size: 16px; margin-bottom: 30px; margin-top: 14px; }
.article-content h3 { font-weight: 700; font-size: 22px; font-family: "Plus Jakarta Sans", sans-serif !important; margin-bottom: ; }
.article-sidebar { position: relative; }
.download-card { position: sticky; top: 100px; background: #fff; padding: 27px; border-radius: 10px; box-shadow: 4px 4px 30px 0px #0000000D; border: 1px solid #EAEAEA; }
.download-card h3 { margin-bottom: 10px; font-size: 24px; font-weight: 700; color: #333; margin-top: 0; }
.download-card p { font-size: 15px; color: #1119; margin-top: 12px; margin-bottom: 10px; }
.download-btn { display: inline-block; margin-top: 15px; padding: 10px 15px; background: var(--e-global-color-primary); color: #fff; border-radius: 6px; text-decoration: none; }
.faq-container { max-width: 1170px; margin: auto; }
.faq-section { margin-top: 60px; width: 100%; background: #E6E8EE4D; padding: 80px 15px; }
.faq-item { background: #fff; border-radius: 10px; margin-bottom: 10px; border: 1px solid #fff; }
.faq-item.active { background: #ECF5EE; border-color: var(--e-global-color-primary)}
.faq-question { padding: 20px; cursor: pointer; border-radius: 9px; font-weight: 600; }
.faq-question .icon { float: right; }
.faq-answer { display: none; padding: 0 20px 20px; }
.article-content > div > div { padding-left: 0; }

.elementor-element.product-source .elementor-element.service-box-support .product-image { background: #fff !important; background-size: cover; transition-duration: 0s; }
.elementor-element.product-source .elementor-element.service-box-support:hover .product-image { background: transparent !important;  transition-duration: 0s; }
.elementor-element.product-source .elementor-element.service-box-support:hover .product-image > div { opacity: 0; transition-duration: 0s; }
.elementor-element.product-source .elementor-element.service-box-support:hover .product-image > div.service-support-content { opacity: 1 !important; transition-duration: 0s;}
.elementor-element.product-source .elementor-element.service-box-support .product-image > div { opacity: 1; transition-duration: 0s; }

.elementor-element.product-source .elementor-element.service-box-support:hover .product-image > div.service-support-content p { color: #fff !important }
.elementor-element.product-source .elementor-element.service-box-support:hover .product-image { background: transparent !important; transition-duration: 0s; box-shadow: 0 0px 65px 90px #00000063 inset; }

/* Brand Page */
.blog-hero.brand-page { padding: 100px 30px; }
.brand-hero .container { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 90px; padding: 0 20px; }
.brand-about .container { max-width: 1200px; margin: 0 auto; }
.hero-left { flex: 0 0 250px; }
.hero-left img { width: 100%; height: auto; display: block; }
.hero-right { flex: 1; }
.hero-right h1 { font-size: 36px; font-weight: 700; color: #0b2a5b; margin-bottom: 15px; }
.hero-right p { font-family: "Plus Jakarta Sans", Sans-serif; font-size: 16px; font-weight: 500; line-height: 25px; color: #1119; text-align: left; max-width: 100%; }
.hero-right .btn { float: left; padding: 12px 22px; border: 1px solid var(--e-global-color-secondary); color: var(--e-global-color-secondary); border-radius: 8px; font-size: 16px; text-decoration: none; transition: all 0.3s ease; font-weight: 600; }
.hero-right .btn svg { float: right; margin-top: 4px; margin-left: 11px; }
.hero-right .btn svg path { fill: var(--e-global-color-secondary) } 
.hero-right .btn:hover { background: #0b2a5b; color: #fff; }
.hero-right .btn:hover svg path { fill: white }

.brand-about { padding: 40px 20px; text-align: center; color: #6b7280; }
.brand-about p { font-weight: 500; font-size: 25px; line-height: 40px; text-align: center; color: #A6ABB6; }
.brand-about p strong { color: var(--e-global-color-secondary); }

.brand-products { padding: 100px 0; max-width: 1200px; margin: 0 auto; display: table; width:100%; }
.brand-products h2 { font-size: 40px; line-height: 1.2; font-weight: 600; color: var(--e-global-color-secondary); margin: 0 0 8px; text-align: center; }
.brand-products p { font-size: 16px; color: #7c7c7c; margin: 0 0 20px; text-align: center; }

.brand-products .product-grid { margin-top: 30px; }
.market-position { padding: 40px 20px; margin: 0 auto; max-width: 1200px; }

.brand-products .product-grid .products-wrapper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px; }
.blog-card.product-card a { margin-bottom: 0; }
.blog-card.product-card h4 { margin-bottom: 3px; }
.blog-card.product-card p.view-more-link { margin-top: 0; margin-bottom: 0; }

.fullWidth { width: 100%; }
.customer-type { padding: 100px 0; max-width: 1200px; margin: 0 auto; display: table; }
.customer-right .highlights-list li { font-weight: 600; color: #000; font-size: 17px; margin-bottom: 13px; }

.customer-box { display: flex; align-items: center; gap: 50px; }
.customer-left { flex: 0 0 45%; }
.customer-left img { width: 100%; height: auto; border-radius: 12px; display: block; }
.customer-right { flex: 1; }
.customer-right h3 { font-size: 40px; line-height: 1.2; font-weight: 600; color: var(--e-global-color-secondary); margin: 0 0 8px; }
.customer-right p { line-height: 1.6; font-size: 16px; color: #7c7c7c; margin: 0 0 20px; }

.market-box { background: #e8f5ec; border-radius: 15px; padding: 30px; margin: 0 auto; max-width: 1200px; }
.market-left { max-width: 60%; }
.market-left h3 { color: green; margin-bottom: 10px; }
.market-stats { display: flex; gap: 20px; margin-top: 20px; }
.stat { background: #dff2e5; padding: 10px 15px; border-radius: 10px; }
.market-right img { max-width: 200px; }
.market-position { width: 100%; }
.market-box { display: flex; align-items: center; justify-content: space-between; background: #e9efe7; border-radius: 20px; padding: 20px 50px; gap: 40px; }

/* LEFT SIDE */
.market-left { width: 60%; }
.market-left h3 { font-size: 40px; color: #2cab2c; margin-bottom: 15px; font-weight: 600; }
.market-left p { font-size: 16px; color: #6b6f6b; line-height: 26px; margin-bottom: 25px; }

/* STATS */
.market-stats { display: flex; gap: 20px; flex-wrap: wrap; }
.stat { display: flex; align-items: center; gap: 12px; background: #dfe8db; padding: 14px 12px; border-radius: 12px; min-width: 220px; }
.stat span { font-size: 22px; background: #ffffff; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.stat p { margin: 0; font-size: 17px; color: #222; font-weight: 600; }

/* RIGHT SIDE */
.market-right { width: 40%; text-align: right; }
.market-right img { max-width: 100%; height: auto; }
.list-categories.blog-boxes { padding-left: 15px; padding-right: 15px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.33%, #000 100%); width: 100%; max-width: 100%; position: absolute; z-index: 111; bottom: 0; padding: 45px 15px; }
.categories-image-box { height: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.categories-image-box img { max-height: 100%; max-width: 100%; width: 100%; object-fit: cover; object-position: center center; }


.categories-content { max-width: 1170px; margin: 0 auto; float: none; }
.categories-content-title { color: #fff; font-family: Plus Jakarta Sans; font-weight: 700; font-size: 45px; line-height: 130%; letter-spacing: 0%; text-align: center; }
.categories-content-description { font-family: Poppins; font-weight: 400; font-size: 18px; line-height: 140%; letter-spacing: 0%; text-align: center; color: #fff; }

.categories-product-range-box { max-width: 100%; margin: 45px auto 0; background: #4AB9000D; padding: 50px 15px; border-radius: 45px; }
.range-backed-box .featured-header { margin-top: 0; margin-bottom: 0; }
.categories-product-range { max-width: 1170px; margin: 0 auto; padding: 0; }
.categories-product-range-title { font-weight: 900; font-size: 38px; margin-bottom: 20px; }
.categories-product-range-title .black-text { color: #000; }
.categories-product-range-title .light-gray { color: #C5CED3; }
.categories-product-range-title .light-green { color: #D4EEC2; }
.categories-product-range p { font-family: Poppins; font-weight: 400; font-size: 17px; line-height: 140%; color: #1119; }

.range-backed-box { max-width: 1170px; margin: 0 auto; padding: 0px 0px 70px; }
.range-backed-box .featured-header h2 { color: #000; margin-top: 0px; }
.range-backed { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.range-backed .range-backed-card { background: #f9fafb; border: 1px solid #13B50F1A; border-radius: 16px; padding: 15px; text-align: left; overflow: hidden; transition: all 0.3s ease; position: relative; }
.range-backed .range-backed-card .range-backed-card-image { position: relative; overflow: hidden; border-radius: 12px; margin-bottom: 14px; }
.range-backed .range-backed-card a { margin-bottom: 10px; float: left; width: 100%; }
.range-backed .range-backed-image img { height: 220px !important; object-fit: cover; width: 100%; border: none; border-radius: 0; box-shadow: none; max-width: 100%; }
.range-backed .range-backed-card h4 { font-size: 21px; color: #000; font-weight: 600; margin-bottom: 10px; margin-top: 15px; padding-left: 10px; padding-right: 10px; text-align: left; line-height: 32px; }
.range-backed .range-backed-card p { ffont-size: 16px; color: #1119; margin: 0; padding: 0 10px; text-align: left; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.range-backed .range-backed-card p.view-more-link { margin-top: 0px; float: left; color: var(--e-global-color-primary); font-weight: 600; font-size: 14px; }
.range-backed .range-backed-card p.view-more-link svg { margin-left: 8px; max-width: 10px; float: right; margin-top: 8px; }
.range-backed .range-backed-card a:hover p.view-more-link { text-decoration: underline }
.range-backed .range-backed-card:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); background: #fff; }

.stats-section { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1170px; margin: 0 auto; padding: 20px 0; border-radius: 6px; }
.stat-item { position: relative; padding: 0px 20px; }
.stat-item h2 { margin: 0; font-size: 28px; font-weight: 700; color: #222; }
.stat-item p { margin: 5px 0 0; font-size: 14px; color: #000; font-weight: 600; }

/* Vertical Divider */
.stat-item::before { content: ""; position: absolute; left: 0; top: 10%; height: 80%; width: 3px; background: var(--e-global-color-primary); /* green line */ }

.categories-product-range-box.categories-details { background: #fff; margin-top: 0; }
.categories-product-range-box.categories-details-list { margin-top: 0px; }
.categories-product-range-box.categories-details-list .featured-header { text-align: left; }
.categories-product-range-box.categories-details-list .featured-header h2 { color: var(--e-global-color-secondary) }
.categories-product-range-box.categories-details-list .highlights-list li { font-weight: 600; color: #000; }
.categories-product-range-box.categories-details .stats-section { grid-template-columns: repeat(3, 1fr); }

.retail-section { padding: 60px 15px; text-align: center; }
.retail-section-container { max-width: 1170px; margin: auto; }
.retail-section h2 { color: var(--e-global-color-secondary); margin-bottom: 10px; }
.subtitle { color: #666; font-size: 14px; margin-bottom: 40px; }
.retail-section .cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.retail-section .card { background: #FBFBFB; padding: 30px; border-radius: 16px; text-align: left; transition: 0.3s; }
.retail-section .card:hover { background: #F3FBF3; }
.retail-section .card h3 { margin: 30px 0 10px; color: #222; font-family: Plus Jakarta Sans; font-weight: 600; font-size: 23px; line-height: 100%; letter-spacing: 0%;; }
.retail-section .card p { color: #777; font-family: Poppins; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0%; margin-bottom: 0; }
.retail-section .card .icon { width: 70px; background: #13B50F0D; height: 70px; padding: 15px; border-radius: 50%; }
.retail-section .card:hover .icon { background: #fff; }
.retail-section-container .featured-header, .compliance-section-container .featured-header { margin-top: 0; }

.compliance-section { padding: 60px 15px; background: #f9faf9; }
.compliance-section-container { max-width: 1170px; margin: auto; }
.compliance-section h2 { color: #16a34a; text-align: left; margin-bottom: 20px; }
.compliance-section-container .featured-header p { text-align: left }

/* Subtitle */
.compliance-section .subtitle { color: #777; font-size: 14px; margin-bottom: 30px; max-width: 700px; }
.compliance-section .compliance-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; background: #13B50F0D; padding: 10px; border-radius: 10px; }
.compliance-section .compliance-card { background: #ffffff; border: 1px solid #e3efe6; border-radius: 12px; padding: 25px; }
.compliance-section .compliance-card .icon-box { font-size: 20px; color: #16a34a; }
.compliance-section .compliance-card p { margin: 10px 0 0 0; font-family: Plus Jakarta Sans; font-weight: 600; font-size: 20px; line-height: 27px; letter-spacing: 0%; color: #000; }
.compliance-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.06); }


.hero-slider .n2-ss-layer.n2-ow.n2-ss-layer--block.n2-ss-has-self-align { display: none }
.hero-slider .why-choose-title > div { font-size: 32px !important; font-weight: 600 !important; color: var(--e-global-color-primary) !important; margin-top: 35px; text-align: left !important; font-family: "Poppins", Sans-serif !important;
  line-height: 42px !important; text-transform: uppercase !important; margin-bottom: 15px; }
.hero-slider .why-choose-description div { font-size: 16px; font-weight: 400; margin-bottom: 0; color: rgba(17, 17, 17, 0.6); text-align: left !important; font-family: "Poppins", Sans-serif !important; line-height: 27px !important; }
.hero-slider .n2-ss-item-image-content.n2-ss-item-content img {border-radius: 10px; width: 100% }


.hero-slider .nextend-bullet-bar div div { background: #13B50F !important; border-color: #13B50F !important; margin-top: -5px !important; }
.hero-slider .n2-ss-item-image-content.n2-ss-item-content { position: relative }
.hero-slider .n2-ss-item-image-content.n2-ss-item-content::after { content: ""; position: absolute; bottom: -91px; right: 0; width: 100%; height: 195px; background-image: url(https://eastwesttrade.co/wp-content/uploads/2026/04/arrow-slider.png); background-repeat: no-repeat; background-size: contain; background-position: center; pointer-events: none; transform: rotate(270deg); }
.hero-slider .nextend-bullet-bar div div.n2-active { background: #88D986 !important; width: 13px; }

.range-backed-box.brands-box .range-backed { grid-template-columns: repeat(4, 1fr); }
.range-backed-box.brands-box .range-backed-card { background : #fff; }
.range-backed-box.brands-box .range-backed-card img { border-radius: 10px; }
.range-backed-box.brands-box .range-backed-card h4 { margin-top : 10px; margin-bottom: 3px; }



/* RESPONSIVE */

@media (min-width:320px) and (max-width:360px) { 
    .cpel-switcher__nav .cpel-switcher__toggle .cpel-switcher__flag { display: none; }
    .logo.elementor-widget-image a img { max-width: 148px !important; }
}

@media (max-width: 576px) {
  .market-left h3 { font-size: 28px; }
  .stat { width: 100%; justify-content: center; }
}


@media (max-width: 767px) {
    .form-row { flex-direction: column; gap: 15px; }
}

@media (max-width: 768px) {
  .brand-hero .container { flex-direction: column; text-align: center; }
  .hero-left { flex: unset; }
  .hero-right h1 { font-size: 26px; }
  .hero-right p { margin-left: auto; margin-right: auto; }
  .customer-right .highlights-list li, .customer-right p, .customer-right h3 { text-align :left }
  .brand-cta.brand-products { width: calc(100% - 40px); }
  .customer-box { flex-direction: column; text-align: center; }
  .customer-left { flex: unset; }
  .retail-section .cards { grid-template-columns: 1fr; }
  .compliance-section .compliance-cards { grid-template-columns: 1fr; }

}

@media (max-width: 992px) {
    .market-position { padding-top: 0px; }
    .brand-about p { font-size: 21px; line-height: 34px; } 
    .market-box { flex-direction: column; text-align: center; padding: 30px; }
    .market-position { padding-left: 20px; padding-right: 20px; }
    .market-left, .market-right { width: 100%; max-width: 100%; }
    .market-right { display: none; }
    .market-stats { justify-content: center; }
    .brand-products { padding: 20px 20px 40px 20px; }
    .brand-products .product-grid .products-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-type { padding: 30px 20px}
    .range-backed, .categories-product-range-box.categories-details .stats-section { grid-template-columns: repeat(2,1fr); }
    .categories-product-range-box.categories-details .stat-item { margin: 10px 0; }
    .range-backed-box { padding: 0px 15px 70px}
}


@media (max-width: 1199px) {
    .product-grid .products-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
    .who-we-are-right-bg img, .who-we-are-left-bg img { width: 25% }
     .blog-hero h1, .featured-header h2 { font-size: 37px; }
     .blog-hero.brand-page h1 { font-size: 37px; }
    .blog-hero p, .featured-header p, .blog-hero.brand-page p { font-size: 17px; }
}

@media (max-width: 991px) {
    .catalog-wrapper { flex-direction: column; }
    .filter-sidebar { width: 100%; min-width: 100%; }
    .catalog-topbar { flex-wrap: wrap; }
    .categories-content-title { font-size: 31px }
    .categories-content-description { font-size: 16px}
    .stats-section { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 880px) {
	.elementor-element.read-more { position: absolute; top: 20px; right: 20px }
	.elementor-element.tabsbox { display: none !important }
    .elementor-element.tabsbox.active { display: block !important; pointer-events: none }
    .elementor-element.tabsbox.tabs-mobile { display: block !important; }
    .elementor-element.tabsbox { opacity: 0.2; cursor: pointer; transition: all 0.3s ease; padding-top: 0px !important; padding-bottom: 0px !important }
    .elementor-element.tabsbox.active .elementor-widget-text-editor.tab-title p { font-size: 28px !important}
}

@media ( min-width: 767px ) and ( max-width:880px ) {
    .elementor-element.oneline { display: block ruby !important; }
}

@media (max-width: 767px) {
    .product-area h2, .brand-products h2 { font-size: 26px; }
    .catalog-topbar { flex-direction: column; align-items: stretch; }
    .catalog-search, .filter-toggle-btn { width: 100%; }
    .product-grid .products-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-card img { height: 250px; }
    .filter-box-sort { border-bottom: none !important }
    .leftboximage, .rightboximage { width: 100% }
    .product-image-gallery { display: table; }
    .gallery img { height: auto !important }
    #blogResults { display: grid; grid-template-columns: repeat(1,1fr); gap: 20px; }
    .blog-hero { padding: 40px 30px 50px 30px }
    .blog-hero.brand-page { padding: 40px 30px; }
    .filter-btn { font-size: 16px }
    .article-grid { grid-template-columns: 1fr; }
    .download-card { position: static; margin-top: 20px; }
    .hero-left img { width: 100%; min-width: 220px; margin-top: 30px; }
    .brand-hero .container { gap: 30px }
    .categories-content-title, .categories-product-range-title { font-size: 27px }
    .categories-content-description, .categories-product-range p { font-size: 15px}
    .stat-item { margin: 10px 0; }
    .categories-product-range-box { padding: 30px; }
}


@media (max-width: 480px) {
    .filter-sidebar { padding: 14px; }
    .product-card { padding: 10px; }
    .product-card img { height: 220px; }
    .product-grid .products-wrapper { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    #active-filters span { font-size: 11px; padding: 6px 12px; }
    #product-search, #sort-products { max-width: 100%; margin-bottom: 10px; width:100%; }
    .blog-hero { padding:   20px 15px 30px 15px }
    .blog-hero.brand-page { padding: 20px 15px 30px 15px; }
    .blog-hero h1, .featured-header h2 { font-size: 28px; }
    .blog-hero.brand-page h1 { font-size: 28px; }
    .blog-hero p, .featured-header p, .blog-hero.brand-page p { font-size: 15px; }
    .filter-btn { font-size: 15px }
    .stats-section, .range-backed, .categories-product-range-box.categories-details .stats-section { grid-template-columns: repeat(1, 1fr); }
    
}