@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@100,200,300,400,500,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Shared storefront palette. Change brand colors here, not in individual components. */
:root {
  --font-heading: 'Cabinet Grotesk', 'Plus Jakarta Sans', sans-serif;
  --font-para: 'Plus Jakarta Sans', sans-serif;
  --font-base: 'Zen Maru Gothic', serif;
  --color-primary: #32c7f2;
  --color-primary-hover: #18b4df;
  --color-primary-active: #079bc5;
  --color-primary-soft: #eaf8fd;
  --color-primary-border: #a4e2f3;
  --color-ink: #032630;
  --color-text: #1e293b;
  --color-text-muted: #52636b;
  --color-link: #007a9b;
  --color-link-hover: #005b75;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-surface: var(--color-white);
  --color-surface-muted: #f5f8fa;
  --color-border: #dce5e9;
  --color-border-strong: #adc0c8;
  --color-disabled-bg: #e5ebef;
  --color-disabled-text: #667b86;
  --color-focus: #08789b;
  --color-accent: #58ae68;
  --color-accent-dark: #275037;
  --color-accent-soft: #e6f3e9;
  --color-accent-bright: #9fc755;
  --color-success: #287a3c;
  --color-danger: #c83043;
  --color-danger-hover: #a52233;
  --color-danger-active: #881b2a;
  --color-danger-soft: #fff0f3;
  --color-danger-border: #efadb7;
  --color-warning: #8a5a13;
  --color-highlight: #ffdc09;
  --button-bg: var(--color-primary);
  --button-text: var(--color-ink);
  --button-border: var(--color-primary);
  --button-hover-bg: var(--color-primary-hover);
  --button-active-bg: var(--color-primary-active);
  --button-font-weight: 700;
  --color-decor-rose-shadow: #701e14;
  --color-decor-rose: #e193b1;
  --color-decor-sand: #fad17f;
  --color-decor-sage: #97ba8e;
  --color-decor-orange: #fca43d;
  --color-decor-leaf: #60a842;
  --color-decor-stone: #b69f9e;
  --color-decor-pale-leaf: #aac191;
}

/* reset css */
*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;font-family:var(--font-para);}
img{max-width: 100%;}
ul,li{list-style: none;margin: 0;}
a{text-decoration: none !important;display: inline-block;color: var(--color-text);font-size: 16px;cursor: pointer; font-family:var(--font-para)}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 18px;font-family:var(--font-para);}
select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}

input::placeholder, textarea::placeholder {opacity: 1;color: var(--color-text-muted);font-family:var(--font-para);}
label{width: 100%;max-width: fit-content;}
textarea{resize: none;}
p {font-size: 16px;margin: 15px 0;text-align: justify;line-height: 1.6;font-family:var(--font-para)}
iframe{width: 100%;height: 100%;border: none;}
body{font-family: "Zen Maru Gothic", serif;color: var(--color-text);background: var(--color-surface);}
h1, h2, h3, h4, h5, h6{ font-family:var(--font-heading)}
h1{font-size: 44px;}
h2{font-size: 42px;font-weight: 600;}
h3{font-size: 40px;}
h4{font-size: 26px;}
h5{font-size: 24px;}
h6{font-size: 22px;}
/* reset css */
/* common css */
.wrapper{width: 100%;overflow: hidden;}
.fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
/* common css */
/* header */
.bottom-header-top .iso-logos{display: none;}
.resp-menu{display: none;}
.header-banner-wrapper{background: var(--color-primary);padding: 10px 0; z-index: 3;
    position: relative;}
.header-inner-wrapper {display: flex;justify-content: flex-end;align-items: center;gap: 20px;}
.header-inner-wrapper ul{display: flex;justify-content: center;align-items: center;gap: 20px;}
.header-inner-wrapper ul li{position: relative;}
.header-inner-wrapper ul li a{display: flex;justify-content: center;align-items: center;gap: 3px;color: var(--color-white);font-weight: 500;}
.header-inner-wrapper ul li a span:nth-child(2){display: flex;justify-content: center;align-items: center;width: 100%;max-width: 20px;}
.header-inner-wrapper ul li a span:nth-child(2) img{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 20px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(299deg) brightness(103%) contrast(101%);}
/* .header-inner-wrapper ul li:not(:last-child)::after {content: "";position: absolute;height: 15px;width: 1px;background-color: #fff;right: -11px;top: 4px;} */
/* #header-enquiry-count { background: #58AE68; color: #fff; padding: 0 5px; border-radius: 10px; font-size: 11px; font-weight: 700; line-height: 1.4; display: inline-block; vertical-align: middle; margin-top: -2px; } */
#header-enquiry-count, #header-wishlist-count {background: var(--color-white);color: var(--color-primary);position: absolute;top: 2px;right: 0;min-width: 16px;height: 16px;padding: 0 4px;border-radius: 10px;font-size: 11px;font-weight: 700;line-height: 16px;text-align: center;}
/* Bottom Header */
/* .logo-header-wrapper{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;background: #70c5dd4d;z-index: 2;} */
.logo-header-wrapper {
    box-shadow: color-mix(in srgb, var(--color-black) 24%, transparent) 0px 3px 8px;
    position: relative;
    background: color-mix(in srgb, var(--color-ink) 56.86%, transparent);
    z-index: 2;
}
.bottom-header-top {display: flex;flex: 0 1 400px;min-width: 0;justify-content: space-between;align-items: center;gap: 20px;padding: 5px 0;}
.iso-logos img{width: 100%;max-width: 80px;}
.bottom-inner-wrapper{display: flex;justify-content: space-between;align-items: center;gap: 32px;position: relative;}
/* .bottom-inner-wrapper a{padding: 3px 0;} */

.nav-links li a img{width: 100%; max-width: 350px;}

.right-desktop-menu-container{flex: 1 0 auto;display: flex;justify-content: space-between;align-items: center;align-self: stretch;gap: 24px;}
.nav-links{display: flex; align-items: center; gap: 10px; width: 100%;}
.right-desktop-menu-container > ul {display: flex;justify-content: space-evenly;align-items: center;gap: 10px;}
.right-desktop-menu-container ul li a{font-size: 16px;font-weight: 500;position: relative;color: var(--color-white);}
.right-desktop-menu-container > ul > li > a{padding: 28px 0; display: flex; justify-content: center; align-items: center;}
.right-desktop-menu-container ul li a:hover:after {width:100%;right: 0;}
.right-desktop-menu-container ul li > a:hover::after {width: 100%;right: 0;bottom: 20px !important;}
.dropdown-wrapper ul li > a:hover::after, .top-menu-wrapper ul li a:hover::after {width: 100%;right: 0;bottom: -2px !important;}
.right-desktop-menu-container ul li:hover > a{color: var(--color-white);}
.right-desktop-menu-container ul li a.act-link, .dropdown-wrapper-li.act-link > a, .megamenu-wrapper-li.act-link > a{color: var(--color-primary) !important;  font-weight: 600 !important;}
.dropdown-wrapper li a.act-link, .dropdown-wrapper li.act-link > a{color: var(--color-highlight) !important; font-weight: 700 !important;}
.mega-menu-list li a.act-link, .mega-menu-list li.act-link > a{color: var(--color-primary) !important; font-weight: 700 !important; transform: translateX(5px);}
.mega-menu-column.act-link > .mega-menu-column-title, .mega-menu-column-title.act-link{color: var(--color-ink) !important; border-bottom: 2px solid var(--color-primary) !important; font-weight: 800 !important;}
.mega-menu-wrapper .top-menu-wrapper li:last-child{border: none !important;}
.dropdown-wrapper-li a:hover{color: var(--color-primary) !important;}
/* Extend navigation hover targets to the header edge where the panels begin. */
.right-desktop-menu-container > .nav-links {align-self: stretch;align-items: stretch;}
.right-desktop-menu-container > .nav-links > li {display: flex;align-items: stretch;}
.right-desktop-menu-container > .nav-links > li > a {white-space: nowrap;}
.right-desktop-menu-container > ul:last-child{display: flex;flex: 0 0 auto;align-items: center;gap: 4px;}
.right-desktop-menu-container > ul:last-child > li {flex: 0 0 auto;}
.right-desktop-menu-container > ul:last-child > li > a,
header.scrolled-header .bottom-inner-wrapper .right-desktop-menu-container > ul:last-child > li > a {position: relative;display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;}
.right-desktop-menu-container > ul:last-child > li > a img {display: block;flex: 0 0 20px;width: 20px;height: 20px;object-fit: contain;}
.right-desktop-menu-container > ul:last-child > li > a:focus-visible,
.resp-menu > a:focus-visible {outline: 2px solid var(--color-white);outline-offset: 2px;}
.enquiry-list-header a{display: flex; align-items: center; gap: 5px; padding: 28px 0; color: var(--color-white);}

.social-media-links{display: flex; justify-content: center; align-items: center; gap: 10px !important;}
.social-media-links li a span{display: flex; justify-content: center; align-items: center;}
.social-media-links li a span img{display: flex; justify-content: center; align-items: center;width: 100%; max-width: 20px; filter: invert(1);}



/* scrolled header */
/* header.scrolled-header .logo-header-wrapper{position: fixed;left: 0;right: 0;top: 0; width: 100%;z-index: 10;box-shadow: 0px 6px 9px -4px rgba(34,56,101,0.12);transition: all .3s;background-color:#032630;} */
header.scrolled-header .logo-header-wrapper {position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 10; box-shadow: 0px 6px 9px -4px color-mix(in srgb, var(--color-black) 12%, transparent); transition: all .3s; background-color: color-mix(in srgb, var(--color-ink) 57%, transparent);}
header.scrolled-header .bottom-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 20px;}
header.scrolled-header .bottom-inner-wrapper .bottom-header-top {align-items: flex-end;flex-direction: row-reverse;}
header.scrolled-header .bottom-inner-wrapper .iso-logos img {max-width: 60px;}
header.scrolled-header .bottom-inner-wrapper .right-desktop-menu-container ul li a {padding: 30px 0;}
header.scrolled-header .bottom-inner-wrapper .mega-menu-wrapper .mega-menu-column-title {padding: 0 0 8px !important;}
header.scrolled-header .right-desktop-menu-container .iso-logos{display: block;}
header.scrolled-header .bottom-header-top .iso-logos{display: none;}
.bottom-header-top a {display: flex;justify-content: flex-start;align-items: center;width: 100%;min-width: 0;gap: 10px;}
.orbi-logo{display: flex;flex: 0 0 60px;justify-content: center;align-items: center;width: 60px;max-width: 60px;}
.orbi-logo img{display: block;width: 100%;height: auto;}
.bottom-header-top span {min-width: 0;font-weight: 800;color: var(--color-white);font-size: 18px;line-height: 1.4;overflow-wrap: anywhere;}
.enquiry-list-header a img {max-width: 20px;filter: invert(100%);}
.wishlist{display: flex; justify-content: center; align-items: center;}
.wishlist a img {max-width: 20px;filter: invert(100%);}
/* scrolled header */
header {position: relative;z-index: 3;}

/* 01.responcive menu  CSS code starts here  */
/* 0. menu css */
a.toggle{width: 100%;max-width: 30px;padding: 35px 0;}
.hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before {display: block;position: absolute;left: 0;height: 2px;background: var(--color-white);transition: all 0.2s ease;}
.hc-nav-trigger span {width: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.hc-nav-trigger span::after,.hc-nav-trigger span::before {content: "";width: 100%;}
.hc-nav-trigger span::before {top: -10px;}
.hc-nav-trigger span::after {bottom: -10px;}
.hc-nav-trigger.toggle-open span {background: color-mix(in srgb, var(--color-black) 0%, transparent);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.hc-nav-trigger.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
.hc-nav-trigger.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);transform: rotate(-90deg) translate3d(10px, 0, 0);}

/* .hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul {background: #70c5dd;}
.hc-offcanvas-nav .nav-container {position: fixed;z-index: 9998;top: 0;width: 250px;height: 100%;max-width: 100%;max-height: 100%;box-sizing: border-box;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-1 {width: 380px;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-2 {width: 380px;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-3 {width: 380px;}
.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after {content: "";position: fixed;z-index: 9990;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;visibility: hidden;opacity: 0;transition: visibility 0s ease 0.4s, opacity 0.4s ease;}
html.hc-nav-yscroll {overflow-y: scroll;}
body.hc-nav-open {overflow: visible;position: fixed;width: 100%;min-height: 100%;}
.hc-offcanvas-nav {visibility: hidden;display: none;position: fixed;top: 0;height: 100%;z-index: 9999;}
.hc-offcanvas-nav .nav-wrapper {width: 100%;height: 100%;max-height: 100vh;-ms-scroll-chaining: none;overscroll-behavior: none;box-sizing: border-box;}
.hc-offcanvas-nav .nav-content {height: 100%;max-height: 100vh;}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav ul {list-style: none;margin: 0;padding: 0;}
.hc-offcanvas-nav li {position: relative;display: block;}
.hc-offcanvas-nav li.level-open > .nav-wrapper {visibility: visible;}
.hc-offcanvas-nav input[type="checkbox"] {display: none;}
.hc-offcanvas-nav label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;cursor: pointer;}
.hc-offcanvas-nav a {position: relative;display: block;box-sizing: border-box;cursor: pointer;}
.hc-offcanvas-nav a,.hc-offcanvas-nav a:hover {text-decoration: none;}
.hc-offcanvas-nav .nav-item {position: relative;display: block;box-sizing: border-box;}
.hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after {visibility: visible;opacity: 1;transition-delay: 50ms;}
.hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none;}
.hc-offcanvas-nav.nav-levels-expand .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none;}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width: 0;max-height: 0;overflow: hidden;transition: height 0s ease 0.4s;}
.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {max-height: none;}
.hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position: absolute;z-index: 9999;top: 0;height: 100%;visibility: hidden;transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {visibility: visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav.nav-position-left {left: 0;}
.hc-offcanvas-nav.nav-position-left .nav-container {left: 0;-webkit-transform: translate3d(-240px, 0, 0);transform: translate3d(-240px, 0, 0);}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.hc-offcanvas-nav.nav-position-right {right: 0;}
.hc-offcanvas-nav.nav-position-right .nav-container {right: 0;-webkit-transform: translate3d(240px, 0, 0);transform: translate3d(240px, 0, 0);}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.hc-offcanvas-nav.nav-position-top {top: 0;}
.hc-offcanvas-nav.nav-position-top .nav-container {top: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.hc-offcanvas-nav.nav-position-bottom {top: auto;bottom: 0;}
.hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto;bottom: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} */

/* Custom Responsive Menu CSS */
#main-nav { display: none; }
.mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: color-mix(in srgb, var(--color-black) 50%, transparent);z-index: 999;display: none;}
.mobile-menu-container { position: fixed; top: 0; left: -300px; width: 300px; height: 100%; background: var(--color-primary); z-index: 1000; transition: left 0.3s ease; overflow: hidden; box-shadow: 2px 0 10px color-mix(in srgb, var(--color-black) 30%, transparent);}
.mobile-menu-container.open {left: 0;}
.mobile-menu-header {padding: 15px 20px;background: var(--color-white);display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid var(--color-primary);position: relative;z-index: 1002;}
.mobile-menu-header img { height: 40px;}
.mobile-menu-close {font-size: 30px;color: var(--color-primary);cursor: pointer;line-height: 1;}
.mobile-menu-content { position: relative; height: calc(100% - 72px); overflow-x: hidden !important; overflow-y: auto; overscroll-behavior: contain;}
.mobile-menu-content ul {list-style: none;padding: 0;margin: 0;width: 100%;}
.mobile-menu-content li {border-bottom: 1px solid color-mix(in srgb, var(--color-white) 10%, transparent);width: 100%;box-sizing: border-box;}
.mobile-menu-content li.has-submenu {position: static !important;}
.mobile-menu-content li a { display: block; padding: 15px 20px; color: var(--color-white); text-decoration: none; font-size: 16px; font-weight: 500; flex: 1;}
.mobile-menu-content li a:hover, .back-button:hover {background: color-mix(in srgb, var(--color-white) 10%, transparent);}
.menu-item-row {display: flex;align-items: center;justify-content: space-between;transition: background 0.3s ease;width: 100%;}
.menu-item-row:hover {background: color-mix(in srgb, var(--color-white) 5%, transparent);}
.submenu-toggle {width: 50px;height: 52px;display: flex;align-items: center;justify-content: center;cursor: pointer;border-left: 1px solid color-mix(in srgb, var(--color-white) 10%, transparent);transition: background 0.3s ease;flex-shrink: 0;}
.submenu-toggle:hover {background: color-mix(in srgb, var(--color-white) 20%, transparent);}
.submenu-toggle img { width: 15px;filter: invert(1);}
.mobile-menu-content .submenu { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-primary); transform: translateX(100%); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s ease; z-index: 1001; overflow-y: auto; overflow-x: hidden !important; overscroll-behavior: contain; visibility: hidden; pointer-events: none;}
.mobile-menu-content .submenu.active {transform: translateX(0); visibility: visible; pointer-events: auto;}
.back-item {background: color-mix(in srgb, var(--color-black) 10%, transparent);width: 100%;}
.back-button {display: flex !important;align-items: center;gap: 10px;font-weight: 600 !important;background: color-mix(in srgb, var(--color-black) 5%, transparent);}
.back-icon img {width: 15px;filter: invert(1);}
.mobile-menu-content a.act-link {color: var(--color-highlight) !important;font-weight: 700 !important;background: color-mix(in srgb, var(--color-white) 5%, transparent);}
.mobile-menu-content li.act-link > .menu-item-row {background: color-mix(in srgb, var(--color-white) 5%, transparent);}
body.menu-open {overflow: hidden;}
/* Custom Responsive Menu CSS ends */

/* Megamenu css */
li.megamenu-wrapper-li {position: static !important;}
li.megamenu-wrapper-li .mega-menu-wrapper { pointer-events: none; opacity: 0; position: absolute; left: 0; right: 0; width: 100%; max-width: fit-content; margin: 0 auto; top: 100%; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; z-index: 10;}
li.megamenu-wrapper-li:hover .mega-menu-wrapper, li.megamenu-wrapper-li:focus-within .mega-menu-wrapper { visibility: visible; opacity: 1; pointer-events: auto; box-shadow: 0 10px 25px color-mix(in srgb, var(--color-black) 10%, transparent);}
.mega-menu-container { background: var(--color-white); border-top: 4px solid var(--color-primary); padding: 32px 45px 36px; border-radius: 0 0 8px 8px; box-shadow: 0 15px 35px color-mix(in srgb, var(--color-black) 12%, transparent);}
.mega-menu-columns { display: flex; flex-wrap: wrap; gap: 40px 55px; justify-content: flex-start; align-items: flex-start;}
.mega-menu-column { flex: 0 1 auto; min-width: 180px;}
.mega-menu-column-title { display: block; font-size: 16px !important; font-weight: 700 !important; color: var(--color-primary) !important; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid var(--color-border); width: 100%; transition: color 0.2s ease;}
.mega-menu-column-title:hover { color: var(--color-ink) !important;}
.mega-menu-list { display: grid; grid-auto-flow: column; grid-template-rows: repeat(7, auto); column-gap: 40px; row-gap: 12px; margin: 0; padding: 0; list-style: none;}
.mega-menu-list li { margin: 0; padding: 0; border: none !important;}
.mega-menu-list li a { color: var(--color-text) !important; font-size: 15px !important; font-weight: 500 !important; padding: 2px 0 !important; transition: all 0.2s ease; display: inline-block; position: relative; line-height: 1.4;}
.mega-menu-list li a:hover { color: var(--color-primary) !important; transform: translateX(4px);}
/* Menu Builder limits the preview; More opens the parent page. */
li.megamenu-wrapper-li .mega-menu-wrapper.mega-menu-catalog {--menu-row-limit: 7; width: max-content; max-width: min(1100px, 100%);}
.mega-menu-catalog .mega-menu-container {max-height: calc(100vh - 140px); overflow: auto; overscroll-behavior: contain; padding: 24px 32px 28px;}
.mega-menu-catalog .mega-menu-columns {display: flex; flex-wrap: nowrap; gap: 24px 32px;}
.mega-menu-catalog .mega-menu-column {flex: 0 0 auto; width: max-content; min-width: 128px;}
.mega-menu-catalog .mega-menu-column + .mega-menu-column {border-left: 1px solid var(--color-border); padding-left: 32px;}
/* Cap the rows in the frontend; preview items continue across new columns. */
.mega-menu-catalog .mega-menu-list {display: grid; grid-auto-flow: column; grid-template-rows: repeat(var(--menu-row-limit), max-content); grid-auto-columns: minmax(110px, max-content); column-gap: 20px; row-gap: 6px;}
.mega-menu-catalog .mega-menu-list li {margin: 0;}
.mega-menu-catalog a {overflow-wrap: anywhere;}
.mega-menu-catalog .mega-menu-footer a {color: var(--color-text) !important; font-weight: 500 !important;}
.mega-menu-catalog .mega-menu-footer a:hover, .mega-menu-catalog .mega-menu-footer a:focus-visible, .mega-menu-catalog .mega-menu-list a:focus-visible {color: var(--color-primary) !important;}
.mega-menu-catalog .mega-menu-footer {margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--color-border);}
.mega-menu-catalog .mega-menu-footer a {padding: 4px 0 !important; font-size: 15px;}
.mega-menu-catalog a:focus-visible {outline: 2px solid var(--color-focus); outline-offset: 4px;}
/* Megamenu css */

/* Dropdown css */
.dropdown-wrapper-li{position: relative;}
li.dropdown-wrapper-li > .dropdown-wrapper {pointer-events: none; opacity: 0;position: absolute; width: 300px;top: 100%;visibility: hidden;transition: opacity .2s ease-in-out, visibility .2s ease-in-out;z-index: 1;}
li.dropdown-wrapper-li:hover > .dropdown-wrapper.last {left: -70px !important}
li.dropdown-wrapper-li:hover > .dropdown-wrapper, li.dropdown-wrapper-li:focus-within > .dropdown-wrapper{visibility: visible;opacity: 1;pointer-events: auto; box-shadow: color-mix(in srgb, var(--color-black) 24%, transparent) 0px 3px 8px;}
.dropdown-wrapper ul{background: color-mix(in srgb, var(--color-primary) 58.04%, transparent);z-index: 0;border-top: 5px solid var(--color-primary); padding: 0 20px 2px;}
.dropdown-wrapper li a{width: 100%; max-width: 300px; padding: 10px 5px !important;}
.dropdown-wrapper li{position: relative;border-bottom: 2px dotted color-mix(in srgb, var(--color-decor-rose-shadow) 12.16%, transparent);}
.dropdown-wrapper ul li:last-child{border: none;}
.dropdown-wrapper .dropdown-wrapper-li > .dropdown-wrapper {top: 0 !important; left: 100% !important;}
.dropdown-wrapper .dropdown-wrapper-li:hover > .dropdown-wrapper, .dropdown-wrapper .dropdown-wrapper-li:focus-within > .dropdown-wrapper {top: -5px !important; visibility: visible; opacity: 1;}
/* More links open the corresponding category or menu page. */
.menu-children-more {display: inline-block; font: inherit; font-weight: 500; font-size: 15px; line-height: 1.4; color: var(--color-text); padding: 4px 0; text-align: left; text-decoration: none;}
.menu-children-more:hover, .menu-children-more:focus-visible {color: var(--color-primary);}
.menu-children-more:focus-visible {outline: 2px solid var(--color-focus); outline-offset: 4px;}
.dropdown-wrapper .menu-children-more {width: 100%; padding: 10px 5px; color: var(--color-white);}
.mega-menu-list > .mega-menu-more > .menu-children-more {color: var(--color-text); padding: 2px 0;}
.mega-menu-list > .mega-menu-more > .menu-children-more:hover, .mega-menu-list > .mega-menu-more > .menu-children-more:focus-visible {color: var(--color-primary);}
.mobile-menu-content .menu-children-more {display: block; width: 100%; padding: 15px 20px; color: var(--color-white); font-size: 16px;}
.mobile-menu-content .menu-children-more:hover {background: color-mix(in srgb, var(--color-white) 10%, transparent);}
/* Expand deeper branches inside the column so hidden flyouts cannot widen the menu. */
.mega-menu-list .dropdown-wrapper {display: none; position: static !important; width: auto; max-width: 100%; opacity: 1; visibility: visible; pointer-events: auto;}
.mega-menu-list .dropdown-wrapper-li:hover > .dropdown-wrapper, .mega-menu-list .dropdown-wrapper-li:focus-within > .dropdown-wrapper {display: block; box-shadow: none;}
.mega-menu-list .dropdown-wrapper ul {display: block; background: transparent; border-top: 0; padding: 4px 0 0 14px; column-count: 1;}
/* Dropdown css */
/* header */

/* common know more */
.common-knowmore-image{background: var(--color-accent-bright); width: 100%; max-width: 190px;padding: 5px 0;border-radius: 5px; box-shadow: color-mix(in srgb, var(--color-black) 24%, transparent) 0px 3px 8px;}
.common-knowmore-image .default-img{width: 100%; max-width: 45px;border-left: 1px solid var(--color-text);padding: 0 0 0 10px; filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);position: relative;left: 5px; }
.common-knowmore-image a{display: flex; justify-content: center; align-items: center; gap: 12px; color: var(--color-white); }

.common-knowmore-image:hover a{color: var(--color-highlight) !important; font-weight: 600;}
.common-knowmore-image .hover-img{width: 100%; max-width: 45px;border-left: 1px solid var(--color-text);padding: 0 0 0 10px; filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);position: relative;left: 5px;display: none;}
.common-knowmore-image:hover .hover-img{display: block;}
.common-knowmore-image:hover .default-img{display: none;}

/* about */
.about-wrapper{padding: 100px 0 190px;}
.about-inner{display: flex;justify-content: center;align-items: center;gap: 50px;}
/* .orbit{width: 415px;height: 415px;border: 1px solid #000;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;animation: rotate 10s infinite linear;}
@keyframes rotate{
    100%{transform: translate(-50%,50%) rotate(360deg);}
} */
.moon{width: 120px;height: 120px;background: url('../images/innovation-plant.png');background-size: 220px;background-position: center;border-radius: 50%;position: absolute;top: 30px;}
.about-left{width: 100%;max-width: 350px;display: flex;justify-content: center;align-items: center;position: relative;}
.about-left img{border-radius: 50%;width: 100%;max-width: 350px;}

.solar-system {position: relative;width: 100%;max-width: 640px;}
.earth {position: absolute;top: 0;left: 0;width: 465px;height: 465px;z-index: 2;bottom: 0;right: 0;margin: auto;}
.earth img {width: 100%;height: auto;border-radius: 50%;}
.orbit-1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 540px;height: 540px;border-radius: 50%;pointer-events: none;border: 1px solid var(--color-accent-dark);}
.orbit-2{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 515px;height: 515px;border-radius: 50%;pointer-events: none;border: 1px solid color-mix(in srgb, var(--color-accent-dark) 21.96%, transparent);}
.orbit-3{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 490px;height: 490px;border-radius: 50%;pointer-events: none;border: 1px solid color-mix(in srgb, var(--color-black) 9.02%, transparent);}
.moon {z-index: 2;position: absolute;top: 0;left: 0;width: 130px;height: 130px;right: 0;bottom: 0;margin: auto;animation: moonOrbit 15s linear infinite;}
.moon img {width: 100%;height: auto;border-radius: 50%;}
.opposite-moon {animation: moonOrbitOpposite 15s linear infinite;}

  @keyframes moonOrbit {
	0% {transform: rotate(0deg) translateX(260px) rotate(0deg);}
	100% {transform: rotate(360deg) translateX(260px) rotate(-360deg);}}

  @keyframes moonOrbitOpposite {
	0% {transform: rotate(180deg) translateX(260px) rotate(-180deg);}
	100% {transform: rotate(540deg) translateX(260px) rotate(-540deg);}}

.section-heading h2{color: var(--color-ink);}
.first-letter{display: inline-block;}
.first-letter::first-letter {color: var(--color-primary);}
.about-right{width: 100%;max-width: 550px;}
.common-btn-parent a {padding: 10px 36px;border: 1px solid var(--button-border);text-align: center;font-weight: bold;}
/* about */
/* variety-of-seeds */
.variety-of-seeds-wrapper{background: url('../images/seeds-variety-bg.jpg') no-repeat center center/cover;position: relative;padding: 90px 0;}
.variety-of-seeds-wrapper::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: color-mix(in srgb, var(--color-accent-dark) 76.86%, transparent);}
.variety-of-seeds{padding: 0px 30px;}
.variety-of-seeds-inner {position: relative;border: 1px solid var(--color-white);width: 100%;max-width: 1240px;padding: 0px 0 60px;}
.variety-of-seeds-inner h2 {color: var(--color-white);text-align: center;font-weight: 400;margin-bottom: 30px;transform: translateY(-32px);width: 100%;max-width: 600px;margin: auto;background-color: var(--color-accent-dark);border: 1px solid var(--color-white);padding: 10px 5px;border-radius: 8px;}
.variety-of-seeds-links .vegetables {display: flex;justify-content: center;align-items: stretch;gap: 15px;flex-wrap: wrap;width: 100%;max-width: 100%;padding: 7px 0;position: relative;margin: auto;}
.variety-of-seeds-links .category-label {position: absolute;top: 0;bottom: 0;left: -80px;color: var(--color-white);rotate: -90deg;font-size: 24px;margin: auto;background-color: var(--color-accent-dark);width: max-content;min-width: 160px;max-width: 220px;height: 40px;z-index: 2;display: flex;justify-content: center;align-items: center;text-transform: uppercase;font-weight: 400;border: 1px solid var(--color-white);border-radius: 5px;white-space: nowrap;}
.variety-of-seeds-1{width: 100%;max-width: 225px;background-color:var(--color-white);border-radius: 5px;}
.variety-of-seeds-img{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 100px;position: relative;}
.variety-of-seeds-img img{width: 100%;max-width: 80px; animation: fruitBounce 3s ease-in-out infinite;}
@keyframes fruitBounce {
    0% {
        transform: scale(1) rotate(0deg);
    }

    25% {
        transform: scale(1.05) rotate(2deg);
    }

    50% {
        transform: scale(1.12) rotate(-2deg);
    }

    75% {
        transform: scale(1.05) rotate(2deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}
.variety-of-text {background-color: var(--color-ink);display: flex;justify-content: space-between;align-items: center;padding: 2px 10px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.variety-of-seeds-img-parent{width: 100%;max-width: 225px;padding: 10px 0 80px 10px;position: relative;}

.vegetables:nth-child(1) .variety-of-seeds-1:nth-child(1) .variety-of-seeds-img img{filter: invert(16%) sepia(72%) saturate(5526%) hue-rotate(357deg) brightness(86%) contrast(99%);}
.vegetables:nth-child(1) .variety-of-seeds-1:nth-child(2) .variety-of-seeds-img img{filter: invert(51%) sepia(7%) saturate(3903%) hue-rotate(28deg) brightness(94%) contrast(65%);}
.vegetables:nth-child(1) .variety-of-seeds-1:nth-child(3) .variety-of-seeds-img img{filter: invert(64%) sepia(61%) saturate(1970%) hue-rotate(349deg) brightness(99%) contrast(98%);}
.vegetables:nth-child(1) .variety-of-seeds-1:nth-child(4) .variety-of-seeds-img img{filter: invert(16%) sepia(72%) saturate(5526%) hue-rotate(357deg) brightness(86%) contrast(99%);}
.vegetables:nth-child(2) .variety-of-seeds-1:nth-child(1) .variety-of-seeds-img img{filter: invert(40%) sepia(18%) saturate(1339%) hue-rotate(63deg) brightness(95%) contrast(90%);}
.vegetables:nth-child(2) .variety-of-seeds-1:nth-child(2) .variety-of-seeds-img img{filter: invert(63%) sepia(63%) saturate(2358%) hue-rotate(355deg) brightness(104%) contrast(97%);}
.vegetables:nth-child(2) .variety-of-seeds-1:nth-child(3) .variety-of-seeds-img img{filter: invert(40%) sepia(11%) saturate(2278%) hue-rotate(63deg) brightness(94%) contrast(88%);}
.vegetables:nth-child(2) .variety-of-seeds-1:nth-child(4) .variety-of-seeds-img img{filter: invert(88%) sepia(35%) saturate(594%) hue-rotate(14deg) brightness(88%) contrast(84%);}
.vegetables:nth-child(3) .variety-of-seeds-1:nth-child(1) .variety-of-seeds-img img{filter: invert(47%) sepia(67%) saturate(7067%) hue-rotate(15deg) brightness(93%) contrast(91%);}
.vegetables:nth-child(3) .variety-of-seeds-1:nth-child(2) .variety-of-seeds-img img{filter: invert(81%) sepia(18%) saturate(4649%) hue-rotate(353deg) brightness(110%) contrast(83%);}
.vegetables:nth-child(3) .variety-of-seeds-1:nth-child(3) .variety-of-seeds-img img{filter: invert(20%) sepia(6%) saturate(4433%) hue-rotate(267deg) brightness(90%) contrast(79%);}
.vegetables:nth-child(3) .variety-of-seeds-1:nth-child(4) .variety-of-seeds-img img{filter: invert(16%) sepia(81%) saturate(6350%) hue-rotate(348deg) brightness(74%) contrast(102%);}

.variety-of-text h3 {color: var(--color-primary);font-size: 24px;font-weight: 400;padding: 6px 0;}
.variety-of-text .arrow{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 20px;}
.variety-of-text .arrow img{width: 100%;max-width: 20px;filter: invert(100%) sepia(32%) saturate(711%) hue-rotate(291deg) brightness(111%) contrast(102%);}
.variety-of-seeds-1:hover{background-color: color-mix(in srgb, var(--color-highlight) 38.43%, transparent);}
.variety-of-seeds-1:hover .variety-of-seeds-img{transform: translate(40%,40%);transition: 0.4s;}
.variety-of-seeds-1:hover .variety-of-seeds-img-parent::before{background-color: color-mix(in srgb, var(--color-primary) 36.86%, transparent);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.variety-of-seeds-1:hover h3{color: var(--color-white);}
.variety-of-seeds-1:hover .arrow{transform: translateX(5px);transition: 0.5s;}
.vegetables:hover .category-label {transition: 0.4s;left: -80px;color: var(--color-white);background-color: var(--color-primary); transform: scale(1.1);}
.vegetables:hover{background-color: color-mix(in srgb, var(--color-white) 12.94%, transparent);}
/* variety-of-seeds */

.founded-wrapper{padding: 100px 0;}
.founded-inner{display: flex;justify-content: center;align-items: center;gap: 30px;position: relative;}
.founded-left{width: 100%;max-width: 600px;position: relative;border-bottom: 5px solid var(--color-accent);box-shadow: color-mix(in srgb, var(--color-black) 15%, transparent) 0px 2px 8px;}
.founded-left::before{content: "";position: absolute;left: 0;top: 0;background-color: color-mix(in srgb, var(--color-black) 49.8%, transparent);width: 100%;height: 100%;}
.founded-left h2 {color: var(--color-white);position: absolute;bottom: 20px;font-weight: 500;left: 0;right: 0;margin: auto;text-align: center;z-index: 1;}
.founded-left-img{width: 100%;max-width: 600px;display: flex;justify-content: center;align-items: center;}
.founded-left-img img{width: 100%;max-width: 600px;}
.founded-logo{position: absolute;top: 50%;left: 50%;z-index: 1;width: clamp(100px, 32%, 180px);height: auto;transform: translate(-50%, -50%);}
.founded-right{width: 100%;max-width: 600px;position: relative;}
.founder-right-1{width: 100%;max-width: 300px;padding: 30px;display: flex;justify-content: center;flex-direction: column;}

.founded-right-up{display: flex;justify-content: center;align-items: stretch;}
.founder-right-1 h3{padding-top: 10px;font-weight: 400;font-size: 26px;}
.founder-img{width: 100%;max-width: 50px;}
.founder-img img{width: 100%;max-width: 50px;filter: invert(76%) sepia(54%) saturate(484%) hue-rotate(160deg) brightness(91%) contrast(90%); animation: floatIcon 3s ease-in-out infinite; transition: 0.4s ease;}
@keyframes floatIcon {
    0% {
        transform: translateY(0px) scale(1);
    }

    50% {
        transform: translateY(-8px) scale(1.04);
    }

    100% {
        transform: translateY(0px) scale(1);
    }
}

.founder-right-1:nth-child(1) {align-items: flex-end;border-bottom: 1px solid var(--color-accent);border-right: 1px solid var(--color-accent);}
.founder-right-1:nth-child(2){align-items: flex-start;border-bottom: 1px solid var(--color-accent)}
.founded-right-up:nth-child(2) .founder-right-1:nth-child(1){border-bottom: unset;}
.founded-right-up:nth-child(2) .founder-right-1:nth-child(2){border-bottom: unset;}

.reality-wrapper{background: url('../images/dream-reality.jpg') no-repeat center/cover;position: relative;padding: 60px 0;}
/* .reality-wrapper::before{content: "";position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, rgb(255 255 255 / 54%), #082630);width: 100%;height: 100%;} */
.reality-wrapper::before {content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, color-mix(in srgb, var(--color-white) 15%, transparent), var(--color-ink)); width: 100%; height: 100%;}
.reality-inner{position: relative;}
.reality {border-bottom: 2px solid var(--color-primary);position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;margin: auto;padding: 30px 0 20px;}
/* .reality .counter{display: flex;justify-content: center;align-items: center;gap: 10px;} */
/* .reality .counter span{color: #58AE68;font-size: 40px;font-weight: 700;} */
.reality .counter span { color: var(--color-accent-bright); font-size: 40px; font-weight: 700;}
.count{text-align: center;}
.reality-inner h2{text-align: center;color: var(--color-white);font-weight: 600;padding-bottom: 10px;}
.reality-inner p{color: var(--color-white);text-align: center; width: 100%; max-width: 900px; margin: auto; font-size: 24px;}
.counter h3{font-weight: 400;color: var(--color-white);font-size: 24px;}
.reality-inner .common-btn-parent{margin: 30px auto 0;}
.reality-inner .common-btn-parent{display: flex;justify-content: center;align-items: center;}


.world-operations-wrapper{padding: 70px 0;background-color: var(--color-primary-soft);}
.world-coperations-inner h2{text-align: center;padding-bottom: 20px;}
.world-map-img{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1000px;margin: auto;}
.world-map-img img{width: 100%;max-width: 1000px; animation: floatPin 3s ease-in-out infinite;}
@keyframes floatPin {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0px);
    }
}

.locations {display: flex;justify-content: space-between;align-items: center;padding: 25px 40px;background-color: var(--color-ink);border-radius: 5px;width: 100%;max-width: 1200px;margin: auto;flex-wrap: wrap; gap: 20px}
.location-1{display: flex;justify-content: center;align-items: center;gap: 10px;}
.location-1 span {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 60px;width: 60px;height: 60px;padding: 0;line-height: 1;text-align: center;font-variant-numeric: lining-nums tabular-nums;background-color: var(--color-primary);color: var(--color-white);font-size: 20px;border-radius: 50%;}
.location-1 h3{font-weight: 400;color: var(--color-white);font-size: 24px;}

/* r&d */
.reseach-developement{padding: 50px 0;}
.research-left{display: flex;justify-content: center;align-items: center;gap: 10px;width: 100%;max-width: 660px;}
.research-left-img{position: relative;;width: 100%;max-width: 330px;display: flex;justify-content: center;align-items: center;box-shadow: color-mix(in srgb, var(--color-black) 15%, transparent) 0px 2px 8px;border-radius: 10px;}
.research-left-img img {width: 100%;max-width: 330px;border-radius: 10px;}
/* .research-left-img::before{content: "";position: absolute;background-color: #00000070;width: 100%;height: 100%;top: 0;left: 0;border-radius: 10px;} */
.research-left-img:nth-child(2){transform: translateY(-30px);}
.research-right {width: 100%;max-width: 580px;box-shadow: color-mix(in srgb, var(--color-black) 25%, transparent) 0px 0.0625em 0.0625em, color-mix(in srgb, var(--color-black) 25%, transparent) 0px 0.125em 0.5em, color-mix(in srgb, var(--color-black) 10%, transparent) 0px 0px 0px 1px inset;padding: 20px 30px;border-radius: 7px;transform: translateX(-20px);background-color: var(--color-white);}
.orbi-rd-section .research-right {width: 100%;max-width: 900px; margin: auto; box-shadow: color-mix(in srgb, var(--color-black) 25%, transparent) 0px 0.0625em 0.0625em, color-mix(in srgb, var(--color-black) 25%, transparent) 0px 0.125em 0.5em, color-mix(in srgb, var(--color-black) 10%, transparent) 0px 0px 0px 1px inset;padding: 20px 30px;border-radius: 7px;transform: translateX(-20px);background-color: var(--color-white);}
.research-faq .acc__card{border-bottom: 1px solid var(--color-accent);}
.research-faq .acc__card:last-child{border: unset;}
.research-faq .acc__title {line-height: 1.4;font-size: 18px;background: var(--color-white);color: var(--color-ink);cursor: pointer;display: block;position: relative;text-align: left;background: var(--color-white);}
.research-faq .acc__title:last-child{border-bottom: 0;}
.research-faq .acc__title::after {width: 15px;height: 15px;border-right: 3px solid var(--color-primary);border-bottom: 3px solid var(--color-primary);position: absolute;right: 25px;content: " ";top: 0px;transform: rotate(-45deg);transition: all 0.2s ease-in-out;margin: auto;bottom: 0;}
.research-faq .acc__title.active::after {transform: rotate(45deg);transition: all 0.2s ease-in-out;}
.research-faq .acc__title.active {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.research-faq .acc__title h3{padding: 10px 0;font-weight: 500;font-size: 26px;}
.research-faq .acc__panel{padding: 0 0 20px;}
.research-faq .acc__panel p{margin: 0 0 15px;}
.research-developement-parent{display: flex;justify-content: center;align-items: center;padding-top: 60px;}
/* r&d */

/* core-values */
.core-values-wrapper{padding: 30px 0 50px;background-color: var(--color-primary-soft);border-bottom: 4px solid var(--color-accent-soft);}
.our-core-values-inner{padding-top: 30px;display: flex;justify-content: center;align-items: center;gap: 15px;position: relative;width: 100%;max-width: 1000px;margin: auto;}
.core-value-inner h2{text-align: center;font-weight: 600;}
.core-value-1{width: 100%;max-width: 325px;position: relative;box-shadow: color-mix(in srgb, var(--color-black) 15%, transparent) 0px 2px 8px;}
.core-value-1-img{position: relative;width: 100%;max-width: 325px;display: flex;justify-content: center;align-items: center;border-bottom: 3px solid var(--color-primary);}
.core-value-1-img img{width: 100%;max-width: 325px;}
.core-value-1-img::before{background-color: color-mix(in srgb, var(--color-black) 47.84%, transparent);content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;}
.core-value-1 h3{color: var(--color-white);text-align: center;font-weight: 500;padding-bottom: 20px;}
.core-value-text {position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;}
.core-value-text .common-btn-parent{margin: auto;}
.core-value-btn {border: 1px solid var(--button-border);padding: 10px 30px;width: 100%;max-width: 155px;margin: auto;display: flex;justify-content: center;align-items: center;}
/* .owl-carousel.our-core-values-inner .owl-nav.disabled {display: flex;justify-content: space-between;align-items: center;position: absolute;top: 0;bottom: 0;margin: auto;width: 100%;max-width: 100%;} */
.owl-carousel.our-core-values-inner .owl-prev{width: 50px;border: 1px solid var(--color-text);border-radius: 50%;}
.owl-carousel.our-core-values-inner .owl-next{width: 50px;border: 1px solid var(--color-text);border-radius: 50%;}
.our-core-values-inner.owl-carousel .owl-nav button.owl-prev span {width: 50px !important;border: 1px solid var(--color-text);border-radius: 50%;height: 50px;display: flex;justify-content: center;align-items: center;}
.our-core-values-inner.owl-carousel .owl-nav button.owl-next span {width: 50px !important;border: 1px solid var(--color-text);border-radius: 50%;height: 50px;display: flex;justify-content: center;align-items: center;}
/* core-values */
.our-core-values-inner .owl-nav{position: absolute;top: 0;bottom: 0;margin: auto;display: flex;justify-content: space-between;align-items: center;gap: 30px;width: 100%;max-width: 100%;}
/* contact-us-wrapper */
.contact-us-wrapper{padding: 50px 0 0}
.contact-us-inner{display: flex;justify-content: center;align-items: center;gap: 60px;}
.contact-us-left{width: 100%;max-width: 400px;display: flex;justify-content: center;align-items: center;}
.contact-us-left img{width: 100%;max-width: 400px;}
.contact-us-right{width: 100%;max-width: 475px;}
.contact-us-right h2{font-weight: 600;}
/* form */
.contact-us-right input {color: var(--color-text);font-size: 18px;}

.form-div {display: flex;justify-content: center;align-items: center;border-bottom: 1px solid var(--color-accent);gap: 10px;padding: 25px 0 5px;}
.form-div label{font-size: 18px;}
.contact-us-right .common-btn {width: 100%;max-width: 166px;margin: 40px 0;}

.contact-us-right button{padding: 10px 30px;margin: 1px;border: 1px solid var(--button-border);font-size: 16px;}
.contact-us-right .common-btn:hover button {border: 1px solid var(--color-accent-dark);background-color: var(--color-accent);color: var(--color-white);}
/* form */
/* contact-us-wrapper */
.testimonials-wrapper{padding: 60px 0;}
.testimonial-inner::before {content: "";background-color: var(--color-text);width: 100%;height: 100%;top: 0;left: 0;position: absolute;}
.testimionial-cards{position: relative;flex: 1;width: 100%;min-width: 0;}
.testimionial-cards.owl-carousel.owl-loaded{display: block;}
.testimionial-cards.owl-carousel .owl-stage-outer{display: flex;}
.testimionial-cards.owl-carousel .owl-stage{display: flex;}
.testimionial-cards.owl-carousel .owl-item{display: flex;}
.testimionial-cards .testimonial-1{background-color: var(--color-white);padding: 15px;box-shadow: color-mix(in srgb, var(--color-black) 30%, transparent) 0px 1px 2px 0px, color-mix(in srgb, var(--color-black) 15%, transparent) 0px 1px 3px 1px;width: 100%;max-width: 100%;border-bottom: 5px solid var(--color-primary);display: flex;flex-direction: column;}
.testimionial-cards .testimonial-1 p{margin: 10px 0 0;flex-grow: 1;}
.testimonial-inner{display: flex;justify-content: space-between;align-items: center;background: url('../images/dream-reality.jpg') no-repeat center/cover;position: relative;padding: 70px 30px;gap: 30px;}
.testimonial-left {position: relative;width: 100%;max-width: 220px;}
.testimonial-left h2{padding-bottom: 30px;color: var(--color-white);font-weight: 500;}
.testimonial-1{background-color: var(--color-white);padding: 15px;box-shadow: color-mix(in srgb, var(--color-black) 30%, transparent) 0px 1px 2px 0px, color-mix(in srgb, var(--color-black) 15%, transparent) 0px 1px 3px 1px;width: 100%;border-bottom: 5px solid var(--color-primary);display: flex;flex-direction: column;}
.testimonial-1 h3{text-align: start;font-size: 26px;}
.testimonial-img-name {display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
.testimonial-img{width: 100%;max-width: 110px;display: flex;justify-content: center;align-items: center;}
.testimonial-img img{width: 100%;max-width: 110px;}
.testimonial-1 p{margin: 10px 0 0;flex-grow: 1;}
.testimionial-cards .owl-dots{display: none;}

.footer-wrapper{background-color: var(--color-ink);padding: 40px 0;}
.footer-inner{display: flex;justify-content: space-between;align-items: center; gap: 50px;}
.footer-left{width: 100%;max-width: 400px;}
.footer-left-heading{display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.footer-left-heading .logo{width: 100%;max-width: 100px;display: flex;justify-content: center;align-items: center;}
.footer-left-heading .logo img{width: 100%;max-width: 100px;}
.footer-left-heading h4{color: var(--color-white);font-weight: 400; font-size: 23px;}
.footer-left p{color: var(--color-white);}
.footer-middle{padding-right: 50px;}
.footer-middle ul{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.footer-middle ul li a{color: var(--color-white);padding: 7px 0;}
.footer-middle ul li a:hover{color: var(--color-primary);}
.footer-right ul li a:hover p{color: var(--color-primary);}

/* .footer-right{width: 100%;max-width: 300px;} */
.footer-right{width: 100%;max-width: 800px; display: flex; justify-content: center; align-items: center; gap: 50px;}
.footer-right-up{width: 100%; max-width: 350px;}
.footer-right-up li{display: flex;
    align-items: center;
    gap: 10px;}
/* .footer-right-up:nth-child(1){padding-bottom: 10px;} */
.footer-right h5{color: var(--color-white);font-weight: 400;padding-bottom: 10px;}
.footer-right ul li a{display: flex;justify-content: flex-start;align-items: flex-start;gap: 15px;padding-bottom: 10px;}
.footer-right ul li a span{width: 100%;max-width: 20px;display: flex;justify-content: center;align-items: center;}
.footer-right ul li a span{width: 100%;max-width: 20px;}
.footer-right ul li a:nth-child(3){align-items: flex-start;}
.footer-right ul li a span img{width: 20px;filter: invert(79%) sepia(88%) saturate(2294%) hue-rotate(160deg) brightness(89%) contrast(89%);}
.footer-right ul li a p{color: var(--color-white);font-size: 13px;margin: 0; text-align: left;}

.copyrights-wrapper{background-color: var(--color-primary);}
.copyright-inner ul{display: flex;justify-content: space-between;align-items: center;}
.copyright-inner ul li p{text-align: center; font-size: 14px; margin: 8px 0;}
.copyright-inner ul li a{font-size: 14px;}
/* .copyright-inner ul li p a:hover{color: #58AE68} */

.banner{position: relative;}
.banner .fluid-container{position: relative;height: 100%;}
.banner::before {content: "";position: absolute;background-color: color-mix(in srgb, var(--color-black) 27.45%, transparent);top: 0;left: 0;width: 100%;height: 100%;}
#section-1 {min-height: calc(100vh - 44px);min-height: calc(100svh - 44px);color: var(--color-white);position: relative;top: -80px;}
  #section-1 .content-slider {position: relative;display: flex;flex-direction: column;width: 100%;min-height: inherit;}
  #section-1 .content-slider input {display: none;}
  #section-1 .content-slider .slider {position: absolute;inset: 0;width: 100%;height: 100%;overflow: hidden;}
  #section-1 .content-slider .slider .banner {position: absolute;top: 0;left: 0;opacity: 0;z-index: 0;width: inherit;height: inherit;text-align: center;background-repeat: no-repeat;background-position: 50% 50%;transition: all 0.5s ease;}
  #section-1 .banner-inner-wrapper {position: relative;z-index: 2;flex: 1;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 32px;padding-top: 140px;padding-bottom: 40px;text-align: center;}
  #section-1 .banner-inner-wrapper h2 {font-family: var(--font-heading);font-size: 52px;font-weight: 700;line-height: 1.22;letter-spacing: -0.5px;color: var(--color-white);text-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);max-width: 960px;margin: 0 auto;}
  #section-1 .banner-statistics {display: grid;grid-template-columns: minmax(0, 2.0fr) repeat(3, minmax(0, 1fr));align-items: start;gap: 24px;padding: 0 0 22px;margin: 0;}
  #section-1 .banner-statistics .counter {min-width: 0;padding: 0;}
  #section-1 .banner-statistics .count {white-space: nowrap;}
  #section-1 .banner-statistics .counter span {font-family: var(--font-heading);font-weight: 800;}
  #section-1 .banner-statistics h3 {font-family: var(--font-heading);font-size: 20px;font-weight: 600;line-height: 1.35;text-align: center;letter-spacing: -0.2px;}
  #section-1 .banner-inner-wrapper .common-btn-parent {margin: 0;}
  .reality.banner-statistics .counter:nth-child(3) .count span:first-child{padding-left: 10px;}

.banner::before {content: "";position: absolute;background-color: color-mix(in srgb, var(--color-black) 61.96%, transparent);top: 0;left: 0;width: 100%;height: 100%;}
  #section-1 .content-slider .slider #top-banner-1 {background: url('../images/home-banner.jpg') no-repeat center center;background-size: cover;}
  #section-1 .content-slider .slider #top-banner-2 {background: url('../images/home-banner-2.jpg') no-repeat center center;background-size: cover;}
  #section-1 .content-slider .slider #top-banner-3 {background: url('../images/home-banner-3.jpg') no-repeat center center;background-size: cover;}
  #section-1 .content-slider nav {position: relative;flex-shrink: 0;width: 100%;z-index: 2;text-align: center;padding-bottom: 8px;}
  #section-1 .content-slider nav .controls {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;margin: 0 auto;font-family: "Zen Maru Gothic", serif;color: var(--color-white);flex-wrap: wrap;gap:30px}
  #section-1 .content-slider nav .controls label {position: relative;display: flex;width: 100%;max-width: 285px;overflow: hidden;margin: 0 1em;padding-top: 1em;text-align: left;font-family: "Zen Maru Gothic", serif;font-size: 1em;color: var(--color-white);font-weight: 500;cursor: pointer;transition: all 0.3s;justify-content: center;align-items: center;padding: 10px 10px 15px;gap: 10px;}
  #section-1 .content-slider nav .controls label .progressbar {position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;background: var(--color-white);z-index: 100;}
  #section-1 .content-slider nav .controls label .progressbar .progressbar-fill {position: inherit;width: inherit;height: inherit;margin-left: -100%;background: var(--color-primary);}
  #section-1 .content-slider nav .controls label span {font-size: 1.4em;font-weight: 700;}
  #section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1):hover, #section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2):hover, #section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3):hover, #section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4):hover{color: var(--color-primary);}
  #section-1 .content-slider #banner1:checked ~ .slider #top-banner-1,
  #section-1 .content-slider #banner2:checked ~ .slider #top-banner-2,
  #section-1 .content-slider #banner3:checked ~ .slider #top-banner-3,
  #section-1 .content-slider #banner4:checked ~ .slider #top-banner-4 {opacity: 1;z-index: 1;}
  #section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1),
  #section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2),
  #section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3),
  #section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) {cursor: default;color: var(--color-white);transition: all 0.5s;}
  #section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1) .progressbar,
  #section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2) .progressbar,
  #section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3) .progressbar,
  #section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) .progressbar {background: var(--color-white);}
  #section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1) .progressbar-fill,
  #section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2) .progressbar-fill,
  #section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3) .progressbar-fill,
  #section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) .progressbar-fill {animation: progressBarFill 5s linear;}
  /* Animations */
  @keyframes progressBarFill {
	from {
	  margin-left: -100%;
	}
	to {
	  margin-left: 0;
	}
  }

  .controls-wrapper{margin: 30px 0 0;}
  .banner-1-go {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 40px;border: 1px solid var(--color-border-strong);padding: 10px;border-radius: 50%;}

.banner-1-go img{width: 100%;max-width: 40px;filter: invert(68%) sepia(45%) saturate(372%) hue-rotate(146deg) brightness(98%) contrast(90%);rotate: -30deg;}

.controls-line {background-color: color-mix(in srgb, var(--color-primary) 45.88%, transparent);padding: 2px;margin-bottom: 20px;position: relative;bottom: 3px;}

.inner-page-banner-wrapper{width: 100%;min-height: 390px;display: flex;flex-direction: column;position: relative;margin: 0 0;color: var(--color-white);}
.inner-page-banner-wrapper::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-black) 34.12%, transparent) 40%, color-mix(in srgb, var(--color-black) 21.96%, transparent) 60%);pointer-events:none;}
.inner-page-banner-wrapper > header{position:relative;z-index:5;flex: 0 0 auto;}

.management-frame iframe {width: 100%;max-width: 1000px;border: none;}
.management-photo-sec{text-align: center;}
.management-photo-sec iframe{height: 995px;}
.management-list iframe{height: 1630px;border: none;display: flex;margin: auto;}

/* about-us start */
.about-us-wrapper{padding: 80px 0 0;}
.about-us{display: flex;justify-content: center;align-items: center;gap: 50px;}
.about-us-left{width: 100%;max-width: 600px;display: flex;justify-content: center;align-items: center;gap: 15px;}
.about-us-left-left{width: 100%;max-width: 280px;display: flex;justify-content: center;align-items: center;}
.about-us-left-left img {width: 100%;max-width: 280px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;box-shadow: color-mix(in srgb, var(--color-black) 12%, transparent) 0px 2px 4px 0px, color-mix(in srgb, var(--color-black) 32%, transparent) 0px 2px 16px 0px;}

.about-us-left-right-up{width: 100%;max-width: 280px;display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}
.about-us-left-right-up img {width: 100%;max-width: 280px;box-shadow: color-mix(in srgb, var(--color-black) 12%, transparent) 0px 2px 4px 0px, color-mix(in srgb, var(--color-black) 32%, transparent) 0px 2px 16px 0px;}

.about-us-left-right-up:nth-child(1) img {border-top-left-radius: 50px;border-bottom-right-radius: 50px;}

.about-us-left-right-up:nth-child(2) img {border-bottom-left-radius: 50px;border-top-right-radius: 50px;}

.about-us-right{width: 100%;max-width: 600px;}

.vision-mision-wrapper {padding: 50px 0;margin: 80px 0 0;background-color: var(--color-surface-muted);}
.vision-mission h2{text-align: center;}

.vision-mission-right-img-grandparent {margin: auto;border: 1px solid var(--color-primary);padding: 10px;border-radius: 50%;padding: 12px;width: 100%;max-width: 132px;position: relative;z-index: 2;background-color: var(--color-primary-soft);}
.vision-mission-right{display: flex;justify-content: center;align-items: flex-start;gap:40px;position: relative;}
.vision-mission-right::before {content: "";position: absolute;top: 93px;margin: auto;width: 100%;max-width: 70%;border: 1px dashed var(--color-text);}
.vision-mission-right-1:nth-child(1) .vision-mission-right-img-grandparent::before {content: "";position: absolute;background-color: var(--color-primary);width: 13px;height: 13px;left: -8px;bottom: 0;border-radius: 50%;z-index: 1;top: 0;margin: auto;}
.vision-mission-right-1:nth-child(1) .vision-mission-right-img-parent::after {content: "";position: absolute;width: 13px;height: 13px;right: -7px;top: 0px;border-radius: 50%;background-color: var(--color-primary);bottom: 0;margin: auto;}
.vision-mission-right-1:nth-child(2) .vision-mission-right-img-grandparent::before {content: "";position: absolute;background-color: var(--color-primary);width: 13px;height: 13px;left: -7px;bottom: 0;border-radius: 50%;z-index: 1;top: 0;margin: auto;}
.vision-mission-right-1:nth-child(2) .vision-mission-right-img-parent::after {content: "";position: absolute;width: 13px;height: 13px;right: -7px;top: 0px;border-radius: 50%;background-color: var(--color-primary);bottom: 0;margin: auto;}
.vision-mission-right-1:nth-child(3) .vision-mission-right-img-grandparent::before {content: "";position: absolute;background-color: var(--color-primary);width: 13px;height: 13px;left: -8px;top: 0;border-radius: 50%;z-index: 1;bottom: 0;margin: auto;}
.vision-mission-right-1:nth-child(3) .vision-mission-right-img-parent::after {content: "";position: absolute;width: 13px;height: 13px;right: -7px;top: 0px;border-radius: 50%;background-color: var(--color-primary);bottom: 0;margin: auto;}
.vision-mission-right-1{width: 100%;max-width: 330px;margin: 30px 0;}
.vision-mission-right-img-parent {width: 100%;max-width: 110px;border-radius: 50%;border: 1px solid color-mix(in srgb, var(--color-black) 10.98%, transparent);padding: 25px;box-shadow: color-mix(in srgb, var(--color-black) 16%, transparent) 0px 3px 6px, color-mix(in srgb, var(--color-black) 23%, transparent) 0px 3px 6px;background-color: var(--color-accent);}
.vision-mission-right-img{width: 100%;max-width: 60px;display: flex;justify-content: center;align-items: center;position: relative;}
.vision-mission-right-img::before {content: "";position: absolute;right: -48px;top: 0px;bottom: 0;margin: auto;border: 1px solid blue;width: 19px;height: 19px;border-radius: 50%;}
.vision-mission-right-img img{width: 100%;max-width: 60px;filter: invert(100%) sepia(7%) saturate(7478%) hue-rotate(47deg) brightness(130%) contrast(119%);}
.vision-mission-text h5{text-align: center;color: var(--color-accent-dark);}
.vision-mission-text p{text-align: center;margin: 0;}

.about-corevalues-wrapper {background: url('../images/about-orbis/core-value-2-bg.jpg') no-repeat center center/cover;position: relative;background-attachment: fixed;height: 1050px;}
.about-corevalues-wrapper::before{content: "";position: absolute;width: 100%;background-color: color-mix(in srgb, var(--color-black) 72.94%, transparent);height: 100%;}
.about-corevalues-inner{position: relative;padding: 30px 0;}
.about-corevalues-wrapper h2{border-bottom: 1px solid var(--color-white);padding-bottom: 10px;text-align: center;color: var(--color-white);}
.about-corevalues-points {position: relative;width: 100%;max-width: 1000px;margin: 30px auto;}
.about-corevalues-points::before {content: "";position: absolute;width: 3px;height: 827px;border: 2px dashed var(--color-primary);top: -30px;left: 0;z-index: 0;right: 0;margin: auto;}
.about-corevalues-points-1 {display: flex;justify-content: center;align-items: center;gap: 20px;position: relative;z-index: 1;padding: 30px 45px;width: 100%;max-width: 500px;float: left;}
.about-corevalues-points-1-parent{width: 100%;clear: both;position: relative;}
.about-corevalues-points-1-parent:nth-child(2n+2) .about-corevalues-points-1 {float: right;}
.about-corevalues-points-1-parent:nth-child(2n+1) .about-corevalues-points-1::before{left: unset;right: 0;}
.about-corevalues-points-1-parent:nth-child(2n+1) .about-corevalues-points-1{flex-direction: row-reverse;}
.about-corevalues-points-1-parent:nth-child(2n+1) .cabout-corevalues-left::before{right: -15px;left: unset;}
.about-corevalues-points-1-parent:nth-child(2n+1) .about-corevalues-points-1 .cabout-corevalues-left-text h5{text-align: end;}
.about-corevalues-points-1::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;background-color: var(--color-primary);width: 35px;height: 2px;}
.cabout-corevalues-left {width: 100%;max-width: 115px;padding: 10px;display: flex;justify-content: center;align-items: center;border-radius: 50%;height: 115px;position: relative;background-color: color-mix(in srgb, var(--color-white) 87.06%, transparent);border: 2px solid var(--color-primary);}
.cabout-corevalues-left::before {content: "";position: absolute;top: 0;left: -17px;bottom: 0;margin: auto;width: 15px;height: 15px;background-color: var(--color-white);border-radius: 50%;}
.cabout-corevalues-left-text {width: 100%;max-width: 400px;}
.cabout-corevalues-left-text h5{padding-bottom: 5px;color: var(--color-primary);}
.cabout-corevalues-left-text p{color: var(--color-white);margin: 0;}
.about-corevalues-left-img{width: 100%;max-width: 60px;display: flex;justify-content: center;align-items: center;}
.about-corevalues-left-img img {width: 100%;max-width: 60px;filter: invert(12%) sepia(88%) saturate(359%) hue-rotate(141deg) brightness(99%) contrast(104%);}
/* about-us end */

/* r&d-us start */
.research-and-development-wrapper{padding: 60px 0 60px;}
.research-and-development{display: flex;justify-content: center;align-items: center;gap: 30px;}
.research-and-development-left{width: 100%;max-width: 605px;}
.research-and-development-left h1{color: var(--color-accent-dark);}
.research-and-development-right{width: 100%;max-width: 650px;display: flex;justify-content: center;align-items: center;position: relative;}
.research-and-development-small-left {width: 100%;max-width: 120px;display: flex;justify-content: center;align-items: center;position: absolute;bottom: 35px;left: 75px;}
.research-and-development-small-left img{width: 100%;max-width: 120px;border-radius: 50%;box-shadow: color-mix(in srgb, var(--color-black) 19%, transparent) 0px 10px 20px, color-mix(in srgb, var(--color-black) 23%, transparent) 0px 6px 6px;}
.research-and-development-big{width: 100%;max-width: 450px;}
.research-and-development-big img{width: 100%;max-width: 450px;border-radius: 50%;box-shadow: color-mix(in srgb, var(--color-black) 19%, transparent) 0px 10px 20px, color-mix(in srgb, var(--color-black) 23%, transparent) 0px 6px 6px;}
.research-and-development-small-right {width: 100%;max-width: 180px;position: absolute;top: 60px;right: 0;}
.research-and-development-small-right img{width: 100%;max-width: 180px;border-radius: 50%;box-shadow: color-mix(in srgb, var(--color-black) 19%, transparent) 0px 10px 20px, color-mix(in srgb, var(--color-black) 23%, transparent) 0px 6px 6px;}


.seed-breeding-up{display: flex;justify-content: center;align-items: center;gap: 7px;}
.breeding-stations-wrapper {padding: 30px 0 0;background-color: var(--color-surface-muted);}
.breeding-station-1{border-radius: 10px;position: relative;;width: 100%;max-width: 320px;display: flex;justify-content: center;align-items: center;overflow: hidden;border: 1px solid var(--color-white);margin-top: 6px;}
.breeding-station-1::before{content: "";position: absolute;width: 100%;height: 100%;}
.breeding-station-1 img{width: 100%;max-width: 320px; height: 220px;object-fit: cover;object-position: center;display: block;}
.breeding-station-1 a{width: 100%;max-width: 320px; height: 220px;}
.breeding-station-1:hover img{transform: scale(1.3,1.3);transition: 0.3s;}
.breeding-stations-inner h2{text-align: center;}
.tabination{padding: 30px 0 0;}


/* lab - Markerlab precision breeding */
.bottom-box-wrapper {width: 100%; padding: 70px 0 60px; background: var(--color-surface-muted);}
.inner-bottom {width: 100%;}
.inner-bottom .section-heading {width: 100%; margin-bottom: 35px;}
.inner-bottom .section-heading h2 {text-align: center; margin-bottom: 18px; }
.inner-bottom .section-heading p {text-align: center; max-width: 1040px; margin: 0 auto 16px; color: var(--color-text-muted); font-size: 15.5px; line-height: 1.75;}
.inner-bottom-wrapper {display: flex; flex-wrap: wrap; gap: 26px; align-items: stretch; padding: 10px 0 0; justify-content: space-between; width: 100%; box-sizing: border-box;}
.left-cards-main, .right-cards-main {display: flex; flex-direction: column; gap: 26px; flex: 1 1 calc(50% - 13px); width: calc(50% - 13px); max-width: calc(50% - 13px); min-width: 0; align-items: stretch;}
.sub-cards-box {display: flex; align-items: stretch; width: 100%; min-width: 0; min-height: 280px; height: auto; border-radius: 12px; overflow: hidden; background: var(--color-white); border: 1px solid color-mix(in srgb, var(--color-primary) 35%, transparent); box-shadow: 0 8px 24px color-mix(in srgb, var(--color-black) 8%, transparent); transition: transform 0.35s ease, box-shadow 0.35s ease; box-sizing: border-box;}
.left-cards-main .sub-cards-box, .right-cards-main .sub-cards-box { flex: 1 1 0; min-height: 280px;}
.sub-cards-box:hover { transform: translateY(-4px); box-shadow: 0 16px 32px color-mix(in srgb, var(--color-black) 14%, transparent);}
.left-cards-main .sub-cards-box:nth-child(2), .right-cards-main .sub-cards-box:nth-child(1), .right-cards-main .sub-cards-box:nth-child(3) {flex-direction: row-reverse;}
.sub-cards-box {display: flex; align-items: stretch; width: 100%; min-width: 0; height: auto;}

.inner-bottom-wrapper {display: flex; align-items: flex-start; gap: 28px; width: 100%; height: auto; overflow: visible;}
.left-cards-main, .right-cards-main {display: flex; flex-direction: column; flex: 1 1 0; min-width: 0; gap: 28px; height: auto; overflow: visible;}
.sub-cards-box {display: flex; align-items: stretch; width: 100%; min-width: 0; height: auto; overflow: visible; border-radius: 12px; overflow: hidden;}
.our-cards {position: relative; min-width: 0; box-sizing: border-box;}
.our-cards:not(.bg-geen) {flex: 0 0 46%; width: 46%; max-width: 46%; min-height: 0; background: var(--color-surface-muted); display: flex; align-self: stretch; overflow: hidden;}
.our-cards img {width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center; display: block; flex: 1 1 auto; align-self: stretch; transition: transform 0.5s ease;}
.sub-cards-box:hover .our-cards img {transform: scale(1.05);}
.our-cards.bg-geen {flex: 1 1 54%; width: 54%; max-width: 54%; min-width: 0; min-height: 0; height: auto; background: var(--color-primary); position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-self: stretch; padding: 24px 28px; overflow: visible;}
.our-cards.bg-geen h2, .our-cards.bg-geen h3, .our-cards.bg-geen h4, .our-cards.bg-geen h5, .our-cards.bg-geen h6 {font-size: 20px; font-weight: 700; color: var(--color-ink); margin: 0 0 12px; padding: 0; line-height: 1.4; text-align: left; letter-spacing: -0.2px;}
.our-cards.bg-geen p {margin: 0 0 12px; padding: 0 !important; color: var(--color-ink); font-size: 14px; line-height: 1.7; text-align: left; overflow-wrap: anywhere;}
.our-cards.bg-geen p:last-child {margin-bottom: 0;}
.our-cards.bg-geen::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 3; pointer-events: none;}
.sub-cards-box .our-cards.bg-geen::before {left: -12px; right: auto; border-right: 13px solid var(--color-primary); border-left: none;}
.left-cards-main .sub-cards-box:nth-child(2) .our-cards.bg-geen::before, .right-cards-main .sub-cards-box:nth-child(1) .our-cards.bg-geen::before, .right-cards-main .sub-cards-box:nth-child(3) .our-cards.bg-geen::before {right: -12px; left: auto; border-left: 13px solid var(--color-primary); border-right: none;}

.orbi-catalogue-hero {position: relative; display: flex; align-items: center; justify-content: center; min-height: 350px; padding: 60px 25px; background-image: url("../images/orbi-collection.png"); background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.orbi-catalogue-hero::before { position: absolute; content: ""; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--color-black) 36%, transparent), color-mix(in srgb, var(--color-ink) 89%, transparent)); z-index: 0;}
.orbi-catalogue-content {position: relative; z-index: 1; width: 100%; max-width: 1100px; margin: 0 auto; text-align: center;}
.orbi-catalogue-content h2 { margin: 0 0 18px; color: var(--color-white);}
.orbi-catalogue-content p {max-width: 800px; margin: 0 auto 30px; color: var(--color-white); font-size: 18px; text-align: center;}
.orbi-catalogue-cta {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px;}





.orbi-equipment-grid {display: flex; flex-direction: column; gap: 30px; width: 100%;}
.orbi-equipment-card {display: flex; flex-direction: row; align-items: stretch; width: 100%; min-width: 0; background: transparent; border: 1px solid var(--color-border); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 16px color-mix(in srgb, var(--color-black) 4%, transparent); transition: box-shadow 0.3s ease, transform 0.3s ease;}
.orbi-equipment-card:hover {box-shadow: 0 8px 24px color-mix(in srgb, var(--color-black) 8%, transparent); transform: translateY(-3px);}
.orbi-equipment-image {position: relative; flex: 0 0 40%; width: 40%; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 12px; box-sizing: border-box; overflow: hidden;}
.orbi-equipment-image img {display: block; width: 100%; height: auto; max-width: 100%; max-height: 420px; object-fit: contain; object-position: center; transition: transform 0.4s ease;}
.orbi-equipment-card:hover .orbi-equipment-image img {transform: scale(1.03);}
.orbi-equipment-content {position: relative; flex: 1 1 60%; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 32px 38px; box-sizing: border-box; background: transparent;}
.orbi-equipment-content::before {content: ""; position: absolute; top: 50%; left: -12px; transform: translateY(-50%); width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 13px solid var(--color-white); pointer-events: none;}
.orbi-equipment-content h2 {margin: 0 0 15px; padding: 0 0 12px; color: inherit; font-size: 23px; font-weight: 700; line-height: 1.4; text-align: left; position: relative;}
/* .orbi-equipment-content h2::after {content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 2px; background: currentColor; opacity: 0.45;} */
.orbi-equipment-content p {margin: 0 0 14px; text-align: left; overflow-wrap: anywhere;}
.orbi-equipment-content p:last-child {margin-bottom: 0;}
.orbi-equipment-card:nth-child(even) .orbi-equipment-image {order: 2;}
.orbi-equipment-card:nth-child(even) .orbi-equipment-content {order: 1;}
.orbi-equipment-card:nth-child(even) .orbi-equipment-content::before {left: auto; right: -12px; border-right: none; border-left: 13px solid var(--color-white);}
@media (max-width: 767px) { .orbi-equipment-grid {gap: 24px;} .orbi-equipment-image {flex-basis: 38%; width: 38%; padding: 10px;} .orbi-equipment-content {padding: 24px 22px;} .orbi-equipment-content h2 {font-size: 20px;} .orbi-equipment-content p {font-size: 13px; line-height: 1.7;} }
@media (max-width: 480px) { .orbi-equipment-card, .orbi-equipment-card:nth-child(even) {flex-direction: column;} .orbi-equipment-card .orbi-equipment-image, .orbi-equipment-card:nth-child(even) .orbi-equipment-image {order: 0; flex: 0 0 auto; width: 100%; padding: 12px; max-height: 250px;} .orbi-equipment-image img {width: 100%; height: auto; max-height: 225px; object-fit: contain;} .orbi-equipment-card .orbi-equipment-content, .orbi-equipment-card:nth-child(even) .orbi-equipment-content {order: 0; padding: 25px 22px;} .orbi-equipment-content::before, .orbi-equipment-card:nth-child(even) .orbi-equipment-content::before {display: none;} }



/* lab */
.our-collaborations-wrapper{background: url('../images/r-d/collaboration-background.jpg') no-repeat center center/cover ;position: relative;background-attachment: fixed;}
.our-collaborations-wrapper::before {content: "";position: absolute;width: 100%;height: 100%;background-color: color-mix(in srgb, var(--color-black) 78.82%, transparent);}
.our-collaborations-inner{padding: 40px 0;color: var(--color-white);position: relative;}
.our-collaborations-inner h2{text-align: center;}
.our-collaborations{display: flex;justify-content: space-evenly;align-items: center;position: relative;padding: 50px 0;}
.our-collaboration-1{width: 100%;max-width: 300px;display: flex;justify-content: center;align-items: center;}
.our-collaboration-1 img{width: 100%;max-width: 300px;}
.our-collaboration-1:nth-child(2) img{max-width: 150px}
/* r&d-us start */

/* products */

/* start cucumber */
.products-wrapper{padding: 60px 0;}
.products{display: flex;justify-content: center;align-items: stretch;gap: 30px;}
/* .products-left {width: 100%;max-width: 700px;display: flex;justify-content: center;align-items: center;border: 1px solid #ebe1e1;background: linear-gradient(to right , white, #ffefef);border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;} */
.products-right{width: 100%;max-width: 700px;}
.products-right h1{color: var(--color-primary);}
.products-right .details{padding: 10px 0;}
.products-right h3{color: var(--color-ink);}
.products-right ul{padding: 15px 0;}
.products-right li{padding: 0 0 5px;font-size: 18px;}
.products-right li b{color: var(--color-accent);}
.products-right p{margin: 0;}
.products-carousel{display: flex;justify-content: center;align-items: stretch;gap: 10px;padding: 20px 0;flex-wrap: wrap;}
.products-1{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}
.products-1 img{border-radius: 10px;width: 100%;max-width: 200px;}
.other-products{display: flex;justify-content: center;align-items: center;gap: 35px;padding-top: 30px;flex-wrap: wrap;}
.other-product-1 {width: 100%;max-width: 200px;border-radius: 6px;position: relative;}
.other-product-1:nth-child(1) .other-product-text .view{background-color: var(--color-danger-border);}
.other-product-1:nth-child(2) .other-product-text .view{background-color: var(--color-border-strong);}
.other-product-1:nth-child(3) .other-product-text .view{background-color: var(--color-decor-rose);}
.other-product-1:nth-child(4) .other-product-text .view{background-color: var(--color-decor-sand);}
.other-product-1:nth-child(5) .other-product-text .view{background-color: var(--color-danger);}
.other-product-1:nth-child(6) .other-product-text .view{background-color: var(--color-decor-sage);}
.other-product-1:nth-child(7) .other-product-text .view{background-color: color-mix(in srgb, var(--color-decor-orange) 65.1%, transparent);}
.other-product-1:nth-child(8) .other-product-text .view{background-color: color-mix(in srgb, var(--color-decor-leaf) 67.06%, transparent);}
.other-product-1:nth-child(9) .other-product-text .view{background-color: var(--color-decor-stone);}
.other-product-1:nth-child(10) .other-product-text .view{background-color: var(--color-decor-pale-leaf);}

.other-product-img-parent {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;position: relative;}
.other-product-img-parent::before{content: "";position: absolute;;background-color: color-mix(in srgb, var(--color-black) 38.43%, transparent);width: 100%;height: 100%;top: 0;left: 0;border-radius: 10px;}
.other-product-img-parent img{width: 100%;max-width: 200px;border-radius: 10px;}
.other-product-1:hover .other-product-text .view img{max-width: 12px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(317deg) brightness(103%) contrast(102%);}
.other-product-1:hover .other-product-img-parent::before{display: none;}
.other-product-text{background-color: var(--color-white);}
.other-product-text h6{color: var(--color-ink);text-align: center;}
.other-product-text .view {width: 40px;height: 40px;background-color: var(--color-danger-border);border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.other-product-text .view img{width: 100%;max-width: 16px;}
.link {width: 100%;max-width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-top-left-radius: 25px;background-color: var(--color-white);position: absolute;bottom: 31px;right: 0;}
.link::before {content: "";position: absolute;top: -4px;right: -4px;width: 13px;height: 13px;background-color: var(--color-white);border-top-left-radius: 33px;}
.link::after {content: "";position: absolute;bottom: -6px;left: -6px;width: 13px;height: 13px;background-color: var(--color-white);border-bottom-left-radius: 33px;rotate: 90deg;}
/* Style the tabs */
.tabs {display: flex;justify-content: center;align-items: center;margin-bottom: 5px;width: 100%;max-width: 1240px;margin: auto;}

/* Style the buttons inside the tab */
.tablinks {padding: 10px 20px;cursor: pointer;transition: 0.3s;font-size: 18px;font-weight: 600;}

/* Change background color of buttons on hover */

/* Create an active/current tab link */

/* Hide the tab content by default */
.tabcontent {padding: 20px;border-radius: 10px;}
.tabcontent h3{text-align: center;padding-bottom: 20px;}
.other-products-wrapper{padding-top: 50px;}

.other-products-wrapper h2{text-align: center;}
.contact-wrapper{margin-bottom: 80px;}
.contact-inner{background-color: var(--color-black);display: flex;justify-content: center;align-items: center;gap: 30px; margin: 80px 0 0;}

.contact-left{width: 100%;max-width: 315px;display: flex;justify-content: center;align-items: center;}
.contact-left{width: 100%;max-width: 315px;}
.contact-right-right{padding: 0 40px;}
.contact-right-text{padding: 20px 0 0;}
.contact-right-left h1{color: var(--color-primary);}
.contact-right-left p{color: var(--color-white);}
.contact-right{display: flex;justify-content: flex-start;align-items: flex-start;gap: 30px;}
.contact-right{margin-right: 20px;}
.formname {margin: 10px 0; display: flex; justify-content: flex-start; align-items: center; gap: 10px; border-bottom: 1px solid color-mix(in srgb, var(--color-white) 18.04%, transparent); padding-bottom: 10px; background: color-mix(in srgb, var(--color-white) 14.12%, transparent); padding: 10px; border-radius: 5px;}
.formname:nth-child(4){border-bottom: unset;margin-top: 30px;border-bottom: 1px solid color-mix(in srgb, var(--color-white) 18.04%, transparent)}
.formname label{color: var(--color-primary);font-size: 15px;font-weight: 500;}
.formname input {font-size: 15px;color: var(--color-white);}
.formname textarea{font-size: 15px;color: var(--color-white);}
.contact-img-text-left{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 30px;}
.contact-img-text-left img{width: 100%;max-width: 30px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(28deg) brightness(101%) contrast(101%);}
.contact-img-text{display: flex;justify-content: flex-start;align-items: center;gap: 10px;margin-bottom: 20px;}
.contact-img-text p{margin: 0;text-align: start;}
.contact-img-text:hover a{color: var(--color-primary);}
.contact-img-text-right a{color: var(--color-white);}
.contact-img-text:hover .contact-img-text-right p{color: var(--color-primary);}
.social-media-icons{display: flex;justify-content: flex-start;align-items: center;gap: 40px;margin-top: 50px;}
.social-media-icons-1{width: 100%;max-width: 30px;display: flex;justify-content: center;align-items: center;}
.social-media-icons-1 img{width: 100%;max-width: 30px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(28deg) brightness(101%) contrast(101%);}
.formname input::placeholder, textarea::placeholder{color: var(--color-white);}
.common-btn{padding-top: 0px;}
.common-btn button{padding: 10px;}
.contact-right-right .common-btn button{border-radius: 5px;}

.social-media-icons-1:hover img{filter: invert(67%) sepia(52%) saturate(309%) hue-rotate(147deg) brightness(96%) contrast(97%);}
/* .ip-products-list {width: 100%;max-width: 215px;position: sticky;top: 80px;}



.products-list.tap-section li a {width: 100%;color: var(--green);display: flex;justify-content: space-between;align-items: center;padding: 10px;position: relative;}
.products-list.tap-section li a:hover {background: #27503787;color: #fff;border-radius: 10px;}
.products-list.tap-section li {margin: 10px 0;}
.products-list.tap-section li a::after {content: "";position: absolute;width: 20px;height: 100%;border-top: none;right: 15px;top: 0;margin: auto;bottom: 0;background: url(../images/icons/arrow.webp) no-repeat center center/contain;z-index: 1;transition: 1s all ease;transform: rotate(55deg);}

.products-list.tap-section li a.act::after {transform: rotate(0deg);transition: 1s all ease;}
.products-list.tap-section li a.act {background: #58AE68;color: #fff;border-radius: 10px;}
.products-list.tap-section li a.act::after {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(139deg) brightness(106%) contrast(103%);}

.products-list.tap-section li a:hover::after {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(139deg) brightness(106%) contrast(103%);} */


/*
.products-content {width: 100%;max-width: 1000px;}
.ip-products-list p {font-size: 22px;text-align: center;padding: 10px;border-bottom: 2px solid var(--green);}
.ip-product-details {padding: 30px 0;}
.ip-product-inner-wrapper {display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;}
.ip-product-details.product-sec h1{color: #70c5dd;text-align: start;padding-bottom: 20px;}
.product-info-right span img {position: relative;width: 100%;max-width: 500px;object-fit: cover;}
.products-right.brinjal h2{color: #000000;} */

.inner-page-banner-wrapper > .fluid-container {position: relative;z-index: 3;margin-top: auto;padding-top: 32px;padding-bottom: 30px;pointer-events: none;}
.inner-page-banner-wrapper > .fluid-container > * {pointer-events: auto;}
/* All inner-page banners share the same height and expand for wrapped content. */
.inner-banner {position: relative;bottom: auto;z-index: 1;min-width: 0;overflow-wrap: anywhere;}
.inner-banner.inner-banner-flex {display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%;}
.inner-banner-title-box { flex: 1 1 auto; min-width: 0;}
.banner-back-wrapper, #back-btn-wrapper.banner-back-wrapper { flex: 0 0 auto; margin: 0 !important; text-align: right;}
.banner-back-wrapper .view-product-btn, #back-btn-wrapper.banner-back-wrapper .view-product-btn, .gallery-back.view-product-btn {margin-right: 0;}


.breadcrumbs a, .breadcrumbs span{color: var(--color-white)}

	/* go to top */
  #to-top {cursor: pointer;position: fixed;bottom: 35px;right: 10px;width: 70px;height: 70px;z-index: 9;padding: 6px;border-radius: 50%;}
  @media (max-width:776px) {
    #to-top.catalog-to-top {width:44px;height:44px;padding:4px;right:0;bottom:16px;}
  }
/* go to top */

.our-team-wrapper{padding: 80px 0;}
.our-team-top {display: flex;justify-content: center;align-items: center;gap: 40px;padding: 0 0 50px;flex-direction: row-reverse;}
.our-team-left {width: 100%;max-width: 600px;}
.our-team-right {width: 100%;max-width: 600px;padding: 3px;background: var(--color-white);z-index: 1;display: flex;justify-content: center;align-items: center;position: relative;}
.our-team-right-img{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 600px;}
.our-team-right-img img{width: 100%;max-width: 600px;padding: 10px;background-color: var(--color-white);}
.our-team-right::before {content: '';position: absolute;height: 30%;width: 100%;left: 0;right: 0;top: 0;z-index: -1;background: linear-gradient(to left, var(--color-white) 25%, var(--color-white) 10% 75%, var(--color-accent) 75%);}
.our-team-right::after {content: '';position: absolute;height: 30%;width: 100%;left: 0;right: 0;bottom: 0;background: linear-gradient(to left, var(--color-accent) 25%, var(--color-white) 10% 75%, var(--color-white) 75%);z-index: -1;}
.our-team-top h2{text-align: center;}
.our-team{ display: flex;justify-content: center;align-items: center;gap: 10px;}
.our-team-1{position: relative;}
.our-team-1:hover .our-team-text{display: block;}
.our-team-text {position: absolute;bottom: -30px;left: 0;right: 0;margin: auto;width: 100%;max-width: 300px;padding: 3px;display: none;background: color-mix(in srgb, var(--color-white) 39%, transparent);border-radius: 16px;box-shadow: 0 4px 30px color-mix(in srgb, var(--color-black) 10%, transparent);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 1px solid color-mix(in srgb, var(--color-white) 30%, transparent);}
.our-team-text h5 {text-align: center;color: var(--color-black);}
.our-team-text p{text-align: center;margin: 0;color: var(--color-accent-dark);font-size: 16px;font-weight: 500;}
.our-team-members h4{text-align: center;padding-bottom: 30px;color: var(--color-primary);}
.our-team-1 .our-team-img img.before {object-fit: cover;width: 270px;height: 500px;margin: 0px 10px;border-radius: 15px;transition: width 1s;border-radius: 1s;}
.our-team-1:nth-child(2) .our-team-img img.before, .our-team-1:nth-child(3) .our-team-img img.before {object-position: center top;}
.our-team-1 .our-team-img img:hover{cursor: pointer;object-fit: cover;width: 600px; height: 500px;margin: 0px 10px;border-radius: 2em;}
.our-team-1:hover .our-team-img img.after{object-fit: cover;width: 600px; height: 500px;margin: 0px 10px;border-radius: 2em;}

/* Products */
.chillie-inner h1{text-align: center;}
.chillie-inner p {width: 100%; max-width: 900px; margin: auto; text-align: center; padding: 25px 0; font-weight: 500;}
.chillie{display: flex;justify-content: center;align-items: stretch;margin-top: 15px;}
.chillie:nth-child(2n){flex-direction: row-reverse;}
.chillie:nth-child(2n) .chillie-right{background-color: color-mix(in srgb, var(--color-primary) 23.92%, transparent);}
.chillie-left{width: 100%;max-width: 600px;background: url('../images/chillie.webp') no-repeat center center/cover;}
.chillie-left img{width: 100%;max-width: 600px;}
.chillie-right {width: 100%; max-width: 600px; background-color: var(--color-primary-soft); padding: 40px;}
  .chillie-right h6{color: var(--color-ink);font-weight: 400;}
  .chillie-right p{font-size: 20px;}
  .chillie-right-heading span { font-size: 60px; font-weight: 800; color: color-mix(in srgb, var(--color-black) 52.16%, transparent);}
  .chillie-right h4{color: var(--color-ink);font-weight: 400;padding: 4px 0;font-size: 24px;}
  .chillie-right-heading h3{color: var(--color-ink);font-size: 34px;}
  .chillie-right-heading{display: flex;justify-content: space-between;align-items: center;}
  .chillie-right-heading h5{font-weight: 400;}
  .chillie-right .details{padding:20px}

  .products-1{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 300px;}
  .products-1 img{width: 100%;max-width: 300px;}
  .chillie-inner .section-heading h2{text-align: center;}
  .list-variety-chillies { background-color: var(--color-primary); padding: 10px 0; margin: 50px 0;}
  .list-variety-chillies ul li { color: var(--color-text); display: flex; justify-content: center; align-items: center;}
  .list-variety-chillies ul { display: flex; justify-content: space-evenly; align-items: center; padding: 0 10px; flex-wrap: wrap; gap: 50px;}
  .list-variety-chillies ul li .dot { background-color: var(--color-text); width: 20px; height: 20px; border-radius: 50%; margin-right: 10px;}

  .list-variety-chillies ul li h4{font-size: 28px;}
  .chillie-all-variety{padding: 40px 0;}
  .variety-1{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 300px;}
  .variety-1 img{width: 100%;max-width: 300px;}

  .last-feature { display: flex; justify-content: flex-start; align-items: center; gap: 8px;}
  .variety-seeds{padding: 60px 0 100px;}
  .products-content{max-width: 1000px;}


  /* breadcrumb */
	.breadcrumb-wrapper {width: 100%;max-width: fit-content;}
	.breadcrumb {display: flex;justify-content: flex-start;align-items: center;gap: 3px;flex-wrap: wrap;border-top-left-radius: 4px;border-top-right-radius: 4px;padding: 5px 0 0;}
	.breadcrumb li a {font-size: 15px;font-weight: 600;color: var(--color-white);}
	.breadcrumb li{color: var(--color-white);}
	.breadcrumb span {font-size: 15px;font-weight: 400;color: var(--color-white);}
/* breadcrumb */






/* harika css */
.ip-product-wrapper-main{padding: 80px 0;}
.products-main-wrapper{padding: 50px 0 80px ;}
.product-heading{text-align:center;margin:0 0 50px;}
.inner-banner .product-heading {color: var(--color-white); font-size: 34px; font-weight: 700; text-align: left; margin: 0 0 8px; line-height: 1.2; text-transform: capitalize;}



.products-inner-wrapper{display:flex; flex-wrap:wrap; justify-content:center; gap:30px;}
.product-inner{width:100%; max-width:260px; background:var(--color-white); border:1px solid var(--color-border); padding:20px; text-align:center; transition:transform .3s ease, box-shadow .3s ease;}
.product-inner:hover{transform:translateY(-6px);box-shadow:0 10px 25px color-mix(in srgb, var(--color-black) 8%, transparent);}
.product-inner h3{font-size:18px;margin-bottom:15px;}
.product-image{width:100%;margin-bottom:15px;}
.product-image img{ width:100%; height:auto;aspect-ratio: 1 / 1;object-fit: cover;}
.products-main-wrapper .product-inner {display:flex; flex-direction:column; align-items:center; min-width:0;}
.products-main-wrapper .product-inner h3 {width:100%; overflow-wrap:anywhere;}
.products-main-wrapper .product-inner .view-product-btn {max-width:100%; min-height:44px; margin:auto 0 0;}
@media (max-width:576px) {
  .products-main-wrapper .product-inner {max-width:280px; padding:20px;}
}
#back-btn-wrapper { margin-bottom: 20px; text-align: end;}
.view-product-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 20px; text-decoration: none; font-size: 15px; line-height: 1.2; border-radius: 4px; transition: 0.3s; margin-right: 10px; vertical-align: middle; font-weight: 500;}
.view-product-btn svg { display: inline-block; vertical-align: middle; flex-shrink: 0;}
.back-btn {display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1.2; cursor: pointer; vertical-align: middle;}
.back-btn svg { display: inline-block; vertical-align: middle; flex-shrink: 0;}




.ip-product-inner-wrapper{ display:flex; gap:40px; align-items:flex-start;}
.ip-products-list{width: 100%;;max-width: 240px;position:sticky;top:90px;}
.products-content{width:100%;}
.ip-products-list{width:100%; max-width:240px; position:sticky; top:90px; background:var(--color-white); border-radius:12px; box-shadow:0 8px 25px color-mix(in srgb, var(--color-black) 8%, transparent); padding:15px 0;}
.ip-products-list p{color:var(--color-accent); font-size:20px; font-weight:600; text-align:center; padding:12px 15px; border-bottom:2px solid var(--color-accent-soft);}
.products-list.tap-section{padding:10px 15px;}
.products-list.tap-section li{margin:8px 0;}
.products-list.tap-section li a{width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 15px; font-weight:500; border-radius:8px; position:relative; transition:all .3s ease;}
.products-list.tap-section li a::after{content:""; width:16px; height:16px; transform:rotate(45deg); transition:all .3s ease;}
.products-list.tap-section li a:hover{ transform:translateX(4px);}
.products-list.tap-section li a:hover::after{filter:brightness(0) invert(1);}
.products-list.tap-section li a.act{ font-weight:600;}
.products-list.tap-section li a.act::after{transform:rotate(0deg);filter:brightness(0) invert(1);}


.products-left {width: 100%;max-width: 380px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--color-border);border-radius: 10px;box-shadow: color-mix(in srgb, var(--color-black) 16%, transparent) 0px 3px 6px, color-mix(in srgb, var(--color-black) 23%, transparent) 0px 3px 6px;}
.ip-product-details{padding:20px 0;}
.products{ display:flex; gap:40px; align-items:flex-start; background:var(--color-white); padding:30px; border-radius:10px; box-shadow:0 10px 30px color-mix(in srgb, var(--color-black) 8%, transparent); }

.products-left img{width:100%; border-radius:10px; object-fit:cover; transition:0.4s; aspect-ratio: 1 / 1;}
.products-left img:hover{transform:scale(1.05);}
.products-right{flex:1;}
.products-right{position:relative;}
.wishlist-heart-btn{position:absolute; top:0; right:0; width:40px; height:40px; border:1px solid var(--color-border); border-radius:50%; background:var(--color-white); color:var(--color-border-strong); font-size:22px; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s ease;}
.wishlist-heart-btn:hover{transform:scale(1.05); border-color:var(--color-danger);}
.wishlist-heart-btn.active{color:var(--color-danger); border-color:var(--color-danger-border); background:var(--color-danger-soft);}
.products-right h3{font-size:28px; margin:0 0 20px;}
.products-right ul{display:flex; flex-wrap:wrap; gap:10px 20px; margin-bottom:10px;}
.products-right ul li{width:45%; background:var(--color-surface-muted); padding:10px 12px; border-radius:6px; font-size:14px; border-left:4px solid var(--color-accent);}
.products-right ul li b{color: var(--color-text);}
.products-right h4{ font-size:18px; margin-bottom:5px; color:var(--color-text);}
.products-right p{font-size:15px; line-height:1.6; color:var(--color-text-muted); margin-bottom:20px;}
.product-description{padding-bottom: 20px;}


/* eror */
.inner-wrapper.error-wrapper{padding: 0 0 80px;}
.eror-inner{display: flex;justify-content: center;align-items: center; gap: 60px;}
.eror-inner span{width: 100%;max-width: 500px;display: flex;justify-content: center;align-items: center;}
.eror-inner span img{width: 100%;max-width: 500px;}
.error-right{width: 100%;max-width:600px;}
.error-right h1{text-align: start;color: var(--color-danger);}
.error-right h3{text-align: start;}
.error-right p{text-align: start;}
/* eror */

/* sitemap */
.sitemap-wrapper{padding:0 0 80px;}
.sitemap{padding:0 20px 0 0px; max-width: 100%; max-width:450px;}
.sitemap > li{position:relative;padding-left:20px;}
.sitemap > li::before{content:""; position:absolute; left:-7px; top:14px; width:12px; height:12px; background:var(--color-primary); border-radius:50%;}
.sitemap a, .main-title{ font-size:17px; font-weight:600; color:var(--color-primary); margin: 5px 0}
.product-list{margin-top:10px; padding-left:20px; margin: 5px 0; border-left:1px dashed var(--color-border);}
.product-list li{position:relative;padding-left:14px;}
.product-list li::before{content:""; position:absolute; left:-8px; top:8px; width:8px; height:1px; background:var(--color-border);}
.product-list a{font-size:14px; color:var(--color-text-muted); text-decoration:none; transition:.2s;}
.product-list a:hover{ color:var(--color-link); padding-left:3px;}
/* sitemap */

/* enquiry css  */
.enquiry-popup-wrapper { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 20px;}
.enquiry-popup-wrapper.active {display: flex;}
.enquiry-overlay {position: absolute; inset: 0; background: color-mix(in srgb, var(--color-black) 70%, transparent); backdrop-filter: blur(5px);}
.enquiry-popup {position: relative; width: 100%; max-width: 700px; background: var(--color-white); border-radius: 10px; padding: 40px;max-height: 90vh; overflow-y: auto; animation: popupAnimation 0.4s ease;}
@keyframes popupAnimation {

    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
}
}
/* Custom Toast Alerts */
.custom-toast-container {position:fixed; top:20px; left:50%; transform:translateX(-50%); z-index:1000001; display:flex; flex-direction:column; gap:10px; align-items:center; pointer-events:none;}
.custom-toast {background:var(--color-white); border-radius:6px; box-shadow:0 4px 15px color-mix(in srgb, var(--color-black) 10%, transparent); padding:10px 15px; display:flex; align-items:center; gap:12px; transform:translateY(-20px); opacity:0; transition:0.3s; pointer-events:auto; min-width: 300px; max-width: 90vw;}
.custom-toast.show {transform:translateY(0); opacity:1;}
.custom-toast-icon {width:24px; height:24px; border-radius:50%; color:var(--color-white); display:flex; justify-content:center; align-items:center; font-size:14px; font-weight:bold; flex-shrink:0;}
.custom-toast-content {font-size:14px; color:var(--color-text); line-height:1.4; display:flex; gap: 8px; align-items: center;}
.custom-toast-btn {border:none; background:transparent; font-size:14px; cursor:pointer; font-weight:bold; margin-left:auto; padding:0 5px;}
.custom-toast-btn:hover {opacity:0.7;}

/* Custom Confirm Modal */
.custom-confirm-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:color-mix(in srgb, var(--color-black) 40%, transparent); z-index:1000001; display:flex; justify-content:center; align-items:flex-start; padding-top: 80px; opacity:0; visibility:hidden; transition:0.3s;}
.custom-confirm-overlay.show {opacity:1; visibility:visible;}
.custom-confirm-box {background:var(--color-white); padding:20px; border-radius:8px; width:90%; max-width:320px; text-align:center; transform:translateY(-20px); transition:0.3s; box-shadow:0 5px 20px color-mix(in srgb, var(--color-black) 15%, transparent);}
.custom-confirm-overlay.show .custom-confirm-box {transform:translateY(0);}
.custom-confirm-box h3 {margin-bottom:8px; font-size:18px; color:var(--color-text);}
.custom-confirm-box p {color:var(--color-text-muted); margin-bottom:20px; font-size:14px;}
.custom-confirm-actions {display:flex; justify-content:center; gap:10px;}
.custom-confirm-cancel, .custom-confirm-ok {border:none; padding:8px 16px; border-radius:4px; font-size:14px; cursor:pointer; transition:0.3s; font-weight: 500;}
.close-enquiry-popup {position: absolute; top: 15px; right: 15px; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: none; border-radius: 50%; background: var(--color-surface-muted); color: var(--color-text); line-height: 1;}
.close-enquiry-popup svg {display: block; width: 20px; height: 20px; flex-shrink: 0;}
.enquiry-form {display: flex; flex-wrap: wrap; gap: 20px;}
.form-group { width: calc(50% - 10px); display: flex; flex-direction: column;}
.form-group.full-width {width: 100%;}
.form-group label {font-size: 15px; font-weight: 600; color: var(--color-text); margin-bottom: 10px;}
.form-group input, .form-group select, .form-group textarea {width: 100%; border: 1px solid var(--color-border); border-radius:6px; background: var(--color-white); padding: 15px 18px; font-size: 15px; color: var(--color-text); outline: none; transition: 0.3s ease;}
.form-group textarea {height: 130px; resize: none;}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--color-focus); box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-black) 10%, transparent);}

/* Enquiry Form Checkbox Group */
.form-group.checkbox-group {width: 100%; margin-top: 5px; margin-bottom: 10px; display: flex; flex-direction: row; align-items: center;}
.form-group.checkbox-group .checkbox-label {display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px; cursor: pointer; margin-bottom: 0 !important; font-size: 15px; font-weight: 600; color: var(--color-text); user-select: none;}
.form-group.checkbox-group input[type="checkbox"] {width: 18px !important; height: 18px !important; min-width: 18px !important; max-width: 18px !important; padding: 0 !important; margin: 0 !important; border: 2px solid var(--color-accent) !important; border-radius: 4px !important; cursor: pointer; accent-color: var(--color-accent); background: var(--color-white); box-shadow: none !important;}
.form-group.checkbox-group .checkbox-label span { font-size: 15px; color: var(--color-text); line-height: 1.4;}
.form-group.checkbox-group .checkbox-label:hover span {color: var(--color-ink);}

.cart-wrapper {padding: 80px 0;}
.cart-wrapper h1{text-align: center; padding: 0 0 20px;}
.cart-inner-wrapper {width: 100%; margin: auto;max-width: 750px;}
.cart-inner { background: var(--color-white); border-radius: 12px; padding: 14px; display: flex; align-items: center; gap: 15px; position: relative; border: 1px solid var(--color-border); transition: 0.3s; box-shadow: color-mix(in srgb, var(--color-black) 24%, transparent) 0px 3px 8px;margin-bottom: 20px;}
.cart-inner:hover {transform: translateY(-3px);box-shadow: 0 8px 25px color-mix(in srgb, var(--color-black) 7%, transparent);}
.cart-image { width: 100%; max-width: 85px; height: 85px; border-radius: 15px;}
.cart-image img { width: 100%; max-width: 85px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 5px;}
.cart-content {width: 100%;}
.cart-content h2 {font-size: 18px; margin-bottom: 10px;}
.cart-content p {font-size: 13px;}
.quantity {display: flex; align-items: center; gap: 8px; background: var(--color-surface-muted); padding: 6px 10px; border-radius: 50px; width: 100%; max-width: fit-content;}
.quantity button {width: 28px; height: 28px; padding: 0; border-radius: 50%; font-size: 16px; line-height: 1; cursor: pointer; transition: 0.3s; flex-shrink: 0; border: none; display: flex; align-items: center; justify-content: center;}
.quantity button svg {display: block; width: 14px; height: 14px; flex-shrink: 0; pointer-events: none;}
.quantity span {font-size: 15px; color: var(--color-text); width: 100%; max-width: 15px; text-align: center;}
.quantity .qty-input {width: 48px !important; height: 28px !important; border: 1px solid var(--color-border) !important; border-radius: 6px !important; background: var(--color-white) !important; text-align: center !important; font-size: 14px !important; font-weight: 600 !important; color: var(--color-text) !important; padding: 0 4px !important; margin: 0 !important; outline: none !important; box-shadow: none !important; transition: 0.2s ease !important;}
.quantity .qty-input::-webkit-outer-spin-button, .quantity .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.quantity .qty-input:hover {border-color: var(--color-accent) !important;}
.quantity .qty-input:focus { border-color: var(--color-focus) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-black) 20%, transparent) !important;}


.close-btn {position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; border-radius: 50%; color: var(--color-danger); font-size: 15px; cursor: pointer; transition: 0.3s; font-weight: 900;}
.cart-buttons { display: flex; gap: 12px; margin: 20px 0 0; flex-wrap: wrap;justify-content: space-between;}
.cart-buttons a:hover {transform: translateY(-2px);}
.clear-cart-btn{color: var(--color-danger); font-weight: 800;padding: 10px 20px;}


/* Empty enquiry list & wishlist */
.enquiry-empty-state, .wishlist-empty-state {max-width: 640px; margin: 12px auto 0; padding: 36px 28px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-muted); text-align: center; color: var(--color-ink);}
.enquiry-empty-icon, .wishlist-empty-icon {display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 50%; background: var(--color-accent-soft); color: var(--color-accent-dark);}
.enquiry-empty-state h2, .wishlist-empty-state h2 {font-size: 26px; line-height: 1.35;}
.enquiry-empty-state p, .wishlist-empty-state p {max-width: 500px; margin: 16px auto 24px; text-align: center; color: var(--color-text-muted);}
.enquiry-empty-actions, .wishlist-empty-actions {display: flex; justify-content: center; flex-wrap: wrap; gap: 12px;}
.enquiry-empty-actions a, .wishlist-empty-actions a {display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border: 1px solid var(--button-border); border-radius: 4px; font-weight: 700;}
.enquiry-empty-actions a:focus-visible, .wishlist-empty-actions a:focus-visible {outline: 3px solid var(--color-focus); outline-offset: 4px;}



/* GALLERY SECTION */
.gallery-wrapper {padding: 80px 0;}
.gallery-album-list {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.gallery-album-card {display: block; flex: 0 1 285px; width: 100%; max-width: 100%; box-sizing: border-box; border: 1px solid var(--color-primary); border-radius: 6px; overflow: hidden; color: var(--color-ink); text-align: center; box-shadow: 0 4px 12px color-mix(in srgb, var(--color-black) 10%, transparent);}
.gallery-album-card:focus-visible {outline: 2px solid var(--color-focus); outline-offset: 4px;}
.gallery-album-card:hover {box-shadow: 0 6px 18px color-mix(in srgb, var(--color-black) 18%, transparent);}
.gallery-album-cover {aspect-ratio: 4 / 3; background: var(--color-primary-soft);}
.gallery-album-cover img {width: 100%; height: 100%; display: block; object-fit: cover;}
.gallery-cover-empty {display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box;}
.gallery-album-card h3 {font-size: 22px; padding: 18px 15px; margin: 0; color: var(--color-ink); overflow-wrap: anywhere;}
.gallery-album-card p {padding: 0 15px 18px; margin: 0; color: var(--color-text-muted);}
.gallery-back {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 20px; text-decoration: none; font-size: 14px; line-height: 1.2; border-radius: 4px; transition: 0.3s; vertical-align: middle; cursor: pointer;}
.gallery-back:focus-visible {outline: 2px solid var(--color-focus); outline-offset: 3px;}
.gallery-back svg { display: inline-block; vertical-align: middle; flex-shrink: 0;}
.gallery-description {text-align: center; margin: -10px auto 26px; max-width: 760px; white-space: pre-line;}
.gallery-detail-content {scroll-margin-top: 100px;}
.gallery-pagination button, #gallery-retry, .gallery-retry {min-width: 44px; min-height: 44px;}
.gallery-pagination button:focus-visible, #gallery-retry:focus-visible, .gallery-retry:focus-visible {outline: 2px solid var(--color-focus); outline-offset: 3px;}
.gallery-retry-wrapper {text-align: center;}
#gallery-retry, .gallery-retry {width: auto; border: 1px solid var(--button-border); border-radius: 5px; padding: 8px 20px; cursor: pointer;}
.gallery-pagination button:disabled {opacity: .5; cursor: default;}
.gallery-inner-wrapper {display: flex; flex-wrap: wrap; gap: 30px 25px; justify-content: center;}
.gallery-inner-wrapper a {position: relative; width: 100%; max-width: 280px; overflow: hidden; border-radius: 5px; display: block; box-shadow: color-mix(in srgb, var(--color-black) 12%, transparent) 0px 4px 12px; border: 2px solid var(--color-primary);}
.gallery-inner-wrapper img {width: 100%; height: 320px; object-fit: cover; display: block; transition: 0.5s ease;}
.gallery-inner-wrapper a:hover img {transform: scale(1.08);}
.gallery-inner-wrapper a::before {content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background:color-mix(in srgb, var(--color-black) 32%, transparent); display: flex; justify-content: center; align-items: center; opacity: 0; transition: 0.4s ease; z-index: 2;}
.gallery-inner-wrapper a:hover::before {opacity: 1;}

.gallery-pagination{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-top: 20px;}
.gallery-pagination button {width: fit-content;margin: 0 4px;padding: 3px 12px 5px;border: 1px solid var(--color-primary);border-radius: 4px;cursor: pointer;}


.partners-about {padding: 80px 0;}
.partners-about-wrapper {display: flex; justify-content: center; align-items: center; gap: 60px;}
.partners-about-image, .partners-about-content {width: 100%;max-width: 50%;}
.partners-about-image img {width: 100%; border-radius: 20px;}



.partnership-wrapper { padding: 80px 0; background: var(--color-surface-muted);}
.partnership-wrapper h2, .partnership-wrapper p{text-align: center;}
.partnership-inner-wrapper {display: flex; justify-content: center; gap: 30px; margin-top: 60px; flex-wrap: wrap;}
.partnership-inner {width: 100%; max-width: 390px; background: var(--color-white); padding: 50px 35px 35px; border-radius: 24px; text-align: center; transition: 0.4s ease; box-shadow: 0 10px 30px color-mix(in srgb, var(--color-black) 6%, transparent);}
.partnership-inner:hover {transform: translateY(-12px);}
.partnership-img {width: 90px; height: 90px; background: var(--color-accent-bright); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto auto 25px; box-shadow: color-mix(in srgb, var(--color-black) 24%, transparent) 0px 3px 8px;}
.partnership-img img { width: 45px; transition: 0.4s ease;}
.partnership-inner:hover .partnership-img img {transform: scale(1.1) rotate(5deg);}
.partnership-inner h3 {font-size: 26px;}
.partnership-inner p {text-align: center;}


/* blogs css  */
.blog-wrapper{padding: 80px 0;}
.blog-inner-wrapper{display: flex; justify-content: center; align-items: stretch; gap: 30px; flex-wrap: wrap;}
.blog-inner{display:block; width:100%; max-width:350px; background:var(--color-white); border-radius:12px; overflow:hidden; box-shadow:0 5px 20px color-mix(in srgb, var(--color-black) 8%, transparent); text-decoration:none; color:var(--color-text); transition:0.3s ease;}
.blog-inner:hover{transform:translateY(-5px);}
.blog-image img{width:100%; height:250px; object-fit:cover; display:block;}
.blog-content{padding:25px;}
.blog-content h2{font-size:24px; margin-bottom:15px; line-height:1.4;}
.date{display: block; margin: 0 0 15px; color: var(--color-black); font-weight: 600;}
.read-btn{color: var(--color-link)}




.gallery-wrapper.blog .gallery-inner-wrapper img{height: 180px;}
.gallery-wrapper.blog .gallery-inner-wrapper a{max-width: 180px;}
.gallery-wrapper.blog .gallery-inner-wrapper{gap: 20px;}
.gallery-wrapper.blog {padding: 0;}
.single-blog-wrapper{padding:80px 0; background:var(--color-surface-muted);}
.single-blog{width:100%; max-width:900px; margin:auto; background:var(--color-white); padding:60px; border-radius:20px; box-shadow:0 10px 40px color-mix(in srgb, var(--color-black) 6%, transparent);}
.single-blog span{display:block; font-size:14px; color:var(--color-text-muted); margin-bottom:20px; letter-spacing:1px;}
.single-blog h1{font-size:52px; line-height:1.2; color: var(--color-primary); margin-bottom:30px;}
.single-blog h2{font-size:38px; line-height:1.3; color:var(--color-ink); margin:50px 0 20px;}
.single-blog h3{font-size:30px; line-height:1.4; color:var(--color-ink); margin:40px 0 20px;}
.single-blog p{font-size: 16px; margin: 15px 0; text-align: justify; line-height: 1.6;}
.single-blog .main-img{width:100%;margin:25px 0 35px;border-radius:14px;overflow:hidden;background:var(--color-surface-muted);}
.single-blog .main-img img,#blog-main-image{width:100%;height:440px;object-fit:cover;object-position:center;border-radius:14px;display:block;}
/* .single-blog img{width:100%; border-radius:18px; margin:35px 0;} */
.single-blog ul{ margin:25px 0;}
.single-blog ul li{position:relative; padding: 0 0 0 25px;}
.single-blog ul li::before{content: ''; position: absolute; background: var(--color-black); width: 8px; height: 8px; border-radius: 50%; top: 8px; left: 7px;}
.single-blog ol li{list-style: decimal; margin-left: 20px;}

/* Blog Post Navigation (Prev / Next) */
.single-blog .blog-post-navigation {display: flex; justify-content: space-between; align-items: stretch; margin-top: 55px; padding-top: 35px; border-top: 1px solid var(--color-border); gap: 16px; flex-wrap: wrap;}
.single-blog .blog-post-navigation .post-nav-link {display: flex; flex-direction: column; padding: 18px 22px; border: 1.5px solid var(--color-border); border-radius: 14px; background: var(--color-surface-muted); text-decoration: none; transition: all 0.28s ease; height: 100%; box-sizing: border-box;}
.single-blog .blog-post-navigation .post-nav-link:hover { border-color: var(--color-primary); transform: translateY(-3px);}
.single-blog .blog-post-navigation .post-nav-prev .post-nav-link { align-items: flex-start; text-align: left;}
.single-blog .blog-post-navigation .post-nav-next .post-nav-link {align-items: flex-end;text-align: right;}
.single-blog .blog-post-navigation span {margin-bottom: 0;letter-spacing: normal;}
.single-blog .blog-post-navigation span.post-nav-direction {display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--color-primary); margin-bottom: 8px;}
.single-blog .blog-post-navigation .post-nav-icon {width: 16px; height: 16px; object-fit: contain; flex-shrink: 0; transition: transform 0.2s ease; display: inline-block; vertical-align: middle;}
.single-blog .blog-post-navigation .post-nav-prev:hover .post-nav-icon {transform: translateX(-4px);}
.single-blog .blog-post-navigation .post-nav-next:hover .post-nav-icon {transform: translateX(4px);}
.single-blog .blog-post-navigation span.post-nav-title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 17px; line-height: 1.45; font-weight: 700; color: var(--color-ink); margin-bottom: 0; transition: color 0.2s ease;}
.single-blog .blog-post-navigation .post-nav-link:hover span.post-nav-title {color: var(--color-link-hover);}

/* Similar / Related Blogs Section */
.similar-blogs-section { padding: 80px 0 95px; background: var(--color-white); border-top: 1px solid var(--color-surface-muted);}
.similar-blogs-header { text-align: center; margin-bottom: 50px;}
.similar-blogs-title { font-size: 40px; font-weight: 700; color: var(--color-ink); margin: 0 0 16px; line-height: 1.25;}
.similar-blogs-section .blog-inner {display: flex; flex-direction: column; border: 1px solid var(--color-surface-muted); box-shadow: 0 6px 24px color-mix(in srgb, var(--color-black) 5%, transparent);}
.similar-blogs-section .blog-image { overflow: hidden; position: relative;}
.similar-blogs-section .blog-image img {transition: transform 0.4s ease;}
.similar-blogs-section .blog-inner:hover .blog-image img {transform: scale(1.05);}
.similar-blogs-section .blog-content { display: flex; flex-direction: column; flex-grow: 1; padding: 24px;}
.similar-blogs-section .blog-content h2 {font-size: 21px; margin-bottom: 12px; line-height: 1.35; color: var(--color-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.similar-blogs-section .blog-content p {flex-grow: 1; margin-bottom: 18px; color: var(--color-text-muted); line-height: 1.6; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.similar-blogs-section .blog-content .read-btn {font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; color: var(--color-link); transition: color 0.2s ease, gap 0.2s ease;}
.similar-blogs-section .blog-inner:hover .read-btn { color: var(--color-link-hover); gap: 10px;}
.blog-category-badge {display: inline-block; background: var(--color-primary-soft); color: var(--color-primary); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 4px 10px; border-radius: 20px; margin-bottom: 10px; width: fit-content;}

/* blogs css  */




.orbi-rd-section {padding: 80px 0; background: var(--color-surface-muted); color: var(--color-accent-dark);}
.orbi-rd-header {max-width: 900px; margin: 0 auto 50px; text-align: center;}
.orbi-rd-header p {text-align: center; color: var(--color-text-muted); margin: 0 auto;}
.orbi-rd-grid {display: block; width: 100%; max-width: 900px; margin: 0 auto; background: var(--color-white); box-shadow: 0 10px 30px color-mix(in srgb, var(--color-black) 8%, transparent); border-radius: 12px; padding: 24px 34px; box-sizing: border-box;}
.orbi-rd-grid .acc__card {border-bottom: 1px solid var(--color-accent);}
.orbi-rd-grid .acc__card:last-child {border-bottom: none;}
.orbi-rd-grid .acc__title {font-size: 18px; background: var(--color-white); color: var(--color-ink); cursor: pointer; display: block; position: relative; text-align: left; padding-right: 45px; user-select: none;}
.orbi-rd-grid .acc__title h3 {padding: 14px 0; font-weight: 500; font-size: 22px; color: var(--color-ink); margin: 0;}
.orbi-rd-grid .acc__title::after {width: 14px; height: 14px; border-right: 3px solid var(--color-primary); border-bottom: 3px solid var(--color-primary); position: absolute; right: 15px; content: " "; top: 0px; transform: rotate(-45deg); transition: all 0.25s ease-in-out; margin: auto; bottom: 0;}
.orbi-rd-grid .acc__title.active::after {transform: rotate(45deg);transition: all 0.25s ease-in-out;}
.orbi-rd-grid .acc__panel {padding: 0 0 20px;}
.orbi-rd-grid .acc__panel p {margin: 0; font-size: 15.5px; line-height: 1.7; color: var(--color-text); text-align: left;}
.orbi-rd-card {position: relative; display: flex; flex-direction: column; flex: 0 0 calc((100% - 48px) / 3); width: calc((100% - 48px) / 3); max-width: calc((100% - 48px) / 3); box-sizing: border-box; padding: 30px 26px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-white); box-shadow: 0 4px 18px color-mix(in srgb, var(--color-black) 5%, transparent); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}
.orbi-rd-card:before {position: absolute; top: 0; left: 24px; width: 48px; height: 3px; background: var(--color-primary); border-radius: 0 0 3px 3px; content: "";}
.orbi-rd-card:hover {transform: translateY(-5px); border-color: var(--color-primary); box-shadow: 0 14px 28px color-mix(in srgb, var(--color-black) 10%, transparent);}
.orbi-rd-card p {margin: 0; text-align: left; flex-grow: 1;}
.orbi-rd-card-full {flex: 0 0 100%; width: 100%; max-width: 100%;}




.orbi-about{padding: 0px 0 80px;background:var(--color-white);}
.about-intro{width:100%;max-width:850px;margin:0 auto 65px;text-align:center;}
.about-intro p{text-align:center;}
.about-who{display:flex;align-items:center;gap:55px;}
.about-who-image{position:relative;width:100%; max-width: 540px;z-index:1; box-shadow: color-mix(in srgb, var(--color-black) 24%, transparent) 0px 3px 8px;}
.about-who-image img{display:block;width:100%; max-width: 540px; border-radius: 5px;}
.about-who-content{width:54%;min-width:0;}
.about-who-content p{text-align:left;}




/* ABOUT DETAILS SECTION */

.orbi-about-details{padding:0px 0 80px;}
/* RESEARCH SECTION */
.orbi-research{display:flex;align-items:center;gap:45px;margin-bottom:80px;}
.orbi-research-content{width:100%;max-width:650px;min-width:0;}
.orbi-research-content p{line-height:1.85;text-align:left;}
.orbi-research-content h3{font-size:24px;}
.orbi-research-image{position:relative;width:100%;max-width:500px;overflow:hidden;border-radius:8px 8px 8px 45%;}
.orbi-research-image img{width:100%; max-width:500px; transition:transform .4s ease;}
.orbi-research-image:hover img{transform:scale(1.04);}

/* SEED PROCESSING SECTION */
.orbi-processing{display:flex;align-items:center;gap:45px;margin-bottom:75px;}
.orbi-processing-image{position:relative;width:100%;max-width:500px;overflow:hidden;border-radius:8px 45% 8px 8px;  }
.orbi-processing-image img{width:100%;max-width:500px;transition:transform .4s ease;}
.orbi-processing-image:hover img{transform:scale(1.04);}
.orbi-processing-content{width:100%;max-width:610px;min-width:0;}
.orbi-processing-content p{line-height:1.9;text-align:left;}

/* GLOBAL PRESENCE SECTION */
.orbi-global{width:100%;max-width:900px;margin:0 auto 55px;text-align:center;}
.orbi-global p{text-align:center;line-height:1.9;}
.orbi-global-line{display:block;width:75px;height:3px;margin:25px auto;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:5px;}

/* COLORFUL CTA SECTION */
.orbi-tagline{position:relative;isolation:isolate;overflow:hidden;padding:45px 35px;text-align:center;border-radius:14px;background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-primary) 48%,var(--color-accent) 100%);color:var(--color-white);}
.orbi-tagline p{position:relative;z-index:1;color:var(--color-white);text-align:center;line-height:1.8;}
.orbi-tagline p:first-child{margin-bottom:12px;color:var(--color-white);font-weight:600;}
.orbi-tagline p:last-child{margin-bottom:0;}


/* Harika css  */

@media (max-width:1200px){
  .orbi-rd-section{padding:55px 0;}
   .orbi-about-details{padding:0 0 55px;}
   .orbi-about {
    padding: 0px 0 55px;}
}
@media (max-width:1080px){
.products{flex-direction: column;}
.products-left{margin: auto;}
.partnership-inner{max-width: 300px;}
.cart-wrapper {padding: 40px 0;}
.gallery-wrapper {padding: 40px 0;}
.partners-about {padding: 40px 0;}
}
@media (max-width:992px){
  .footer-left{max-width: 100%;}
  .footer-inner{flex-direction: column; gap: 30px}
  .footer-left-heading{justify-content: center;}
  .footer-left p{text-align: center;}
  .gallery-inner-wrapper a {max-width: calc(50% - 13px);}
  .gallery-inner-wrapper img {height: 260px;}

  .partners-about-wrapper{flex-direction: column; gap: 30px}
  .partners-about-content{max-width: 100%;}

  .blog-inner-wrapper{flex-wrap: wrap;}


  .orbi-rd-grid {max-width: 100%;}
  .orbi-rd-card {flex: 0 0 calc((100% - 20px) / 2); width: calc((100% - 20px) / 2); max-width: calc((100% - 20px) / 2);}
  .orbi-rd-card-full {flex: 0 0 100%; width: 100%; max-width: 100%;}
.orbi-research{gap:30px;margin-bottom:60px;}
.orbi-research-content{max-width:55%;}
.orbi-research-image{max-width:45%;}
.orbi-processing{gap:30px;margin-bottom:60px;}
.orbi-processing-image{max-width:45%;}
.orbi-processing-content{max-width:55%;}
.orbi-tagline{padding:38px 28px;}

 .inner-bottom-wrapper {flex-direction: column;gap: 22px;}
  .left-cards-main, .right-cards-main { flex: 0 0 100%; width: 100%; max-width: 100%; gap: 22px;}
  .left-cards-main .sub-cards-box, .right-cards-main .sub-cards-box { flex: 0 0 auto; min-height: 230px;}

  .right-cards-main .sub-cards-box:nth-child(1) {flex-direction: row;}
  .right-cards-main .sub-cards-box:nth-child(1) .our-cards.bg-geen::before {left: -12px; right: auto; border-right: 13px solid var(--color-primary); border-left: none;}
  .right-cards-main .sub-cards-box:nth-child(2) {flex-direction: row-reverse;}
  .right-cards-main .sub-cards-box:nth-child(2) .our-cards.bg-geen::before {left: auto; right: -12px; border-left: 13px solid var(--color-primary); border-right: none;}

}
@media (max-width:776px){
  .ip-product-inner-wrapper{flex-direction:column;}
    .ip-products-list{ width:100%; position:relative; top:0;}
    .products{flex-direction:column;}
    .products-left{max-width:100%;}
    .products-right ul li{width:100%;}
    .enquiry-popup {padding: 35px 20px;}
    .form-group {width: 100%;}

    .orbi-rd-section { padding: 45px 0 55px; }
    .orbi-rd-header { margin-bottom: 28px; }
    .orbi-rd-header h2 { font-size: 28px; margin-bottom: 12px; }
    .orbi-rd-header p { font-size: 14.5px; line-height: 1.65; text-align: justify; }
    .orbi-rd-grid { padding: 18px 20px; border-radius: 10px; }
    .orbi-rd-grid .acc__title h3 { font-size: 18px; padding: 12px 0; }
    .orbi-rd-grid .acc__title::after { width: 11px; height: 11px; right: 5px; }
    .orbi-rd-grid .acc__panel p { font-size: 14px; line-height: 1.65; }
    .orbi-rd-card {flex: 0 0 100%; width: 100%; max-width: 100%; padding: 24px 20px; border-radius: 11px;}
    .orbi-rd-card h3 { font-size: 19px; margin-bottom: 10px; }
    .orbi-rd-card p { font-size: 14px; line-height: 1.65; }
    .orbi-rd-card-full {flex: 0 0 100%; width: 100%; max-width: 100%;}

    .about-intro{margin-bottom:40px;}
    .about-intro p{text-align:left;}
    .about-who{flex-direction:column;align-items:stretch;gap:25px;}
    .about-who-image{width:100%;margin:0 auto;}
    .about-who-content{width:100%;}

    .orbi-processing{flex-direction:column;align-items:stretch;gap:22px;margin-bottom:45px;}
    .orbi-research{flex-direction: column-reverse;}
    .orbi-research-content, .orbi-processing-content{width:100%;max-width:100%;}
    .orbi-research-image, .orbi-processing-image{width:100%;max-width:400px;border-radius:12px;margin:0 auto;}
    .orbi-tagline{padding:30px 20px;border-radius:10px;}
    .orbi-global{margin-bottom:35px;}
    .orbi-global p{text-align:left;}
    .orbi-global-line{margin:20px auto;}

    .single-blog .blog-post-navigation { flex-direction: column; gap: 12px; margin-top: 40px; padding-top: 25px;}
    .single-blog .blog-post-navigation .post-nav-next .post-nav-link { align-items: flex-start; text-align: left;}
    .similar-blogs-title {font-size: 28px;}
    .similar-blogs-section {padding: 50px 0 65px;}
    .single-blog {padding: 30px 20px;}
    .single-blog h1 {font-size: 32px;}
    .single-blog .main-img img, #blog-main-image {height:280px;}

    .inner-banner .product-heading {font-size: 22px; margin-bottom: 4px; font-weight: 500;}

    .inner-banner.inner-banner-flex { flex-direction: column; align-items: flex-start; gap: 12px;}
    .banner-back-wrapper, #back-btn-wrapper.banner-back-wrapper { align-self: flex-end; text-align: right;}
    .bottom-box-wrapper {padding: 50px 0 40px;}
    .inner-bottom .section-heading {margin-bottom: 24px;}
    .inner-bottom-wrapper {gap: 20px;}
    .left-cards-main, .right-cards-main {gap: 20px;}
    .sub-cards-box, .left-cards-main .sub-cards-box:nth-child(2), .right-cards-main .sub-cards-box:nth-child(1), .right-cards-main .sub-cards-box:nth-child(2), .sub-cards-box.sub-cards-box-full { flex-direction: column !important; min-height: auto !important; height: auto !important;}
    .our-cards { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important;}
    .our-cards:not(.bg-geen) { height: 240px !important; min-height: 240px !important; width: 100% !important; max-width: 100% !important; flex: 0 0 240px !important;}
    .our-cards img { height: 100% !important; width: 100% !important; object-fit: cover !important;}
    .our-cards.bg-geen { width: 100% !important; max-width: 100% !important; padding: 24px 20px; height: auto !important;}
    .our-cards.bg-geen h2, .our-cards.bg-geen h3, .our-cards.bg-geen h4, .our-cards.bg-geen h5, .our-cards.bg-geen h6 {font-size: 19px;}
    .sub-cards-box .our-cards.bg-geen::before, .left-cards-main .sub-cards-box .our-cards.bg-geen::before, .right-cards-main .sub-cards-box .our-cards.bg-geen::before {top: -12px !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; border-left: 13px solid transparent !important; border-right: 13px solid transparent !important; border-bottom: 13px solid var(--color-primary) !important; border-top: none !important;}
}

@media (max-width:600px){
  .orbi-catalogue-cta .common-btn-parent{max-width: 100%;}
}
@media (max-width:576px){
  .product-inner{max-width: 200px;}
  .partnership-inner{max-width: 100%;}
  .enquiry-empty-state, .wishlist-empty-state {padding: 28px 20px;}
  .enquiry-empty-state h2, .wishlist-empty-state h2 {font-size: 24px;}
  .enquiry-empty-actions, .wishlist-empty-actions {flex-direction: column;}
}

@media (max-width:480px){
  .product-inner{max-width: 180px; padding: 20px 10px;}
  .products{padding:20px;}
  .products-right h3{font-size:22px;}
  .products-right ul li{font-size:13px;}
.footer-right{flex-wrap: wrap; gap: 30px}
.footer-right-up{max-width: 100%;}
.gallery-inner-wrapper a {max-width: 100%;}
.partnership-wrapper{padding: 40px 0;}
.single-blog .main-img img, #blog-main-image {height:220px;}
.our-cards:not(.bg-geen) { height: 195px; min-height: 195px;}
.our-cards.bg-geen {padding: 20px 16px;}
.our-cards.bg-geen h2, .our-cards.bg-geen h3, .our-cards.bg-geen h4, .our-cards.bg-geen h5, .our-cards.bg-geen h6 { font-size: 18px; margin-bottom: 8px;}
.orbi-rd-card {padding: 20px 16px;}


}

@media (max-width:420px){
  .product-inner{max-width: 90%;}
  .cart-buttons{margin: 15px 0 0;}
  .variety-of-seeds{padding: 0px 0px;}
}


/* harika css */
/* Product choices use the shared storefront palette. */
.product-options fieldset,
.product-options-fieldset { border: 1px solid var(--color-border); border-radius: 8px; padding: 14px 16px; margin: 20px 0 8px; background: var(--color-surface-muted); width: 100%; box-sizing: border-box; }
.product-options-header { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--color-border); }
.product-options-title { font-size: 15px; font-weight: 700; color: var(--color-ink); display: inline-flex; align-items: center; gap: 4px; margin: 0; }
.required-star { color: var(--color-danger); font-weight: 700; font-size: 15px; line-height: 1; margin-left: 2px; }
.product-options-body { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; }
.product-options legend { font-size: 16px; font-weight: 600; padding: 0 6px; color: var(--color-ink); }
.product-options label {  flex: 1 1 180px; min-width: 0; max-width: none; font-size: 14px; color: var(--color-ink); font-weight: 500; }
.product-options select { width: 100%; min-height: 42px; padding: 8px 12px; background: var(--color-white); border: 1px solid var(--color-border-strong); border-radius: 4px; color: var(--color-ink); font: inherit; margin: 10px 0 0;}
.reset-product-options { width: auto; min-height: auto; border: 0; background: transparent; color: var(--color-danger); padding: 4px 0; cursor: pointer; font-size: 13px; font-weight: 600; margin-left: auto; transition: color 0.2s ease; }
.reset-product-options:hover { color: var(--color-danger-hover); text-decoration: underline; }
.product-selection-status { font-size: 14px; margin: 8px 0; color: var(--color-text-muted); overflow-wrap: anywhere; min-height: 0; }
.product-selection-status:empty { display: none; }
.product-selected-price { font-weight: 600; color: var(--color-ink); }
.product-enquiry-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.product-enquiry-actions .view-product-btn { width: auto; min-height: 44px; margin: 0; border: 1px solid var(--button-border); cursor: pointer; }
.product-enquiry-actions .add-enquiry-list { border: 1px solid var(--button-border); }
.product-options select:focus-visible, .reset-product-options:focus-visible, .product-enquiry-actions button:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.reset-product-options:focus-visible { outline-color: var(--color-focus); }
.cart-variant { margin: 6px 0; font-size: 14px; color: var(--color-text-muted); overflow-wrap: anywhere; }
.products-load-error { padding: 20px; text-align: center; }

/* Catalog search, filters and pagination: shared by the HTML storefront pages. */
.catalog-controls {margin-bottom: 28px; color: var(--color-ink);}
.catalog-toolbar {display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; padding: 22px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-muted); box-shadow: 0 2px 10px color-mix(in srgb, var(--color-black) 3%, transparent);}
.catalog-field {display: flex; flex: 1 1 150px; flex-direction: column; gap: 6px; min-width: 0;}
.catalog-field label {font-size: 14px; font-weight: 700; color: var(--color-text); letter-spacing: -0.01em;}
.catalog-field input, .catalog-field select {-webkit-appearance: none; -moz-appearance: none; appearance: none; min-height: 48px; height: 48px; padding: 10px 14px; border: 1px solid var(--color-border); border-radius: 8px; background-color: var(--color-white); color: var(--color-ink); font-size: 15px; font-weight: 600; line-height: 1.4; box-shadow: 0 1px 2px color-mix(in srgb, var(--color-black) 4%, transparent); box-sizing: border-box; transition: border-color .15s ease, box-shadow .15s ease;}
.catalog-field input {cursor: text;}
.catalog-field select {text-overflow: ellipsis; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 14px 14px; padding-right: 38px; cursor: pointer;}
.catalog-field select::-ms-expand {display: none;}

/* Category select with Tag icon */
.catalog-field-category select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12.5L9 19c.8.8 2 .8 2.8 0l9.2-9.2c.5-.5.8-1.2.8-1.9V3c0-1.1-.9-2-2-2h-4.9c-.7 0-1.4.3-1.9.8L2.5 9.7c-.8.8-.8 2 0 2.8z'%3E%3C/path%3E%3Ccircle cx='8' cy='12' r='1.5'%3E%3C/circle%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-position: left 14px center, right 14px center; background-repeat: no-repeat, no-repeat; background-size: 18px 18px, 14px 14px; padding-left: 42px; padding-right: 38px;}

/* Sort by select with Sort arrows icon */
.catalog-field-sort select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M4 16l3 4 3-4'%3E%3C/path%3E%3Cpath d='M17 20V4M14 8l3-4 3 4'%3E%3C/path%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-position: left 14px center, right 14px center; background-repeat: no-repeat, no-repeat; background-size: 18px 18px, 14px 14px; padding-left: 42px; padding-right: 38px;}

/* Per page select with Grid icon */
.catalog-field-limit select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2.5'%3E%3C/rect%3E%3Cpath d='M3 12h18M12 3v18'%3E%3C/path%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-position: left 14px center, right 14px center; background-repeat: no-repeat, no-repeat; background-size: 18px 18px, 14px 14px; padding-left: 42px; padding-right: 38px;}

.catalog-field-q {flex: 2 1 280px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px;}
.catalog-field-q label {grid-column: 1 / -1;}
.catalog-field-q input {width: 100%; min-height: 48px; height: 48px; font-weight: 600; color: var(--color-ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7.5'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.5' y2='16.5'%3E%3C/line%3E%3C/svg%3E"); background-position: left 14px center; background-repeat: no-repeat; background-size: 19px 19px; padding-left: 44px;}
.catalog-field-q input::placeholder {color: var(--color-text-muted); font-weight: 600; opacity: 0.85;}
.catalog-field-q input::-webkit-search-decoration,
.catalog-field-q input::-webkit-search-cancel-button { -webkit-appearance: none; }
.catalog-field-limit {flex: 0 1 120px;}

.catalog-search-button, .catalog-clear, .catalog-pagination button {width: auto; min-height: 48px; padding: 10px 20px; border-radius: 8px; font-size: 15px; font-weight: 700; line-height: 1.4; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;}
.catalog-search-button {border: 1px solid var(--button-border);box-shadow: 0 1px 2px color-mix(in srgb, var(--color-black) 4%, transparent);}

/* Clear filters button with circular refresh icon */
.catalog-clear {display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1.5px solid var(--button-border); box-shadow: 0 1px 2px color-mix(in srgb, var(--color-black) 4%, transparent);}
.catalog-clear::before {content: ""; display: inline-block; width: 17px; height: 17px; background-repeat: no-repeat; background-position: center; background-size: contain; transition: transform 0.35s ease, filter 0.2s ease; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5'%3E%3C/path%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5'%3E%3C/path%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;}
.catalog-clear:hover::before { transform: rotate(180deg);}

.catalog-controls input:focus-visible, .catalog-controls select:focus-visible, .catalog-controls button:focus-visible, .catalog-pagination button:focus-visible {outline: 3px solid var(--color-focus); outline-offset: 2px;}
.catalog-controls input:focus, .catalog-controls select:focus {border-color: var(--color-focus); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-black) 12%, transparent); outline: none;}
.catalog-results-status, .catalog-search-help {font-size: 15px; line-height: 1.6; margin: 12px 0 0; text-align: left;}
.catalog-search-help:empty {display: none;}
.catalog-search-help {color: var(--color-warning);}
.catalog-pagination {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 30px;}
.catalog-pagination:empty {display: none;}
.catalog-pagination button {min-width: 46px; border: 1px solid var(--color-border);}
.catalog-pagination button:disabled:not([aria-current="page"]) { cursor: default;}
.catalog-pagination button[aria-current="page"] {cursor: default;}
.catalog-pagination span {padding: 0 3px;}
.catalog-products-page .products-content {min-width: 0;}
.catalog-products-page .products-list a:focus-visible, .products-main-wrapper .view-product-btn:focus-visible {outline: 3px solid var(--color-focus); outline-offset: 3px;}
.catalog-products-page .products-load-error, .products-main-wrapper .no-data, .products-main-wrapper .error {padding: 28px; text-align: center; width: 100%;}
.products-main-wrapper .error button {display: block; width: auto; margin: 15px auto 0;}
.catalog-products-page .products-load-error button {width: auto; margin: 12px 0;}
.catalog-linked-label {color: var(--color-accent-dark); font-size: 14px; font-weight: 700; margin: 0 0 10px;}
#catalog-results {scroll-margin-top: 100px;}
@media (max-width: 900px) {
    .catalog-field {flex-basis: calc(50% - 16px);}
    .catalog-field-q {flex-basis: 100%;}
    .catalog-field-limit {flex: 1 1 100px;}
}
@media (max-width: 600px) {
    .catalog-toolbar {padding: 16px; gap: 14px;}
    .catalog-field {flex-basis: 100%;}
    .catalog-field-limit {flex: 1 1 100%;}
    .catalog-clear {width: 100%;}
    .catalog-pagination button {padding: 10px 12px;}
}
@media (prefers-reduced-motion: reduce) {
    .catalog-controls *, .catalog-pagination *, .products-main-wrapper .product-inner {transition: none;}
}


/* testimonial css  */
.testimonial-wrappe {padding: 70px 0 80px;background: var(--color-surface-muted);}
.tesimonial-inner-wrapper {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: stretch;}
.tesimonial-inner-wrapper article {flex: 1 1 calc(33.333% - 20px); display: flex; flex-direction: column; padding: 30px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 16px; box-shadow: 0 4px 20px color-mix(in srgb, var(--color-black) 5%, transparent); position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.tesimonial-inner-wrapper article::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, var(--color-primary), var(--color-accent)); border-radius: 16px 16px 0 0;}
.tesimonial-inner-wrapper article::after {content: "“"; position: absolute; top: 10px; right: 20px; font-size: 90px; color: color-mix(in srgb, var(--color-primary) 18%, transparent); pointer-events: none; font-weight: 900;}
.tesimonial-inner-wrapper article:hover { transform: translateY(-5px); box-shadow: 0 12px 28px color-mix(in srgb, var(--color-black) 10%, transparent);}
.tesimonial-inner-wrapper article img {width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 15px; border: 2px solid var(--color-primary); padding: 3px;}
.tesimonial-inner-wrapper article h3 {font-size: 20px;font-weight: 700;margin-bottom: 4px;}
.tesimonial-inner-wrapper article span {font-size: 14px; font-weight: 600; color: var(--color-accent); margin-bottom: 12px;}
.tesimonial-inner-wrapper article p {margin: 0;}
/* testimonial css  */

/* Actions share one palette; secondary and destructive actions override only their role. */
:is(.common-btn-parent a, .common-btn button, .contact-us-right button,
    .view-product-btn, .core-value-btn, .catalog-search-button, .catalog-clear,
    .quantity button, .enquiry-empty-actions a, .wishlist-empty-actions a,
    .gallery-back, :where(#gallery-retry), .gallery-retry, .custom-confirm-cancel,
    .custom-confirm-ok, .thank-you-actions a) {
  background: var(--button-bg);
  color: var(--button-text);
  border: 1px solid var(--button-border);
  font-weight: var(--button-font-weight);
  transition: background-color .2s, color .2s, border-color .2s;
}
:is(.common-btn-parent a, .common-btn button, .contact-us-right button,
    .view-product-btn, .core-value-btn, .catalog-search-button, .catalog-clear,
    .quantity button, .enquiry-empty-actions a, .wishlist-empty-actions a,
    .gallery-back, :where(#gallery-retry), .gallery-retry, .custom-confirm-cancel,
    .custom-confirm-ok, .thank-you-actions a):hover:not(:disabled):not([aria-disabled="true"]) {
  --button-border: var(--button-hover-bg);
  background: var(--button-hover-bg);
  color: var(--button-text);
  border-color: var(--button-hover-bg);
}
:is(.common-btn-parent a, .common-btn button, .contact-us-right button,
    .view-product-btn, .core-value-btn, .catalog-search-button, .catalog-clear,
    .quantity button, .enquiry-empty-actions a, .wishlist-empty-actions a,
    .gallery-back, :where(#gallery-retry), .gallery-retry, .custom-confirm-cancel,
    .custom-confirm-ok, .thank-you-actions a):active:not(:disabled):not([aria-disabled="true"]) {
  --button-border: var(--button-active-bg);
  background: var(--button-active-bg);
  color: var(--button-text);
  border-color: var(--button-active-bg);
}
.catalog-clear, .custom-confirm-cancel,
.enquiry-empty-secondary, .wishlist-empty-secondary, .thank-you-secondary,
.product-enquiry-actions .add-enquiry-list {
  --button-bg: var(--color-surface);
  --button-border: var(--color-primary-border);
  --button-hover-bg: var(--color-primary-soft);
  --button-active-bg: var(--color-primary-border);
}
.custom-confirm-ok {
  --button-bg: var(--color-danger);
  --button-text: var(--color-white);
  --button-border: var(--color-danger);
  --button-hover-bg: var(--color-danger-hover);
  --button-active-bg: var(--color-danger-active);
}
:is(.common-btn-parent a, .common-btn button, .contact-us-right button,
    .view-product-btn, .core-value-btn, .catalog-search-button, .catalog-clear,
    .quantity button, .enquiry-empty-actions a, .wishlist-empty-actions a,
    .gallery-back, :where(#gallery-retry), .gallery-retry, .custom-confirm-cancel,
    .custom-confirm-ok, .thank-you-actions a):is(:disabled, [aria-disabled="true"]) {
  --button-border: var(--color-border);
  background: var(--color-disabled-bg);
  color: var(--color-disabled-text);
  border-color: var(--color-border);
  opacity: 1;
  cursor: not-allowed;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}
/* Selection controls stay neutral until hovered or selected. */
.catalog-pagination button, .gallery-pagination button, .tablinks {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: var(--color-border);
}
.catalog-pagination button:hover:not(:disabled), .gallery-pagination button:hover:not(:disabled) {
  background: var(--color-primary-soft);
  color: var(--color-ink);
  border-color: var(--color-primary-border);
}
.catalog-pagination button[aria-current="page"], .gallery-pagination button.active, .tablinks.active {
  background: var(--color-primary);
  color: var(--color-ink);
  border-color: var(--color-primary);
}
.tablinks:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--color-primary-hover);
  color: var(--color-ink);
  border-color: var(--color-primary-hover);
}
.tablinks:active:not(:disabled):not([aria-disabled="true"]) {
  background: var(--color-primary-active);
  border-color: var(--color-primary-active);
}
.catalog-pagination button:disabled:not([aria-current="page"]), .gallery-pagination button:disabled:not(.active) {
  --button-border: var(--color-border);
  background: var(--color-disabled-bg);
  color: var(--color-disabled-text);
  border-color: var(--color-border);
  opacity: 1;
  cursor: not-allowed;
}
.products-list.tap-section li a {color: var(--color-ink);}
.products-list.tap-section li a:hover {background: var(--color-primary-soft);color: var(--color-ink);}
.products-list.tap-section li a.act {background: var(--color-primary);color: var(--color-ink);}
.products-list.tap-section li a:hover::after, .products-list.tap-section li a.act::after {filter: brightness(0);}
.clear-cart-btn:hover, .reset-product-options:hover, .close-btn:hover {color: var(--color-danger-hover);}
.close-enquiry-popup:hover {background: var(--color-primary-soft);color: var(--color-ink);}
.wishlist-heart-btn:hover {color: var(--color-danger);border-color: var(--color-danger);}

.wishlist-heart-btn[aria-disabled="true"] {background: var(--color-disabled-bg);color: var(--color-disabled-text);border-color: var(--color-border);cursor: not-allowed;}