/* ---- Font imports (Google Fonts) ---- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,400;0,500;0,600;0,700;0,800&family=Raleway:ital,wght@0,500;0,600;0,700;0,800;1,500&display=swap');
:root {
  /* --- Brand: Teal / Green (primary) --- */
  --color-primary:            #5DAB97;
  --color-primary-2:            #14624E;
  --color-primary-dark:       #02574D;
  --color-primary-darker:     #02564C;
  --color-primary-soft:       #F4FAF5;
  --color-primary-soft-2:     #F4FAF5;
  --color-primary-muted:      #70A796;
  --color-primary-border:     #AED4CA;
  /* --- Brand: Purple (secondary) --- */
  --color-secondary:          #604EA1;
  --color-secondary-strong:   #6040BF;
  --color-secondary-deep:     #3F2D87;
  --color-secondary-deep-2:   #4F3D94;
  --color-secondary-light:    #B09FE4;
  --color-secondary-lighter:  #F5F3FB;
  --color-secondary-tint:     #F2EFFF;
  --color-secondary-tint-2:   #F3F1F8;
  --color-secondary-border:   #D7CFEF;
  /* --- Brand: Blue (tertiary / links & accents) --- */
  --color-blue:               #576BB2;
  --color-blue-light:         #3F528D /*  #778AC5   */;
  --color-blue-alt:           #EEF0F8  /*  #546BBC  */;
  --color-blue-strong:        #4B57C2;
  --color-blue-strong-2: #5368BF;
  --color-blue-100: #EAEDF7;
  /* --- Accent / Status --- */
  --color-danger-2:             #E11F27;
  --color-red:                #BA111A;
  --color-danger-alt:         #DF1F26;
  --color-danger-light:       #F15F5F;
  --color-warning:            #F39320;
  --color-warning-alt:        #F7941D;
  --color-warning-dark:       #BC4E13;
  --color-pink:               #F15FD4;
  --color-orange-bg:          #F7941D1F;
  --color-orange-semi:        #F48F5A; 
  --color-red-100: #F15F5F1F;
  --color-red-dark: #E11F27;
  --color-red-light: #FF9898;
  /* --- Neutrals: Text --- */
  --color-text:               #555565;
  --color-text-strong:        #292D32;
  --color-text-muted-2:         #717183;
  --color-text-disabled:      #91919F;
  --color-text-dark:          #4C4C51;
  --color-ink:                #1E1D1D;
  --color-black:              #000000;
  --color-noble-black:        #222225;
  /* --- Neutrals: Surface / Background --- */
  --color-white:              #FFFFFF;
  --color-surface:            #F4F4F4;
  --color-surface-2:          #EFEFF3;
  --color-surface-3:          #F1F2F9;
  --color-border:             #D9D9D9;
  /* --- Common alpha tokens (overlays, faint fills) --- */
  --color-overlay-40:         rgba(0, 0, 0, 0.40);
  --color-overlay-60:         rgba(0, 0, 0, 0.60);
  --black-color-overlay-40:    rgba(34, 34, 37, 0.40);
  --color-primary-dark-40:    rgba(2, 87, 77, 0.40);
  --color-primary-dark-08:    rgba(2, 87, 77, 0.08);
  --color-primary-10:         rgba(93, 171, 151, 0.10);
  --color-secondary-deep-70:  rgba(63, 45, 135, 0.70);
  --color-secondary-08:       rgba(96, 78, 161, 0.08);
  --color-secondary-10:       rgba(96, 78, 161, 0.10);
  --color-text-12:            rgba(113, 113, 131, 0.12);
  --color-text-20:            rgba(85, 85, 101, 0.20);
  --color-danger-08:          rgba(225, 31, 39, 0.08);
  --color-danger-10:          rgba(225, 31, 39, 0.10);
  --color-soft-green-50:      rgba(228, 242, 231, 0.50);
  /* TYPOGRAPHY TOKENS */
  --font-heading: 'Montserrat Alternates', sans-serif;
  --font-body:    'Raleway', sans-serif;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;
  --fs-16:   16px;
  --fs-18:   18px;
  --fs-20:   20px;
  --fs-24:   24px;
  --fs-28:   28px;
  --fs-32:   32px;
  --fs-60:   60px;
  --ls-tight:   -0.03em;
  --ls-snug:    -0.01em;
  --ls-wide:     0.10em;
}

/* ============================================================ BASE ============================================================ */
body { font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-16); line-height: 1.5; letter-spacing: var(--ls-tight); color: var(--color-ink); background: var(--color-white); }
/* ============================================================ TYPOGRAPHY UTILITY CLASSES ============================================================ */
.text-hero { font-family: var(--font-heading); font-weight: var(--fw-semibold); font-size: var(--fs-60); line-height: 1.5; letter-spacing: var(--ls-tight); }
h1,.h1 { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--fs-32); line-height: 1.2; letter-spacing: var(--ls-tight); margin: 0px; }
h2, .h2 { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--fs-28); line-height: 1.2; letter-spacing: var(--ls-tight); margin: 0px; }
h3, .h3 { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--fs-24); line-height: 1.2; margin: 0px; }
h4, .h4 { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--fs-24); line-height: 1.2; margin: 0px; }
h5, .h5 { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--fs-20); line-height: 1.2; letter-spacing: var(--ls-tight); margin: 0px; }
h6, .h6 { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--fs-18); line-height: 1.2; letter-spacing: var(--ls-tight); margin: 0px; }
.h2 span,h1 span, .h1 span, h2 span, .h3 span, h3 span  { font-weight: var(--fw-medium); }
.font-16 { font-size: var(--fs-16); }
.font-18 { font-size: var(--fs-18); }
.font-20 { font-size: var(--fs-20); }
.font-24 { font-size: var(--fs-24); }
.font-28 { font-size: var(--fs-28); }
.font-32 { font-size: var(--fs-32); }
.font-60 { font-size: var(--fs-60); }
.fw-medium    { font-weight: var(--fw-medium); }
.fw-semibold  { font-weight: var(--fw-semibold); }
.fw-bold      { font-weight: var(--fw-bold); }
.fw-extrabold { font-weight: var(--fw-extrabold); }
.font-heading { font-family: var(--font-heading); }
.font-body    { font-family: var(--font-body); }
.text-lg { font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-20); line-height: 1.5; letter-spacing: var(--ls-snug); }
body .text-body, body .text-body-2 { font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-16); line-height: 1.2; letter-spacing: var(--ls-tight); color: var(--color-ink); }
.text-italic { font-style: italic; font-weight: var(--fw-medium); }
/* ============================================================ COLOR UTILITY CLASSES ============================================================ */
.text-primary       { color: var(--color-primary); }
.text-primary-dark  { color: var(--color-primary-dark); }
.text-secondary     { color: var(--color-secondary); }
.text-default       { color: var(--color-text); }
.text-muted-2         { color: var(--color-text-muted-2); }
.text-disabled      { color: var(--color-text-disabled); }
.text-danger-2        { color: var(--color-danger-2); }
.text-white         { color: var(--color-white); }
.text-secondary-strong { color: var(--color-secondary-strong); }
.text-blue-strong-2 { color: var(--color-blue-strong-2); }
.text-warning-dark { color: var(--color-warning-dark); }
.fg-color-blue { color: var(--color-blue); }
.fg-color-orange { color: var(--color-warning-dark); }
.bg-primary         { background-color: var(--color-primary); }
.bg-primary-dark, .fg-cat--soy .fg-cat__label { background-color: var(--color-primary-dark); }
.bg-primary-soft    { background-color: var(--color-primary-soft); }
.bg-secondary, .fg-cat--sensitive .fg-cat__label { background-color: var(--color-secondary); }
.bg-secondary-tint  { background-color: var(--color-secondary-tint); }
.bg-surface, .fg-thead tr th:nth-child(odd)   { background-color: var(--color-surface); }
.bg-surface-2       { background-color: var(--color-surface-2); }
.bg-surface-3       { background-color: var(--color-surface-3); }
.bg-surface-4       { background-color: var(--black-color-overlay-40); }
.bg-blue, .fg-cat--standard .fg-cat__label { background-color: var(--color-blue); }
.bg-noble-black     { background-color: var(--color-noble-black); }
.bg-white, .fg-thead tr th:nth-child(even) { background-color: var(--color-white); }
.bg-red             { background-color: var(--color-red); }
.bg-soft-green { background: var(--color-soft-green-50)  }
.bg-danger-2        { background: var(--color-danger-2); }
.bg-secondary-lighter  { background: var(--color-secondary-lighter); }
.bg-blue-alt { background: var(--color-blue-alt); }
.border-default     { border: 1px solid var(--color-border); }
.border-primary     { border: 1px solid var(--color-primary-border); }
.border-secondary   { border: 1px solid var(--color-secondary-border); }
.border-light-green { border: 2px solid var(--color-soft-green-50); }
.border-light-green-top { border-top: 2px solid var(--color-soft-green-50); }
.section-spacing { padding-top: 56px; padding-bottom: 56px; }
.main-section { display: flex; }
.content-section { width: calc(100% - 350px); overflow: hidden; display: flex; flex-direction: column; }
.white-fill:hover svg path{ fill: var(--color-white); }
.white-stroke:hover svg path{ stroke: var(--color-white); fill:none; }
/* header CSS */
.header-section { width: 350px; border-right: 2px solid var(--color-surface-2)  }
.header-section header { height: 100vh; overflow: auto;position: sticky; top: 0px; }
.sidebar-wrapper { height: 100%; }
.search-box { padding: 40px 40px 0px 40px; }
.header-logo-wrapper { padding: 40px; text-align: center; }
.header-logo-wrapper img { width: 268px; height: auto; max-width: 100%; object-fit: contain; }
.portal-menu { padding: 0px; margin: 0px; }
.menu-link { display: flex; align-items: center; gap: 12px; width: 100%; cursor: pointer; font-weight: var(--fw-bold); color: var(--color-text); text-align: left; transition: background .18s ease; background: transparent; border: none; padding: 20px 40px; border-radius: 0px; text-decoration: none; }
.menu-item { display: block; border-top: 2px solid var(--color-surface-2); }
.menu-item:last-child { border-bottom: 2px solid var(--color-surface-2); }
.menu-link:hover, .menu-link:focus,
.menu-item--open .menu-link, .menu-link--static:hover, .menu-link--static:focus { background: var(--color-surface-2); color: var(--color-text); }
.menu-link__label { flex: 1; line-height: 1.25; }
.menu-link__chevron { transition: transform .28s ease; flex-shrink: 0; }
.menu-item--open .menu-link__chevron { transform: rotate(180deg); }
.submenu { overflow: hidden; max-height: 0; transition: max-height .32s ease; }
.submenu__list { display: flex; gap: 24px; flex-direction: column; padding: 10px 40px 24px; background: var(--color-surface-2); }
.submenu__list li { display: block; }
.submenu__link { display: block; padding-left: 12px; font-weight: var(--fw-semibold); color: var(--color-text); text-decoration: none; border-radius: 0px; transition: background .15s ease, color .15s ease; border-left: 2px solid var(--color-primary); }
.menu-link--static { cursor: default; }
.menu-link--static:hover { text-decoration: none; }
.portal-signout-wrap { padding: 40px; display: flex; justify-content: left; align-items: center; gap: 8px; }
.portal-signout { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 2px solid var(--color-text); border-radius: 3px; background: transparent; font-weight: var(--fw-semibold); color: var(--color-text); cursor: pointer; transition: background .18s ease, color .18s ease; text-decoration: none; }
.portal-signout:hover { background: var(--color-text); color: var(--color-white); }
.portal-signout svg { color: currentColor; }
.search-wrapper { display: flex; }
.search-wrapper label{ background-color: #F1F2F9; display: inline-block; padding: 12px 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right: 2px solid rgba(85, 85, 101, 0.20); margin: 0px; } 
.search-wrapper input {  background-color: #F1F2F9; display: block; padding: 12px 20px; width: 100%;border: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; font-size: var(--fs-18); color: var(--color-text); }
.search-wrapper input::placeholder { color: var(--color-text); }
/* header CSS End*/
/* footer CSS Start */
footer { background: #646460; padding: 20px 0; color: var(--color-white); font-size: var(--fs-18); margin-top: auto; }
footer .navbar-brand { -ms-flex-align: center; align-items: center; }
footer .footer-address p a { color: var(--color-white); }
footer .footer-address p a:hover, footer .footer-address p a:focus { color: var(--color-primary); }
footer .ft-logo img { max-width: 100%; }
footer .h4 { font-size: var(--fs-24) !important; text-transform: capitalize; font-weight: var(--fw-bold) !important; }
.footer-nav li { display: block; }
.contact-link,
.footer-nav li a { color: var(--color-white); }
.contact-link:hover,
.footer-nav li a:hover, .contact-link:focus,
.footer-nav li a:focus { color: var(--color-primary); }
.social-media { display: flex; justify-content: flex-end; }
.social-media li { display: block; }
.social-media li a { font-size: var(--fs-20); color: var(--color-white); display: flex; }
.social-media li a svg { fill: var(--color-white); width: 24px; height: 25px; }
.social-media li a:hover, .social-media li a:focus, footer a:hover { color: var(--color-primary); transition: 0.2s; }
.social-media li a:hover svg, .social-media li a:focus svg { fill: var(--color-primary); transition: 0.2s; }
.social-media li+li { margin-left: 15px; }
.footer-address p > a { white-space: nowrap; }
.footer-address p { font-weight: var(--fw-bold); }
footer a { color: var(--color-white); text-decoration: none; }
footer p { margin: 0px; }
footer .footer-right-col { width: 100%; text-align: center; padding-top: 20px; border-top: 1px solid #fff; margin-top: 20px; }
footer .footer-right-col p, footer .footer-right-col a { font-weight: var(--fw-medium); }
footer .footer-right-col.text-center p { text-align: center; }
.privacy-policy a + a { margin-left: 12px; }
.top-button {   position: fixed; bottom: 30px; right: 30px; cursor: pointer; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 1000;}
.top-button.show { opacity: 1; visibility: visible; }
/* footer CSS End */
/* Main page banner Start */
.banner-sec { background-size: cover; background-repeat: no-repeat; background-color: black; position: relative; padding: 226px 0px 28px; }
.banner-sec::after, .training-manual::after { content: ""; background-color: rgba(0,0,0,0.4); mix-blend-mode: multiply; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.training-manual::after { background-color: rgba(0,0,0,0.2); }
.banner-heading { position: relative; z-index: 11;  }
.banner-heading-img { margin-right: 20px; object-fit: contain; }
.banner-strip { height: 34px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
/* Main page banner End */
/* Inner page banner Start */
.inner-banner-sec { background-size: cover; background-repeat: no-repeat; position: relative; padding: 40px 0px 40px; }
.banner-heading { position: relative; z-index: 11;  }
.inner-banner-sec .banner-heading-img { margin-right: 14px; object-fit: contain; }
.back-button-sec a, .btnn { color: var(--color-text-muted-2); border: 2px solid var(--color-surface); background: var(--color-white); border-radius: 8px; padding: 8px 14px; display: inline-flex; gap: 8px; font-weight: var(--fw-semibold); text-decoration: none; align-items: center; }
.back-button-sec a:hover, .btnn:hover { background-color: var(--color-text-disabled); color: var(--color-white); border-color: var(--color-white); }
.back-button-sec a:hover svg path,
.btnn:hover svg path { fill: var(--color-white); }
.back-button-sec a.back-btn:hover { color: var(--color-white); }
.back-button-sec a.back-btn:hover svg path { fill: var(--color-white); }
.primary-green-btn { background-color: var(--color-surface); color: var(--color-primary-dark); }
.fill-primary { fill: var(--color-primary); } 
.primary-green-btn:hover { color: var(--color-surface); background-color: var(--color-primary-dark); }
.primary-green-btn:hover .fill-primary { fill: var(--color-white); }
/* Inner page banner End */
/* Training Sec Start */
.training-manual { background-size: cover; background-repeat: no-repeat; background-color: black; position: relative; }
.training-manual .container { z-index: 111; position: relative; }
/* Training Sec End */
/* vendor page start */
/* NEW: make a card a clickable popup trigger (keyboard + pointer) */
.vendor-card__link[role="button"],.vendor-card__link[data-modal-open]{cursor:pointer;}
.vendor-card__link[data-modal-open]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;}
.vendor-card__link { transition: all ease 0.3s; }
.vendor-card__link:hover { transform: scale(1.01); }
/* NEW: View / Download action row inside the card body */
.vendor-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.vendor-card__action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;background: rgba(93, 171, 151, 0.10);border:1px solid rgba(93, 171, 151, 0.10) ;color:var(--color-primary-dark);font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--fs-16);line-height:1;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;}
.vendor-card__action-btn svg{width:16px;height:16px;flex-shrink:0;}
.vendor-card__action-btn:hover,.vendor-card__action-btn:focus-visible{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white);outline:none;}
/* NEW: reusable, stack-able modal component */
.c-modal-overlay[hidden]{display:none;}
body.is-modal-open{overflow:hidden;}
.c-modal-overlay{position:fixed;inset:0;z-index:11111 !important;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}
.c-modal{position:relative;width:100%;max-width:1000px;margin:auto;background:var(--color-white);border-radius:16px;padding:50px 40px 44px;box-shadow:0 30px 80px rgba(0,0,0,0.6);animation:cModalPop .26s cubic-bezier(.2,.8,.25,1) both;}
.c-modal--lg{max-width:920px;}
@keyframes cModalPop{from{opacity:0;transform:translateY(14px) scale(.97);}to{opacity:1;transform:none;}}
.c-modal__title { margin:0 56px 28px 0;font-family:var(--font-heading);font-weight:var(--fw-extrabold);color:var(--color-primary-dark);font-size: var(--fs-32);line-height:1.15;letter-spacing:var(--ls-tight);}
.c-modal__title .text-accent{color:var(--color-primary);}
.c-modal__title span { font-weight: var(--fw-medium); }
.c-modal__close{position:absolute;top:26px;right:26px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--color-primary-dark);cursor:pointer;transition:background .18s ease,transform .18s ease;z-index:5; padding: 0px;}
.c-modal__close svg{width:40px;height:40px;}
.c-modal__close:hover,.c-modal__close:focus-visible{transform:rotate(90deg);outline:none;}
/* ---- VIDEO SLIDER: title slides WITH the video (UPDATED) ---- */
.c-modal__video{ background: transparent; }
.c-modal__video video,.c-modal__video iframe{width:100%;height:100%;border:0;display:block;}
.video-slide{ display:flex; flex-direction:column; height:auto; }
.video-slide__title{ margin:0 0 16px; padding-right:48px; font-family:var(--font-heading); font-weight:var(--fw-extrabold); font-size:var(--fs-28); line-height:1.2; letter-spacing:var(--ls-tight); color:var(--color-primary-dark); }
.video-slide__frame{ border-radius:12px; overflow:hidden; background:var(--color-black); }
.c-modal__video .swiper-button-next, .c-modal__video .swiper-button-prev { position: fixed; top: 50%; transform: translateY(-50%); z-index: 1060; width: 44px; height: 44px; border-radius: 50%; background: rgba(225, 225, 225, 0.7); color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, transform 0.2s; margin-top: 0;}
.c-modal__video .swiper-button-next:hover, .c-modal__video .swiper-button-prev:hover { background: rgba(225, 225, 225, 1); }
.swiper-button-next::after {color:white; width:22; height:22;}
.c-modal__video .swiper-button-next:after, .c-modal__video .swiper-button-prev:after { color: black; width: auto; height: auto; font-size: inherit; line-height: inherit; line-height: 1; font-size: 16px; }
.c-modal__video  .swiper-button-prev { left: -60px; }
.c-modal__video .swiper-button-next { right: -60px; left: auto; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { display: none; }
 /* Scoped slider styles — only affects the generated video slider */
.vendor-video-slider{position:relative;width:100%;padding:0 0 6px;}
.vendor-video-slider .swiper{padding-bottom:48px;}
.vendor-video-slider .swiper-slide{height:auto;display:flex;}
.vendor-video-slider .vendor-card{width:100%;max-width:100%;flex:0 0 auto;padding:0;}
.vendor-video-slider .swiper-button-next,
.vendor-video-slider .swiper-button-prev{color:var(--color-primary-dark);top:auto;bottom:0;width:34px;height:34px;}
.vendor-video-slider .swiper-button-next:after,
.vendor-video-slider .swiper-button-prev:after{font-size:18px;font-weight:700;}
.vendor-video-slider .swiper-button-prev{left:0;}
.vendor-video-slider .swiper-button-next{left:44px;right:auto;}
.vendor-video-slider .swiper-pagination{bottom:6px;text-align:right;}
.vendor-video-slider .swiper-pagination-bullet-active{background:var(--color-primary-dark);}
.vendor-resources { background-size: cover; background-repeat: no-repeat; }
.vendor-resources .banner-heading-img { max-width: 40px; }
.vendor-resources__title {margin:0 0 20px; color:var(--color-primary-dark); font-family:var(--font-heading); font-weight:var(--fw-bold); font-size:var(--fs-24); line-height:1.5; letter-spacing:var(--ls-tight);}
.vendor-resources__grid {--bs-gutter-x:40px; --bs-gutter-y:40px; --bs-gutter-y: 0px; row-gap: 40px; margin-top: 34px; }
.vendor-card { position: relative; }
.vendor-card__link {display:flex; flex-direction:column; width:100%; background:var(--color-blue); border:2px solid var(--color-secondary-tint-2); border-radius:8px; overflow:hidden; text-decoration:none; color:inherit;}
.vendor-card__media {position:relative; display:block; aspect-ratio:16 / 8; overflow:hidden;}
.vendor-card__image {display:block; width:100%; height:100%; object-fit:cover; position:absolute; inset:0; z-index:0;  opacity: 20%;}
/* mix-blend-mode: multiply; */
/* .vendor-card__media::before {content:""; position:absolute; inset:0; z-index:1; background:var(--color-blue); mix-blend-mode:multiply; pointer-events:none;} */
.vendor-card__title-link { text-decoration: none; }
.vendor-card__badge {position:absolute; top:12px; left:12px; z-index:2; display:inline-flex; align-items:center; padding:6px 12px; font-weight: 600;  letter-spacing: 1.6px;background:var(--color-white); color:var( --color-text); text-transform:uppercase; border-radius:4px; line-height:1; white-space:nowrap;}
.vendor-card__action {position:absolute; top:12px; right:calc(calc(var(--bs-gutter-x) * .5) + 12px); z-index:2; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:4px;}
.vendor-card__action img {width:16px; height:16px; display:block;}
.vendor-card__body {flex:1 1 auto; display:flex; flex-direction:column; justify-content:flex-start; padding:16px 18px 18px; background:var(--color-white);}
.vendor-card__title {margin:0; color:var(--color-blue); font-family:var(--font-body); font-weight:var(--fw-bold); font-size:var(--fs-20); line-height:1.35; letter-spacing:var(--ls-tight, -0.03em); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.vendor-card__meta { color:var(--color-blue); font-family:var(--font-body); font-weight:var(--fw-medium); font-size:var(--fs-16); line-height:1.4; letter-spacing:var(--ls-snug, -0.01em);margin-bottom: 0;}
.video-black .vendor-card__image { opacity: 60%; }
.vendor-card__link.vendor-card_mintgreen.video-black { background-color: #222222; }
/* vendor page End */
.error404 .coming-soon { background-image: url(/wp-content/uploads/2026/06/Wavy_background_light.svg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; display: flex; width: 100%; align-items: center; justify-content: center; position: relative;    min-height: 400px; padding: 20px;background-color: rgba(0,0,0,1);}
.error404 .coming-soon::after { content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0,0,0,0.5); position: absolute;}
.hero-content { z-index: 11; position: relative; }

/* Gravity form CSS Start*/
.banner-bg-color { background-color: #4F3D94; }
.gform_wrapper .gform_heading { display: none; }
body .gform_wrapper form,
body .gform_validation_errors { max-width: 560px; margin: 0 auto; position: relative; }
body .gform_wrapper form.security-badge-form, body .gform_validation_errors .security-badge-form {max-width: 620px; }
.gform-theme .gfield--type-html { color: var(--color-text); font-family: var(--font-body); font-weight: var(--fw-semibold); font-size: var(--fs-16); letter-spacing: var(--ls-snug); line-height: 1.5; }
.gform-theme .gfield--type-html.gravity-green-title { color: var(--color-primary-dark); font-weight: var(--fw-bold); }
.gform-theme .gfield--type-html .gravity-medium-title span, .gform-theme .gfield--type-html .gravity-medium-title { color: var(--color-primary-dark); font-weight: var(--fw-medium); }
.gform-theme .gfield--type-html.gravity-medium-text { font-weight: var(--fw-medium); }
.gform-theme .gfield--type-html span.gravity-bold-text, .gform-theme .gfield--type-html .gravity-bold-text span { font-weight: var(--fw-bold); }
.gform-theme label.gfield_label,
.gform-theme legend.gfield_label.gform-field-label { color: var(--color-text); font-family: var(--font-body); font-weight: var(--fw-semibold); font-size: var(--fs-16); letter-spacing: var(--ls-tight); line-height: 1.2; }
.gform-theme label.gfield_label .gform-field-label>.gfield_required,
.gform-theme label.gfield_label .gform-field-label>.gfield_required .gfield_required_asterisk { color: var(--color-danger-2); font-family: var(--font-body); font-weight: var(--fw-semibold); font-size: var(--fs-16); letter-spacing: var(--ls-tight); line-height: 1.2; }
.gform-theme--foundation .gravity-from-wic .gform-field-label { gap: 0; align-items: anchor-center; }
.gform-theme--framework .gravity-from-wic .gform-field-label>.gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform_editor .gravity-from-wic legend.gform-field-label>span>.gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { transform: scale(2.2);
    margin-left: 2px;color: var(--color-danger-2);}
.gform-theme--foundation .gravity-from-wic .gfield .ginput_password.large,
.gform-theme--foundation .gravity-from-wic .gfield input.large,
.gform-theme--framework .gravity-from-wic .gfield--input-type-datepicker .ginput_container_date input,
.gform-theme--framework .gravity-from-wic .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date input,
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_first input,
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_middle input,
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_last input,
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_suffix input,
.portal-login-form .form-control { border: 2px solid var(--color-surface); border-radius: 8px; padding: 12px; height: auto; display: inline-block; box-sizing: border-box; box-shadow: none; outline:none; }
.gform-theme--framework .gravity-from-wic .gfield textarea,
.gform-theme--framework .gravity-from-wic .gfield textarea.small,
.gform-theme--framework .gravity-from-wic .gfield textarea.medium,
.gform-theme--framework .gravity-from-wic .gfield textarea.large { border: 2px solid var(--color-surface); border-radius: 8px; padding: 12px; height: 90px; display: inline-block; box-sizing: border-box; box-shadow: none; outline:none; }
.gform-theme--foundation .gravity-from-wic .gfield.gf-date { position: relative; }
.gform-theme--foundation .gravity-from-wic .gfield.gf-date::after { content: ""; position: absolute; right: 0.6em; width: 23px; height: 23px; transform: translateY(-50%); background: #fff url(/wp-content/uploads/2026/06/date-gravity-icon-1.svg) no-repeat center; pointer-events: none; top: 55px; }
.gform-theme--framework .gravity-from-wic input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    color: var(--color-text); font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-16); letter-spacing: var(--ls-tight); line-height: 1.2; }
.gform-theme--framework .gfield--input-type-datepicker .ginput_container_date input { width: 100%; }
.gform-theme--framework .gravity-from-wic input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus { border-color: var(--color-primary-dark); outline: none; }
.gform-theme--framework .gravity-from-wic input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { outline: none !important; }
body .gform-theme--framework .gravity-from-wic input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder { color: var(--color-text-muted-2); }
.gform-theme--foundation .gravity-from-wic .gfield .ginput_password.large:focus,
.gform-theme--foundation .gravity-from-wic .gfield input.large:focus,
.gform-theme--framework .gravity-from-wic .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date input:focus,
.gform-theme--framework .gravity-from-wic .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date input:focus,
.gform-theme--framework .gravity-from-wic .gfield textarea:focus,
.gform-theme--framework .gravity-from-wic .gfield textarea.small:focus,
.gform-theme--framework .gravity-from-wic .gfield textarea.medium:focus,
.gform-theme--framework .gravity-from-wic .gfield textarea.large:focus,
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_first input:focus,
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_middle input:focus,
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_last input:focus,
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_suffix input:focus,
.portal-login-form .form-control:focus { border-color: var(--color-primary-dark); }
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus{ border-color: var(--color-primary-dark); }
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input:is([type=submit], [type=button],
    [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(:focus),
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input:is([type=submit], [type=button],
    [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(:focus),
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(:focus),
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic:where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus { border-color: var(--color-primary-dark); }
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input:is([type=submit], [type=button],
    [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input:is([type=submit], [type=button],
    [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.portal-login-form .btn { text-align: center; justify-content: center;
    color: var(--color-white); border: 2px solid var(--color-primary-dark); background: var(--color-primary-dark); border-radius: 3px; padding: 8px 16px; display: inline-flex; font-weight: var(--fw-bold); font-size: var(--fs-16); outline: none; }
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(:hover, :focus),
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(:hover, :focus),
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(:hover, :focus),
.portal-login-form .btn:hover { color: var(--color-primary-dark); border: 2px solid var(--color-primary-dark); background: var(--color-white); }
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
   color: var(--color-text); border: 2px solid var(--color-surface); background: var(--color-surface); border-radius: 3px; padding: 8px 16px; display: inline-flex; font-weight: var(--fw-bold); font-size: var(--fs-16); display: inline-block; position: absolute; right: 0px; outline: none; }
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(:hover) {
    color: var(--color-primary-dark); border: 2px solid var(--color-primary-dark); background: var(--color-white); }
.gform-theme--foundation .gravity-from-wic .gform_fields { row-gap: 30px; }
body .gform-theme--framework .gform_validation_errors .gform_submission_error,
.gform-theme--framework .field_description_below .gfield_description:where(:not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.ginput_counter_tinymce):not(.gfield_choice_limit_message)),
body .gform-theme--framework .field_description_above .gfield_description:where(:not([class=gfield_description]):not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.ginput_counter_tinymce):not(.gfield_consent_description):not(.gfield_choice_limit_message)) {
    color: var(--color-danger-2); font-family: var(--font-body); font-weight: var(--fw-bold); font-size: var(--fs-16); letter-spacing: var(--ls-snug); line-height: 1.5; }
body .gform-theme--framework .gform_validation_errors { border: 2px solid var(--color-danger-2); outline: none; }
.gform-theme--framework .gform_validation_errors:focus { outline: none; border-color: var(--color-danger-2); }
.gform-theme--framework .gform_validation_errors .gform-icon { font-family: var(--font-body); font-weight: var(--fw-bold); font-size: var(--fs-18); color: var(--color-danger-2); text-transform: none; }
.gform-footer.gform_footer.top_label { margin-top: 24px; display: inline-block; }
.training-confirmation-sec .wic-confirmation__image { text-align: center; }
.training-confirmation-sec .wic-confirmation__title { font-size: var(--fs-28); color: var(--color-primary-dark); font-family: var(--font-heading); text-align: center; line-height: 1.2; letter-spacing: var(--ls-tight); font-weight: var(--fw-semibold); padding-top: 15px; }
.training-confirmation-sec .wic-confirmation__subtitle { color: var(--color-primary); font-size: var(--fs-28); font-family: var(--font-heading); text-align: center; line-height: 1.2; letter-spacing: var(--ls-tight); font-weight: var(--fw-bold); }
.training-confirmation-sec p.wic-confirmation__message { font-size: var(--fs-16); color: var(--color-ink); font-family: var(--font-body); text-align: center; line-height: 1.3; font-weight: var(--fw-bold); letter-spacing: var(--ls-tight); padding-top: 15px; margin-bottom: 0px; }
.training-confirmation-sec p.wic-confirmation__message + p.wic-confirmation__message { padding-top: 0px; }
.gravity-from-wic .gform-loader { display: inline-block; width: 24px; height: 24px; margin-left: 12px; vertical-align: middle; border: 3px solid var(--color-surface, #e0e0e0); border-top-color: var(--color-primary-dark, #1a7a7a); color: #1a7a7a; border-radius: 50%; animation: wic-spin 0.7s linear infinite; }
.gform-theme.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before { block-size: 13px; inline-size: 13px; outline: 0px; background-color: var(--color-text); }
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before { transition: all ease 0.5s; }
.gform-theme.gform-theme--framework .gfield--type-choice .gfield_radio { flex-direction: row; gap: 4px; }
.gform-theme.gform-theme--foundation .gravity-from-wic .gfield--type-choice .gfield_radio .gfield-choice-input::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; }
.gform-theme.gform-theme--framework .gform-field-label--type-inline { margin-left: 0px; }
.gform-theme.gform-theme--framework .gfield--type-choice .gfield_radio .gchoice, .gform-theme.gform-theme--framework .gfield--type-choice .gfield_radio .ginput_container_consent { border: 2px solid var(--color-border); border-radius: 8px; padding: 12px; height: auto; box-sizing: border-box; box-shadow: none; }
.gform-theme.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { height: 13px; width: 13px; border: 2px solid var(--color-border); box-shadow: none; cursor: pointer; }
.gform-theme.gform-theme--framework .gfield--type-choice .gfield_radio .gchoice, .gform-theme--framework .gfield--type-choice .gfield_radio .ginput_container_consent { align-items: center; justify-content: center; display: inline-grid; }
.gform-theme.gform-theme--foundation .gravity-from-wic .gform-field-label, .portal-login-form .form-label { color: var(--color-ink); font-family: var(--font-body); font-weight: var(--fw-semibold); font-size: var(--fs-16); letter-spacing: var(--ls-snug); line-height: 1.5; }
.gfield_signature_container canvas { max-width: 100%; border-radius: 8px; padding: 0px; height: auto; display: inline-block; box-sizing: border-box; box-shadow: none; }
.gform-theme.gform-theme--framework .gfield--type-choice .gfield_radio .gchoice:has(input:checked),
.gform-theme.gform-theme--framework .gfield--type-choice .gfield_radio .gchoice:has(input:focus) { border-color: var(--color-body); }
.gfield_signature_ui_container.gform-theme__no-reset--children { border: 2px solid var(--color-surface); border-radius: 8px; padding-right: 0px; padding-bottom: 0px; outline:none; }
body .gfield_signature_ui_container.gform-theme__no-reset--children { position: relative; }
.gfield_signature_ui_container.gform-theme__no-reset--children:focus-within { border-color: var(--color-primary-dark) !important; }
body .gfield_signature_ui_container.gform-theme__no-reset--children div:nth-child(2) { display: inline-block; position: absolute !important; bottom: 10px; right: 10px; width: auto !important; max-width: max-content !important; }
.gfield_signature_container canvas:focus-visible { outline: none; border:none !important; }
ul.gravity-ul li { margin-bottom: 10px; }
.gform-theme .gravity-bold-black{ color: var(--color-black); font-weight: var(--fw-bold); margin-bottom: -10px !important; }
.repeater-field-header-acctions li:first-child { display: none; }
.gform-theme--foundation .gfield.gfield--type-repeater_end { padding: 0px !important; }
.repeater-field-header-acctions, .repeater-field-header-acctions-remove { text-align: right !important; }
.gform-theme.gform-theme--framework .gfield--type-choice .gchoice { cursor: pointer; }
.gfield.gfield--input-type-repeater_start { display: none; }
.gform-theme--foundation .gfield .repeater-field-item { margin-bottom: 24px !important; }
body .gf-repeater-field-button-add { background-color: transparent !important; color: #555565 !important; border: 2px solid #F4F4F4; border-radius: 8px !important; padding: 12px 16px 12px 36px !important; transition: all ease 0.5s; }
body .gf-repeater-field-button-add:hover { box-shadow: none !important; background-color: #555565 !important; color: #FFFFFF !important;  }
body .gf-repeater-field-button-add::before { content: ""; width: 14px; height: 14px; position: absolute; background-image: url(/wp-content/uploads/2026/06/add-btn-svg.png); background-position: center center; background-size: contain; left: 16px; transition: all ease 0.5s; }
body .gf-repeater-field-button-add:hover::before { background-image: url(/wp-content/uploads/2026/06/add-btn-svg-white.png); }
.repeater-field-header-title { color: var(--color-ink); }
body .gfield_signature_image { border: 2px solid var(--color-surface); border-radius: 8px; padding-right: 0px; padding-bottom: 0px; outline: none; box-shadow: none; }
.gfield:has(.gfield_signature_image img) .gfield_signature_ui_container { border: 0px; }
.repeater-field-warp-item > .repeater-field-item:only-child .repeater-field-header-acctions li i { display: none; }
/* .gform-footer.gform_footer.top_label { display: flex; align-items: center; } */
/* Gravity form CSS End */
/* Login page */
.portal-login-sec { display: flex; align-items: center; min-height: 100vh; padding-top: 50px; padding-bottom: 50px; background-image: url(/wp-content/uploads/2026/06/Wavy_background_light.svg); background-position: top center; background-size: cover; background-repeat: no-repeat; }
.portal-login-card { border-radius: 14px; box-shadow: 0 10px 40px rgba(20, 20, 50, 0.08); border: 1px solid rgba(85, 85, 101, 0.2); }
.portal-login-card__title { font-size: var(--fs-28); color: var(--color-primary-dark); font-family: var(--font-heading); font-weight: var(--fw-bold); line-height: 1.2; letter-spacing: var(--ls-tight); }
.portal-login-card__intro { font-size: var(--fs-16); color: var(--color-ink); font-family: var(--font-body); font-weight: var(--fw-medium); line-height: 1.5; letter-spacing: var(--ls-tight); }
.login-help { border-top: 2px solid rgba(2, 87, 77, 0.08); }
.portal-login-link { color: var(--color-primary-dark); text-decoration: none; } 
.portal-login-link:hover { text-decoration: underline; }
.delaware-logo { position: absolute; top: 20px; left: 20px; }
.portal-login-split__panel { padding: 40px; }
.portal-login-split__form { padding: 80px 40px; }
.portal-login-split__panel { display: flex; flex-direction: column; justify-content: center; align-items: start; background-color: var(--color-primary-dark); color: var(--color-white); border-radius: 14px 0 0 14px; }
.search-results .vendor-card__media { background-image: url('/wp-content/uploads/2026/06/banner-stri-all-staff.svg'); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.search-results .vendor-card__media::after { content: ""; position: absolute; inset: 0; background-color: rgba(87, 107, 178, 0.81); border-radius: 7px 7px 0 0px; }
.search-pagination .pagination-list { justify-content: center; }
.search-wrapper { margin-right: 0px !important; }
/* Login page End */
.tv-day-section:focus { outline: none; }
/* Formula Guide Start */
.vendor-card__link.vendor-card_mintgreen {border:2px solid var( --color-primary-soft); background-color:var(--color-primary-dark);}
.vendor-card_mintgreen .vendor-card__title, .vendor-card_mintgreen .vendor-card__meta {color:var(--color-primary-dark);}
.vendor-card__link {background:var(--color-blue); background-color:var(--color-blue); height: 100%;}
.fg-scroll {overflow-x:auto; overflow-y:hidden;}
.fg-scroll:focus-visible {outline:2px solid var(--color-primary); outline-offset:2px;}
.fg-table {width:100%; min-width:992px; table-layout:fixed; border-collapse:collapse; border-color:var(--color-secondary-08); border:2px solid var(--color-secondary-08); border-left:none; border-right:none;}
.fg-table.table .fg-thead tr th {color:var(--color-text);}
.fg-table .fg-thead {border-top:2px solid #D9D9D9;}
.fg-table col {width:169px;}
.fg-table th, .fg-table td {padding:10px 12px; vertical-align:top; border-bottom:1px solid var(--color-border);}
.fg-table thead th {padding-bottom:10px; vertical-align:bottom; justify-items:flex-start;}
.fg-brand {min-height:105px;}
.fg-brand img {display:block; margin:0; margin-bottom:15px; max-width:100%; height:auto; object-fit:contain;}
.gap-5px {gap:5px ;}
.fg-cat__label {height:44px; padding:12px; text-align:left;}
.fg-group--standard {--fg-odd:rgba(87, 107, 178, 0.08); --fg-even:rgba(87, 107, 178, 0.04);}
.fg-group--sensitive {--fg-odd:var(--color-secondary-08); --fg-even:rgba(96, 78, 161, 0.04);}
.fg-group--soy {--fg-odd:var(--color-primary-dark-08); --fg-even:rgba(2, 87, 77, 0.04);}
.fg-group--hydrolyzed, .fg-group--hydrolyzed tr {--fg-odd:var(--color-danger-08); --fg-even:rgba(225, 31, 39, 0.04); border:2px solid var( --color-danger-10); border-left:none; border-right:none;}
.fg-group--hydrolyzed, .fg-group--hydrolyzed tr {border-left:none; border-right:none;}
.fg-group > tr:not(.fg-cat) >:nth-child(odd) {background:var(--fg-odd);}
.fg-group > tr:not(.fg-cat) >:nth-child(even) {background:var(--fg-even);}
.fg-group th, .fg-group td {font-weight:var(--fw-semibold); font-size:var(--fs-16); color:var(--color-text);}
.fg-icon {flex:0 0 24px; width:24px; height:24px; vertical-align:top;}
.fg-group--standard.fg-group th, .fg-group--standard.fg-group td {border-bottom:2px solid rgb(87 107 178 / 10%);}
.fg-group--sensitive.fg-group th, .fg-group--sensitive.fg-group td {border-bottom:2px solid rgb(96 78 161 / 10%);}
.table>:not(caption) .fg-cat--hydrolyzed .fg-cat__label {background-color:#E11F27; border:none;}
.formula-cap-list-icon {width:70px; height:70px;}
/* Formula Guide End */
/* Contract Formula List Start */
.rx-section .rx-desc {margin:0 0 20px; font-family:var(--font-body); font-weight:var(--fw-medium); font-size:var(--fs-16); line-height:20px; letter-spacing:var(--ls-tight); color:var(--color-ink);}
.rx-section .product-grid {display:flex; flex-wrap:wrap; gap:20px;}
.rx-section .product {display:flex; align-items:center; gap:16px; border:2px solid var(--color-surface-2); border-radius:12px; padding:25px;}
.rx-section .product-image {flex:0 0 auto; width:120px; height:120px; object-fit:contain; mix-blend-mode:multiply;}
.rx-section .product-grid > .product {flex:1 1 calc((100% - 20px) / 2); max-width:calc((100% - 20px) / 2);}
.rx-section .product-body {flex:1 1 auto;}
.rx-section .product-title {margin:0 0 5px; color:var(--color-black); ;}
.rx-section .product-type {margin:0 0 10px; color:var(--color-black);}
.rx-section .product-note {margin:0; line-height:20px; letter-spacing:var(--ls-tight); color:var(--color-text);}
.rx-section .product-features {list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:5px;}
.rx-section .product-feature {display:flex; align-items:flex-start; gap:5px; line-height:20px; letter-spacing:var(--ls-tight); color:var(--color-text);}
.rx-section .product-check {flex:0 0 auto; width:20px; height:20px; display:block; margin-top:0px; vertical-align:top;}
.fg-group--hydrolyzed tr.fg-cat.fg-cat--hydrolyzed {border:none;}
.rx-section.prescription-products .product-note {margin-bottom:8px;}
.not-wic-approved__header {display:flex; align-items:center; gap:15px; margin-bottom:33px;}
.not-wic-approved__title {margin:0; color:var(--color-primary-dark); font-family:var(--font-heading); font-weight:var(--fw-medium); font-size:var(--fs-24); line-height:27px; letter-spacing:var(--ls-tight);}
.not-wic-approved__title strong {font-weight:var(--fw-bold);}
.not-wic-approved__list {display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none;}
.not-wic-approved__item {display:flex; align-items:flex-start; gap:7px; color:var(--color-ink); font-family:var(--font-body); font-weight:var(--fw-medium); font-size:var(--fs-16); line-height:20px; letter-spacing:var(--ls-tight);}
.not-wic-approved__icon {flex:0 0 auto; width:21px; height:21px; display:block;}
.not-wic-approved__products {display:flex; align-items:flex-end; flex-wrap:wrap; gap:40px; margin:41px 0 0; padding:0; list-style:none;}
.not-wic-approved__product {flex:0 0 auto;}
.not-wic-approved__product img {display:block; width:100px; height:100px; max-width:100%; object-fit:contain; mix-blend-mode:multiply;}
.cannot-give {display:block; width:100%; background:var(--color-white);}
.cannot-give__title {margin:0; font-family:var(--font-heading); font-weight:var(--fw-medium); font-size:var(--fs-24); line-height:1.125; letter-spacing:var(--ls-tight); color:var(--color-primary-dark);}
.cannot-give__title strong {font-weight:var(--fw-bold);}
.cannot-give__desc {margin:0 0 35px; font-family:var(--font-body); font-weight:var(--fw-medium); font-size:var(--fs-16); line-height:1.25; letter-spacing:var(--ls-tight); color:var(--color-ink);}
.cannot-give__grid {display:flex; flex-wrap:wrap; gap:32px;}
.cannot-give__column {display:flex; flex-direction:column; gap:32px; min-width:0; flex:0 1 100%; max-width:100%;}
.compare-group__heading {margin:0 0 12px; padding-bottom:12px; border-bottom:2px solid var(--color-surface-2); font-family:var(--font-body); font-weight:var(--fw-bold); font-size:var(--fs-16); line-height:1.5; letter-spacing:var(--ls-tight); color:var(--color-black);}
.compare-group__list {list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px;}
.compare-item {display:flex; align-items:center; gap:12px;}
.compare-item__image {flex:0 0 auto; width:80px; height:80px; object-fit:contain;}
.compare-item__name {flex: 1 1 auto; color: var(--color-text); font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-16); line-height: 1.2; letter-spacing: var(--ls-tight);}
.wic-formula {padding:40px 0; gap:15px; display:flex; flex-direction:column;}
.wic-formula-tag {display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; padding:12px 24px; background-color:#E4F2E7; color:var(--color-primary-dark); font-family:var(--font-body); font-weight:var(--fw-bold); font-size:var(--fs-16); line-height:1.25; letter-spacing:var(--ls-tight); border-radius:8px;}
.wic-formula__description {font-family:var(--font-body); font-weight:var(--fw-medium); font-size:var(--fs-16); line-height:1.25; letter-spacing:var(--ls-tight); color:var(--color-ink);}
.rx-section:has(.bg-soft-green) .product {border:2px solid #E4F2E7;}
.rx-section.bg-soft-green .product {border:2px solid #E4F2E7;}
/* Contract Formula List End */

/* Feet Form Start */
.gform-theme--foundation .gravity-from-wic .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_checkbox {display:flex; flex-direction:row; flex-wrap:wrap; gap:0.5em;}
.gform-theme--foundation .gravity-from-wic .gfield--type-choice .gchoice {margin:0; position:relative; width:auto; display:inline-block;}
.gform-theme--foundation .gravity-from-wic .gf-pill-choices .gchoice input[type="checkbox"] {position:absolute; opacity:0; width:1px; height:1px; margin:0;}
.gform-theme--foundation .gravity-from-wic .gf-pill-choices .gchoice label {display:inline-block; margin:0; padding:5px 11px; border:2px solid var(--color-surface); border-radius:8px; cursor:pointer; user-select:none; transition:all 0.15s ease;}
.gform-theme--foundation .gravity-from-wic .gf-pill-choices .gchoice label:hover {border-color:#9a9aa8; background:#f7f7fa;}
.gform-theme--foundation .gravity-from-wic .gf-pill-choices .gchoice input[type="checkbox"]:checked + label {background:#4a4a5e; border-color:#4a4a5e; color:#fff;}
.gform-theme--foundation .gravity-from-wic .gf-pill-choices .gchoice input[type="checkbox"]:focus-visible + label {outline:2px solid #4a90d9; outline-offset:2px;}
.gform-theme--foundation .gravity-from-wic .gf-desc-row {text-align:right; position:relative; z-index:1;}
.gform-theme--foundation .gravity-from-wic .gf-desc-link {font-style:italic; text-decoration:none; color:var(--color-text-muted-2); cursor:pointer; display:inline-flex; align-items:center; gap:0.4em; font-family:var(--font-body); font-weight:var(--fw-medium); font-size:var(--fs-16);}
.gform-theme--foundation .gravity-from-wic .gf-desc-link::after {content:""; width:12px; height:12px; background:url("/wp-content/uploads/2026/06/descript-arrow.svg") no-repeat center; flex:0 0 auto;}
.gform-theme--foundation .gravity-from-wic .gf-up-row {margin-top:-55px;}
.gform-theme--foundation .gravity-from-wic .gf-consent .gchoice {display:flex; align-items:flex-start; gap:0.6em ; margin:0 0 0.9em 0;}
.gform-theme--foundation .gravity-from-wic .gf-consent .gchoice input[type="checkbox"] {flex:0 0 auto; width:21px; height:21px; color:var(--color-text-muted-2); margin:0.15em 0 0 0; cursor:pointer; border-radius:5px; gap:0.4em;}
body .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {color:var(--color-text); font-family:var(--font-body); font-weight:var(--fw-medium); font-size:var(--fs-16); letter-spacing:var(--ls-tight); line-height:2;}
.gform-theme--foundation .gravity-from-wic .gfield select.large {border-color:var(--color-primary-dark); outline:none; width:100%; border:2px solid var(--color-surface) !important; border-radius:8px; padding:12px; display:inline-block !important; box-sizing:border-box; box-shadow:none !important; -webkit-appearance:none !important; -moz-appearance:none!important; appearance:none!important; padding-right:3em; cursor:pointer; height:auto; background:#fff url(/wp-content/uploads/2026/06/select-arrow.svg) no-repeat; background-repeat:no-repeat; background-position:calc(100% - 12px);}
.gform-theme--foundation .gravity-from-wic .gf-name-custom .ginput_complex {display:flex; flex-wrap:nowrap; column-gap:16px;}
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_first {flex:0 0 30%; padding:0px;}
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_middle {flex:0 0 15%; padding:0;}
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_last {flex:0 0 30%; padding:0;}
.gform-theme--foundation .gravity-from-wic .gf-name-custom .name_suffix {flex:0 0 15%; padding:0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {line-height:35px !important;}
.gform-theme--foundation .gravity-from-wic .gf-borderbtm {border-bottom:2px solid var(--color-surface); padding-bottom:15px;}
.gform-theme--foundation .gravity-from-wic .gf-bordertop {border-top:2px solid var(--color-surface); padding-top:20px;}
.view-link {cursor:pointer;}
.overlay {display:none; position:fixed; inset:0; background:rgba(0, 0, 0, .60); z-index:1000; padding:40px 16px; overflow-y:auto;}
.overlay.open {display:block; z-index:99999;}
.licence-code {max-width:590px; margin:0 auto;}
.fleet-popup .popup {background:#fff; max-width:1010px; margin:0 auto; border-radius:6px; padding:40px; position:relative; box-shadow:0 4px 20px rgba(0, 0, 0, .12);}
.fleet-popup .popup h1 {color:var(--color-primary-dark); margin-bottom:40px;}
.fleet-popup .popup h2 {color:var(--color-primary-dark); font-size:var(--fs-16); font-weight:var(--fw-bold); padding:15px 12px;}
.fleet-popup .close {position:absolute; top:26px; right:30px; border:none; background:none;}
.inner-licence-code {padding-bottom:25px;}
.fleet-popup table {width:100%; border-collapse:collapse; font-weight:var(--fw-medium); font-size:var(--fs-16); color:var(--color-text-muted-2);}
.fleet-popup th, .fleet-popup td {text-align:left; padding:12px;}
.fleet-popup th {color:var(--color-text-muted-2); font-weight:var(--fw-bold); font-size:var(--fs-16);}
.fleet-popup table tr {border-bottom:2px solid rgba(113,113,113,.12);}
.fleet-popup table th:nth-child(odd), .fleet-popup table td:nth-child(odd) {background:rgba(244,244,244,0.4);}
.fleet-popup table th:nth-child(even), .fleet-popup table td:nth-child(even) {background-color:#ffffff;}
.fleet-popup .col-1, .fleet-popup .col-2 {width:25%;}
.fleet-popup .col-3 {width:50%;}
.fleet-popup .col-4 {width:75%;}
.gform-theme.gform-theme--foundation .gravity-from-wic .gform-field-label {display:block;}
.gform-theme--framework .gravity-from-wic textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {color:var(--color-text); font-family:var(--font-body); font-weight:var(--fw-medium); font-size:var(--fs-16); letter-spacing:var(--ls-tight); line-height:1.2;}
.table-wrap {width:100%; overflow-x:auto;}
.space-top {padding-top:40px !important;}
ol.gravity-ol{ padding-left: 15px; }
ol.gravity-ol li{ margin-bottom: 15px; }
ol.gravity-ol .alpha-list{ list-style-type: lower-alpha; padding: 0; }
ol.gravity-ol li a{ color: var(--color-text); font-weight: var(--fw-bold); text-decoration: none; }
.gform-theme--foundation .gravity-from-wic .gf-consent.gf-device .gchoice{ margin: 0 0 0 0; }
.gform-theme .gfield--type-html .gravity-medium-title.device-arr{ margin-top: 15px; }
.gform-theme--foundation .gravity-from-wic .gfield.gf-select.gf-select-col-3 select.large{ width: 33.33%; }
/* 18-09-26 start */
.gform-theme--framework .gfield--type-date .gform-datepicker-toggle .gform-calendar-icon{display: none;}
.gform-theme--framework .gfield--type-date .gform-datepicker-toggle{padding: 0 !important; border: 0 !important; background: transparent !important; right: -8px !important;}
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date .gform-datepicker-toggle .gform-datepicker-toggle-icon--custom { max-block-size: 20px; max-inline-size: 20px; opacity: 1; }
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic .gform_footer > .gform_button{right: inherit !important; left: 0;}
.gform-theme.gform-theme--framework.gform_wrapper .gravity-from-wic .gform-footer .gform_button.gform-has-spinner{background: var(--color-primary-dark) !important;}
/* 18-09-26 end */
@media (max-width: 767.98px) {
  .gform-theme--foundation .gravity-from-wic .gfield.gf-select.gf-select-col-3 select.large { width: 60%; }
}
/* Feet form End */
/* text and Email template common CSS Start*/
.template-section .template-card .btnn{ color: var(--color-text); margin-bottom: 24px; text-align: left; transition: .3s ease-in-out; }
.template-section .template-card .btnn:hover { background-color: var(--color-primary-dark); color: var(--color-white); border-color: var(--color-primary-dark); }
.template-section .template-card{ border-radius: 8px; padding: 35px; margin-top: 25px; }
.template-section .template-block__label{ margin: 0 0 24px; transition: margin-bottom 0.4s ease; }
.content-section { overflow: visible; }
.template-section a{ color:var(--color-blue); }
.tabs-toggle  { display: none; } /* Sticky filter */
.tabs-overlay { display: none; } /* Sticky filter */
/* text and Email template common CSS end*/
/* Email Template Start */
.outlook-guide .template-step{ gap: 48px; padding: 40px 0; }
.outlook-guide .template-step__body{ max-width: 310px; }
.outlook-guide .template-step__media { flex: 0 0 33%; max-width: 33%; }
.outlook-guide .template-step__body span{ color: var(--color-primary-dark); font-weight: var(--fw-bold); }
.email-templates-heading{ gap: 20px; margin-bottom: 35px; }
.step-desc p{ margin: 0; }
.email-templates-heading .et-filter-bar { padding:10px; gap: 10px; border:2px solid var(--color-surface); border-radius:8px; }
.et-filter-bar__label { gap:6px; font-weight: var(--fw-semibold); color:var(--color-primary-dark); margin-right:15px; }
.template-section .btns-main-sec{ border-radius: 8px; }
.template-section .btns-main-sec .btnn.et-filter-btn:first-child { border-radius: 8px 0 0 8px; }
.template-section .btns-main-sec .btnn.et-filter-btn:last-child { border-radius: 0px 8px 8px 0px; }
.template-section .et-filter-btn{ font-weight:var(--fw-medium); border:0; border-radius: 0; transition:background .2s,color .2s,border-color .2s; background-color: var(--color-surface); color: #545466; }
.template-section .et-filter-btn:hover, .template-section .et-filter-btn--active{ background-color: var(--color-primary-dark); color: var(--color-white); }
.template-section .template-block__header{ gap:12px; }  
.template-section .template-block:first-child{ padding-top: 0; margin-top: 0; }
.template-section .template-block{ margin-top: 30px; padding-top: 25px; }
.et-toggle-btn { width:32px; height:32px; background:var(--color-primary); border:none; border-radius:50%; transition:background .2s; }
.et-toggle-btn:focus-visible, .et-toggle-btn:hover{ outline: 2px solid var(--color-primary); }
.template-card .template-block__content_copy p:last-child{ margin: 0; }
.template-card .template-block__content_copy p{ color: var(--color-black); }
.et-toggle-btn[aria-expanded="false"] .et-toggle-btn__chevron { transform:rotate(-90deg); }
.et-collapsible{ overflow:hidden; max-height:2000px; opacity:1; transition:max-height .3s ease,opacity .3s ease; }
.et-collapsible.is-collapsed { max-height:0!important; opacity:0; }
.template-card[hidden] { display:none; }
.template-section .tv-pdf-btn{ background-color: var(--color-surface-3); padding: 8px 12px; font-weight: var(--fw-bold); border-radius: 3px; display: inline-block; }
.tv-pdf-btn__icon{ margin-right: 8px; }
.template-section .tv-pdf-btn a{ color: var(--color-text); text-decoration: none; }
.template-section .tv-pdf-btn:hover{ background-color: var(--color-primary-dark); }
.template-section .tv-pdf-btn:hover a{ color: var(--color-white); }
.template-section .tv-pdf-btn:hover svg path{ stroke: var(--color-white); }
.template-section .template-block:has(button[aria-expanded="false"]) .template-block__label{ margin: 0; }
.template-steps .step-desc.bottom-step{ padding-top: 40px; }
/* Email Template End */
/* --- Share Button - Start --- */
.portal-signout-wrap .portal-signout,
.portal-signout-wrap.innerpage-share .share-btn { min-width: 130px; justify-content: center; box-sizing: border-box; }
.portal-signout-wrap.innerpage-share .share-btn{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 2px solid var(--color-blue-strong-2); border-radius: 3px; background: var(--color-blue-strong-2); font-weight: var(--fw-semibold); color: var(--color-white); cursor: pointer; transition: background .18s ease, color .18s ease; text-decoration: none; }
.portal-signout-wrap.innerpage-share .share-btn:hover{ background-color: var(--color-white); color: var(--color-blue-strong-2); }
.portal-signout-wrap.innerpage-share .share-btn i{ font-size: 22px; color: var(--color-white); -webkit-transition: ease-in-out all 0.2s; -ms-transition: ease-in-out all 0.2s; -o-transition: ease-in-out all 0.2s; transition: ease-in-out all 0.2s; line-height: normal; font-weight: normal; }
.portal-signout-wrap.innerpage-share .share-btn:hover i { color: var(--color-blue-strong-2); }
.share-popup .modal-dialog { max-width: 100%; width: 580px; margin: 0 auto; height: auto; }
.share-popup .modal-content { background:#E6F3E9; border: 0; border-radius: 20px; background-image: url(/wp-content/uploads/2026/06/Wavy_background_light.svg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.share-popup .modal-header { border: 0; display: flex; align-items: center; justify-content: space-between; padding: 30px 30px 0px; z-index: 1; }
.share-popup .modal-header .share-title { margin: 0; font-size: 30px !important; font-weight: 700; text-transform: uppercase; color: #02574D; font-family: "Montserrat Alternates", Sans-serif; }
.form-sms p { margin: 0px; }
.share-popup .modal-header .close { padding: 0px; margin: 0px; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; opacity: 1; overflow: hidden; background: transparent; border: none; }
.topclose-btn span { font-size: 50px; color: #02574d; line-height: 1; font-weight: 400; }
/* .share-popup .modal-body { background: #fff; margin: 30px; padding: 0px; border-radius: 10px; } */
.share-popup .modal-body { background: #fff; margin: 30px; padding: 0px; border-radius: 10px; margin-top: 20px;}
.share-popup .modal-content .nav-tabs { width: 100%; display: flex; border: 0; border-bottom: 1px solid #604E8F1A; padding: 0; margin-bottom: 25px; }
.share-popup .modal-content .nav-tabs .nav-item { width: 50%; text-align: center; margin-right: 0; }
.share-popup .modal-content .nav-tabs .nav-item .nav-link { color: rgba(2, 87, 77, .80); font-size: 18px; font-weight: 700; border: 0; border-radius: 0; padding: 20px 4px 10px 4px; border-bottom: 3px solid transparent; margin-bottom: -1px; transition: color .18s ease, border-color .18s ease; }
.share-popup .modal-content .nav-tabs .nav-item .nav-link.active { color: #02574D; background-color: transparent; border-bottom: 3px solid #02574D; }
.share-popup .modal-content .tab-content { padding: 0px 20px 20px 20px; }
.share-popup .modal-content .tab-content form { width: 100%; position: relative; }
.share-popup .modal-content .tab-content form label { display: block; font-weight: 700; color: #000; line-height: 1;}
.share-popup .email-filed #email, .share-popup .smsfiled .wpcf7-form-control.wpcf7-text, .share-popup .smsfiled input[name="yourphone"] { padding: 15px 110px 15px 16px; border: 1px solid #02574D99 !important; border-radius: 8px; box-sizing: border-box; background-color: #F2FDF5; border: 0; }
.share-popup .smsfiled input[name="yourphone"] { padding: 15px 100px 15px 16px !important; }
.share-popup .email-filed #email{margin-top: 10px;}
.share-popup .modal-content .tab-content form label, .tab-content form input { width: 100%; font-size: 16px; }
.tab-content form input::placeholder{ color: #000; font-weight: 500; }
.share-popup .submit-sec { display: flex; flex-direction: column; }
.share-popup .modal-content .tab-content .submit-btn {padding: 11px 22px 10px; line-height: 1; border: 2px solid #02574D; background-color: #02574D; color: #fff; font-size: 16px; font-weight: 600; border-radius: 5px; cursor: pointer; outline: 0; transition: ease-in-out all .3s;width: auto; height: auto; min-width: min-content;}
.share-popup .email_share_submit { position: absolute; top: 31px; right: 4px; margin-top: 0; border-radius: 5px; }
.share-popup .modal-content .tab-content .submit-btn:hover, .share-popup .modal-content .tab-content .submit-btn:focus, .share-popup .modal-content .tab-content .submit-btn:focus-visible { border: 2px solid #02574D; background-color: #fff; color: #02574D; }
.share-popup .modal-content .tab-content form input:focus-visible, .share-popup .modal-content .tab-content form input#email:focus-visible, .share-popup .intl-tel-input.allow-dropdown .flag-container:focus-within .selected-flag { outline: 2px solid #02574D; border-color: transparent !important; background-color: #fff !important; }
.share-popup .smsfiled .intl-tel-input { display: flex; align-items: center; gap: 10px; width: 100%; position: relative; margin-top: 10px; }
.share-popup .smsfiled .intl-tel-input .flag-container { position: static; width: auto; flex: 0 0 auto; background-color: #f2fdf5; }
.share-popup .email-filed > form > span { display: block; margin: 8px 0px 18px 0px; color:#000000; font-weight: 500; font-size: 16px !important; line-height: 1.5; }
.share-popup .smsfiled .intl-tel-input .selected-flag {width: 120px !important; display: flex; align-items: center; gap: 8px; padding: 14px; font-size: 16px; color: #02574D; border: 1px solid #02574D99; border-radius: 8px; background-color: #F2FDF5;     height: 50px;}
.share-popup .smsfiled .intl-tel-input .flag-container:hover .selected-flag{ background-color: transparent; }
.share-popup .smsfiled .intl-tel-input .flag-container .selected-flag .iti-arrow {     position: absolute; top: 50%; margin-top: 0; right: 14px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #02574D; transform: translateY(-50%); }
.share-popup .smsfiled #submit-btn-sms{margin: 0; border-radius: 5px; position: absolute; top: 32px; right: 4px; padding: 11px 22px 10px}
.share-popup .smsfiled .form-group { margin-bottom: 18px; }
.share-popup .smsfiled .form-checkbox p { margin-bottom: 0px; }
.wpcf7-form-control-wrap { position: relative; }
.smsfiled .form-checkbox .wpcf7-list-item { margin-left: 0; }
.smsfiled .form-checkbox .wpcf7-list-item label { display: flex; align-items: center; position: relative; cursor: pointer; padding-left: 34px; min-height: 24px; padding-bottom: 0;}
.smsfiled .form-checkbox input[type="checkbox"] { position: absolute; left: 0; top: 0; width: 24px; height: 24px; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.smsfiled .form-checkbox .wpcf7-checkbox .wpcf7-list-item-label::before, .radio .wpcf7-list-item-label::before { content: ""; position: absolute; left: 0; top: 12px; transform: translateY(-50%); width: 22px; height: 22px; background: #fff; border: 1px solid #02574D; border-radius: 4px; font-size: 14px; font-weight: normal; }
.smsfiled .form-checkbox .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before { content: "\f00c"; font-family: FontAwesome; background: #02574D; border: 1px solid #02574D; color: #fff; display: flex; align-items: center; justify-content: center; }
.smsfiled .form-checkbox input[type="checkbox"] ~ span.wpcf7-list-item-label { color: #000000; font-weight:500; font-size: 16px !important; line-height: 1.5; margin-left: 0; }
.wpcf7-not-valid-tip, .form-checkbox .wpcf7-not-valid-tip { font-size: 16px; padding-top: 5px; line-height: normal;}
.form-sms .wpcf7-spinner { position: absolute; right: -30px; bottom: 0px; }
.wpcf7-spinner { background-color: transparent; }
.error, .mail_error, .sms_error, .content-text-red { color: #E11F27; font-size: 16px; font-weight: 500; }
.sms_success_send, span.mail_success_send { color: #02574D; }
#smsfiled .wpcf7 form.sent .wpcf7-response-output, #smsfiled .wpcf7 form.invalid .wpcf7-response-output { display: none; }
.submit-btn.loader_load:after, .smsfiled .wpcf7-form.submitting .submit-btn ~ .wpcf7-spinner:after { content: ""; position: absolute; width: 35px; --b: 8px; aspect-ratio: 1; border-radius: 50%; padding: 1px; background: conic-gradient(#0000 10%, #02574D) content-box; -webkit-mask: repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg), radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b))); -webkit-mask-composite: destination-in; mask-composite: intersect; animation: l4 1s infinite steps(10); margin-left: 50px; margin-top: -18px; z-index: 2; }
.submit-btn.loader_load:after { top: 160px; right: -20px; }
.smsfiled .wpcf7-form.submitting .submit-btn ~ .wpcf7-spinner:after { margin-left: 0; margin-top: 0; }
.smsfiled .wpcf7-form .submit-btn ~ .wpcf7-spinner:before { display: none; }
.g-recaptcha{    margin-top: 18px;}
.share-popup .modal-content .tab-content form input, .share-popup .smsfiled .wpcf7-form-control.wpcf7-text, .share-popup .smsfiled input[name="yourphone"] { padding: 15px 110px 15px 16px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; box-sizing: border-box; background-color: #F2FDF5; line-height: 1; }
.content-text-red, .wpcf7-not-valid-tip, .form-checkbox .wpcf7-not-valid-tip { font-size: 16px; padding-top: 5px; }
@keyframes l4 {
    to {
        transform: rotate(1turn);
    }
}
/*--- Popup design --- */
.page-share-sec.innerpage-share { position: static; transform: none; display: flex; justify-content: flex-end; }
.page-share-sec.innerpage-share button.share-btn, .page-share-sec.innerpage-share .share-btn { background-color: var(--color-primary-dark); color: #fff; padding: 13.5px 30px; line-height: 1; border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: var(--fs-18); font-weight: var(--fw-bold); text-transform: capitalize; border: 1px solid var(--color-primary-dark) !important; transition: ease-in-out all .2s; }
.page-share-sec.innerpage-share button i { font-size: 22px; margin-left: 15px; color: #fff; line-height: normal; font-weight: normal; transition: ease-in-out all .2s; }
/* ===== Focus, hover & Active   ===== */
.nav-link:focus-visible {box-shadow: none;}
.share-popup .modal-content .tab-content .submit-btn:hover,
.share-popup .modal-content .tab-content .submit-btn:focus,
.share-popup .modal-content .tab-content .submit-btn:focus-visible { border: 2px solid var(--color-primary-dark); background-color: #fff; color: var(--color-primary-dark); }
.share-popup .modal-content .tab-content form input:focus-visible,
.share-popup .intl-tel-input.allow-dropdown .flag-container:focus-within .selected-flag { outline: 2px solid var(--color-primary-dark); border: 0 !important; background-color: #fff !important; }
.share-popup .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: #f2fdf5; }
.form-checkbox{ padding: 4px; }
.form-checkbox:focus,
.form-checkbox:focus-visible { border: 2px solid var(--color-primary-dark); }
.form-checkbox:focus-within { border: none;box-shadow: none;padding: 4px;outline: none; }
.form-checkbox:has(input[type="checkbox"]:focus-visible) { outline: 2px solid var(--color-primary-dark); outline-offset: 2px; padding: 4px; }
.share-popup .modal-content .nav-tabs .nav-item .nav-link.active:hover { border: 0 !important; border-bottom: 3px solid var(--color-primary-dark) !important; background-color: #fff !important; }
.share-popup .modal-content .nav-tabs .nav-item .nav-link:focus { outline: 2px solid var(--color-primary-darker);}
.modal-backdrop.show { z-index: 1111; }
.modal.share-popup { z-index: 11111; }
/*--- Popup design - End --- */
/* --- Share Button - End --- */

.wic-profile { position: absolute; top: 16px; right: 16px; z-index: 20; font-family: var(--font-body); }
.wic-profile__trigger { display: flex; align-items: center; gap: 6px; padding: 4px 8px 4px 4px; background: rgba(255,255,255,.92); border: 1px solid rgba(0,0,0,.08); border-radius: 999px; cursor: pointer; transition: background .15s ease; }
.wic-profile__trigger:hover { background: var(--color-white); }
.wic-profile__chev { transition: transform .2s ease; }
.wic-profile__trigger[aria-expanded="true"] .wic-profile__chev { transform: rotate(180deg); }

.wic-profile__menu { position: absolute; top: calc(100% + 8px); right: 0; width: 266px; background: var(--color-white); border: 1px solid var(--color-surface-2); border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.12); overflow: hidden; }
.wic-profile__menu[hidden] { display: none; }
.wic-profile__head { display: flex; align-items: start; gap: 12px; padding: 16px; }
.wic-profile__id { min-width: 0; display: flex; flex-direction: column; }
.wic-profile__name { font-size: var(--fs-16); font-weight: var(--fw-semibold); color: var(--color-ink); text-align: left; }
.wic-profile__email { font-size: var(--fs-16); color: var(--color-text-muted-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wic-profile__role{color: var(--color-primary-dark); background-color: var(--color-primary-soft);width: fit-content;font-weight: var(--fw-bold);padding: 3px 10px; margin-top: 5px;border-radius: 50px; font-size: 14px;}
.wic-profile__group { padding: 6px 0; border-top: 1px solid var(--color-surface); }
.wic-profile__item, .wic-profile__meta { display: flex; align-items: center; gap: 10px; padding: 10px 16px; font-size: var(--fs-16); text-decoration: none; }
.wic-profile__item { color: var(--color-text-strong); cursor: pointer; transition: background .12s ease; }
.wic-profile__item:hover { background: var(--color-primary-soft); color: var(--color-primary-dark); }
.wic-profile__meta { color: var(--color-text-muted-2); font-size: 13px; }
.wic-profile__item--signout { color: var(--color-primary-dark); font-weight: var(--fw-semibold); }
.wic-profile--inline { position: relative; top: auto; right: auto; display: inline-flex; align-items: center; vertical-align: middle; margin-right: 14px; }
.wic-profile--inline .wic-profile__trigger { background: transparent; border-color: var(--color-border); }
.wic-profile--inline .wic-profile__menu { z-index: 60; }
.submenu-btn .bar-svg, .submenu-btn .close-svg { vertical-align: middle; }
.wic-profile__avatar { width: 30px; height: 30px; background: #02574d; border-radius: 100%; font-size: 16px; display: inline-flex; align-items: center; justify-content: center; color: white; }
/* quieter avatar in the mobile header bar */

/* ==========================================================================
   News detail – post content styles (matches site design)
   Scoped to the post content area on single News posts only.
   Add at the end of the theme's main stylesheet.
   ========================================================================== */
.single-post .tm-detail .text-black { font-family: var(--font-body); font-size: var(--fs-16); line-height: 1.6; color: var(--color-black, #000); }
/* Headings */
.single-post .tm-detail .text-black h2,
.single-post .tm-detail .text-black h3,
.single-post .tm-detail .text-black h4,
.single-post .tm-detail .text-black h5,
.single-post .tm-detail .text-black h6 { font-family: var(--font-heading); font-weight: var(--fw-bold); color: var(--color-primary-dark); line-height: 1.25; margin: 32px 0 12px; }
.single-post .tm-detail .text-black h2 { font-size: var(--fs-28); }
.single-post .tm-detail .text-black h3 { font-size: var(--fs-24); }
.single-post .tm-detail .text-black h4 { font-size: var(--fs-20); }
.single-post .tm-detail .text-black h5 { font-size: var(--fs-18); }
.single-post .tm-detail .text-black h6 { font-size: var(--fs-16); }
.single-post .tm-detail .text-black > :first-child { margin-top: 0; }
/* Paragraphs + inline text */
.single-post .tm-detail .text-black p { margin: 0 0 16px; }
.single-post .tm-detail .text-black strong,
.single-post .tm-detail .text-black b { font-weight: var(--fw-bold); }
/* Lists */
.single-post .tm-detail .text-black ul,
.single-post .tm-detail .text-black ol { margin: 0 0 16px; padding-left: 24px; }
.single-post .tm-detail .text-black li { margin-bottom: 8px; }
.single-post .tm-detail .text-black li::marker { color: var(--color-primary-dark); font-weight: var(--fw-bold); }
.single-post .tm-detail .text-black li > ul,
.single-post .tm-detail .text-black li > ol { margin: 8px 0 0; }
/* Quote */
.single-post .tm-detail .text-black blockquote { margin: 24px 0; padding: 20px 24px; background: var(--color-primary-soft); border-left: 4px solid var(--color-primary); border-radius: 0 8px 8px 0; }
.single-post .tm-detail .text-black blockquote p { font-size: var(--fs-18); font-style: italic; color: var(--color-primary-dark); margin-bottom: 8px; }
.single-post .tm-detail .text-black blockquote p:last-of-type { margin-bottom: 0; }
.single-post .tm-detail .text-black blockquote cite { display: block; margin-top: 10px; font-style: normal; font-size: 14px; font-weight: var(--fw-semibold); color: var(--color-primary-dark); }
/* Images */
.single-post .tm-detail .text-black figure { margin: 24px 0; }
.single-post .tm-detail .text-black img { max-width: 100%; height: auto; border-radius: 12px; }
.single-post .tm-detail .text-black figcaption { margin-top: 8px; font-size: 14px; color: var(--color-text); text-align: center; }
/* Table */
.single-post .tm-detail .text-black .wp-block-table { overflow-x: auto; }
.single-post .tm-detail .text-black table { width: 100%; border-collapse: collapse; margin: 0; }
.single-post .tm-detail .text-black th,
.single-post .tm-detail .text-black td { padding: 12px 16px; border: 1px solid var(--color-primary-border); text-align: left; vertical-align: top; }
.single-post .tm-detail .text-black thead th { background: var(--color-primary-dark); color: var(--color-white); font-weight: var(--fw-bold); border-color: var(--color-primary-dark); }
.single-post .tm-detail .text-black tbody tr:nth-child(even) { background: var(--color-primary-soft); }
.single-post .tm-detail .text-black .wp-block-table thead,
.single-post .tm-detail .text-black .wp-block-table tfoot { border: 0; }
/* Separator */
.single-post .tm-detail .text-black a:not(.wp-block-file__button) { color: var(--color-primary-dark); font-weight: var(--fw-semibold); text-decoration: underline; text-underline-offset: 3px; transition: color .2s; }
.single-post .tm-detail .text-black a:hover,
.single-post .tm-detail .text-black a:focus-visible { color: var(--color-primary-dark); }
/* Download button (WordPress File block) – site-wide, any button text */
.single-post  .wp-block-file .wp-block-file__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 100%; margin-left: 12px; padding: 10px 20px; border: 2px solid var(--color-primary-dark); border-radius: 8px; background: var(--color-primary-dark); color: var(--color-white); font-family: var(--font-body); font-size: var(--fs-16); font-weight: var(--fw-semibold); line-height: 1.3; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere; vertical-align: middle; transition: background-color .2s, color .2s; }
.single-post .wp-block-file .wp-block-file__button:hover,
.single-post .wp-block-file .wp-block-file__button:focus-visible { background: var(--color-white); color: var(--color-primary-dark); text-decoration: none; }
.single-post .wp-block-file .wp-block-file__button::before { content: ""; flex: 0 0 18px; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat; }
/* News detail – content width + featured image size */
.single-post .tm-detail { --news-content-width: 960px; --news-featured-width: 400px; }
.single-post .tm-detail article { max-width: var(--news-content-width); margin-inline: auto; }
.single-post .tm-detail figure .wp-post-image { width: 100% !important; max-width: var(--news-featured-width); height: auto; }
.single-post .tm-detail .text-black .wp-block-image img { max-width: 100%; height: auto; }
/* Services Start */
.inservices { background-size: cover; background-repeat: no-repeat; }
.inservices .inservices__block { margin-top: 56px; }
.inservices .inservices__group + .inservices__group { margin-top: 48px; }
.inservices .inservices__group-title { margin: 34px 0 0; padding-bottom: 12px; border-bottom: 2px solid var(--color-primary-border); font-family: var(--font-body); font-size: var(--fs-20); font-weight: var(--fw-bold); line-height: 1.3; letter-spacing: var(--ls-tight); color: var(--color-text-strong); }
.inservices .inservices__group .vendor-resources__grid { margin-top: 24px; }
.inservices .inservices__group-head { display: flex; align-items: center; gap: 14px; margin-top: 34px; padding: 0 0 14px; border-bottom: 2px solid var(--color-primary-border); }
.inservices .inservices__cal { display: inline-flex; flex-direction: column; align-items: center; flex: 0 0 68px; width: 68px; height: 68px; overflow: hidden; border-radius: 6px; background: var(--color-white); box-shadow: 0 1px 4px rgba(2, 87, 77, .15); font-family: var(--font-heading); color: var(--color-primary-dark); text-align: center; }
.inservices .inservices__cal-month { width: 100%; padding: 3px 0; background: var(--color-primary-dark); color: var(--color-white); font-size: var(--fs-16); font-weight: var(--fw-bold); letter-spacing: .08em; line-height: 1; }
.inservices .inservices__cal-day { padding: 4px 0 1px; font-size: 22px; font-weight: var(--fw-bold); line-height: 1; }
.inservices .inservices__cal-year { padding: 0; font-size: var(--fs-16); line-height: 1; color: var(--color-text); }
.inservices .inservices__cal--text { flex: 0 0 auto; width: auto; height: auto; padding: 6px 10px; font-size: var(--fs-16); font-weight: var(--fw-bold); }
.inservices .inservices__group-head .inservices__group-title { margin: 0; padding: 0; border: 0; font-family: var(--font-heading); font-size: var(--fs-24); font-weight: var(--fw-bold); line-height: 1.25; letter-spacing: var(--ls-tight); color: var(--color-primary-dark); }
/* Services End */