body{width:100%;}
/* ══════════════════════════════════════
   RESET & TOKENS
══════════════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box;} 
:root{
  --teal:      #17bdb8;
  --teal-d:    #1e9e8e;
  --teal-l:    #4dd4c4;
  --teal-pale: rgba(44,191,174,0.08);
  --green:     #6dbf67;
  --navy:      #0d2235;
  --navy-l:    #133045;
  --white:     #ffffff;
  --light:     #f4fafa;
  --gray-50:   #f8f9fa;
  --gray-100:  #eef1f3;
  --gray-200:  #dde3e8;
  --gray-400:  #9aaab8;
  --gray-600:  #5a6d7e;
  --gray-700:  #222;
  --text:      #1a2d3d;
  --sans:      'Segoe UI', system-ui, -apple-system, sans-serif;
}
html {font-family:var(--sans); color:var(--text);}
a {text-decoration:none; color:inherit;}
ul {list-style:none;}
img {display:block; max-width:100%;}
.site-header {position:sticky; top:0; left:0; width:100%; z-index:9000; box-shadow:0 2px 4px rgba(0,0,0,0.10);}
.utility-bar {background:var(--white); height:38px; display:flex; align-items:center;}
.utility-inner {max-width:100%; padding:0 24px; width:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.utility-left {display:flex; align-items:center; gap:4px; font-size:12px; color:rgba(255,255,255,.55);}
.utility-left a {font-size:11.5px; letter-spacing:.3px; color:rgba(255,255,255,.55); transition:color .18s; padding:0 4px;}
.utility-left a:hover {color:var(--teal-l);}
.utility-divider {width:1px; height:12px; background:rgba(255,255,255,.2); margin:0 4px;}
.utility-right {display:flex; align-items:center; gap:16px;}
.follow-us {display:flex; align-items:center; gap:7px; letter-spacing:.3px; font-size:16px; color:#000; font-family:'Open Sans', sans-serif; font-weight:600; line-height:30px;}
.follow-us a {display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:4px; background:rgba(255,255,255,.1); border:1px solid rgba(255, 255, 255, .15); transition:all .18s;}
.follow-us a:hover {background:var(--teal); border-color:var(--teal);}
.follow-us svg {width:18px; height:18px; fill:#000000;}
.follow-us a:hover svg {fill:#000;}
.whitepaper-link {font-size:11px; font-weight:600; letter-spacing:.4px; color:var(--teal-l); border:1px solid rgba(44,191,174,.4); padding:3px 10px; border-radius:3px; transition:all .18s; white-space:nowrap;}
.whitepaper-link:hover {background:var(--teal); color:#fff; border-color:var(--teal);}
.main-bar {background:var(--white); display:flex; align-items:center;}
.main-inner {max-width:100%; padding:0 24px; width:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px;}
.main-bar nav#mainNav {position:relative;}
.main-bar nav#mainNav:after {content: "";
    display: block;
    position: absolute;
    background: #1bbcb4;
    height: 14px;
    width: 110%;
    right: 00; 
    top: -14px;}
.logo-wrap {display:flex; align-items:center; gap:10px; flex-shrink:0;}
.logo-wrap img {height:100px; width:auto;}
.logo-svg {display:flex; align-items:center; gap:9px;}
.logo-mark {width:52px; height:52px; flex-shrink:0;}
.logo-text-group {display:flex; flex-direction:column; line-height:1;}
.logo-name {font-size:26px; font-weight:800; background:linear-gradient(135deg, var(--teal) 0%, var(--green) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; letter-spacing:-.5px;}
.logo-sub {font-size:9px; font-weight:600; letter-spacing:2.5px; text-transform:uppercase; color:var(--gray-400); margin-top:2px;}
.main-nav {display:flex; align-items:center; gap:0; height:72px;}
.nav-item {position:relative; height:100%; display:flex; align-items:center;}
.nav-link {display:flex; align-items:center; gap:5px; padding:4px 16px; font-size:16px; font-weight:600; color:var(--gray-700); letter-spacing:.1px; white-space:nowrap; border-bottom:3px solid transparent; margin-bottom:-3px; transition:color .18s, border-color .18s; cursor:pointer;}
.nav-item .nav-link:hover {
    background: #94c840;
   color:var(--white)!important;
}.nav-item .nav-link:hover svg {
    color: #fff !important;
}
.nav-link svg {width:11px; height:11px; color:var(--navy); flex-shrink:0; transition:transform .2s;top: 1px;
    position: relative;}
.nav-item.open .nav-link svg {transform:rotate(180deg);color:var(--white);}
.nav-item.open .nav-link {color:var(--white); background: #94c840; }
.dropdown {position:absolute; top:77%; left:0; right:0; background:var(--white); border-top:3px solid #94c840; border-bottom:1px solid var(--gray-200); border-left:1px solid var(--gray-200); border-right:1px solid var(--gray-200); border-radius:0 0 4px 4px; min-width:220px; box-shadow:0 8px 32px rgba(0,0,0,0.12); padding:8px 0; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .2s, transform .2s;}
.nav-item.contact--menu .dropdown {
    left: auto;
}
.nav-item.open .dropdown {opacity:1; pointer-events:all; transform:translateY(0);}
.dropdown a {display:flex; align-items:center; gap:10px; padding:10px 20px; font-size:13.5px; font-weight:500; color:var(--gray-700); transition:background .15s, color .15s; border-left:3px solid transparent;}
.dropdown a:hover {background:var(--teal-pale); color:#94c840; border-left-color:#94c840;}
.dropdown a:hover::before {opacity:1;}
.hamburger {display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px; border-radius:6px; transition:background .18s;}
.hamburger:hover {background:var(--gray-100);}
.ham-line {width:24px; height:2px; background:var(--gray-700); border-radius:2px; transition:all .28s;}
.hamburger.open .ham-line:nth-child(1) {transform:rotate(45deg) translate(5px,5px);}
.hamburger.open .ham-line:nth-child(2) {opacity:0; transform:scaleX(0);}
.hamburger.open .ham-line:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px);}
.mobile-drawer {position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; background:rgba(13,34,53,0.55); backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:opacity .25s;}
.mobile-drawer.open {opacity:1; pointer-events:all;}
.drawer-panel {position:fixed; top:0; right:0; bottom:0; width:min(340px,92vw); background:var(--white); transform:translateX(100%); transition:transform .28s cubic-bezier(.4, 0, .2, 1); display:flex; flex-direction:column; overflow-y:auto;}
.mobile-drawer.open .drawer-panel {transform:translateX(0);}
.drawer-header {background:#ffffff; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; flex-shrink:0; border-bottom:1px solid #ddd;}
.drawer-close {background:rgba(255,255,255,.1); border:none; cursor:pointer; width:34px; height:34px; border-radius:6px; display:flex; align-items:center; justify-content:center; color:#000; font-size:20px; line-height:1; transition:background .15s;}
.drawer-close:hover {background:rgba(255,255,255,.2);}
.drawer-nav {padding:12px 0;}
.drawer-nav-item {}
.drawer-nav-link {display:flex; align-items:center; justify-content:space-between; padding:13px 22px; font-size:16px; font-weight:600; color:var(--text); border-bottom:1px solid var(--gray-100); cursor:pointer; transition:background .15s, color .15s;}
.drawer-nav-link:hover {    background: rgb(160 206 86);
    color: #ffffff;}
	.drawer-nav-link:hover svg {
    color: #fff;
}
.drawer-nav-link svg {width:14px; height:14px;  /*color: #fff;*/ transition:transform .2s;}
.drawer-nav-item.open .drawer-nav-link svg {transform:rotate(180deg);  color: #fff !important; }
.drawer-sub {display:none; background:var(--gray-50); border-bottom:1px solid var(--gray-100);}
.drawer-nav-item.open .drawer-sub {display:block;}
.drawer-sub a {display:block; padding:10px 22px 10px 36px; font-size:13.5px; color:var(--gray-600); border-left:3px solid transparent; transition:all .15s;}
.drawer-sub a:hover {color:#94c840; border-left-color:#94c840; background:#fff;}
.drawer-follow {display:flex; align-items:center; gap:10px; font-size:12px; color:rgba(255,255,255,.5);}
.drawer-li-btn {width:30px; height:30px; border-radius:5px; background:rgba(255,255,255,.1); border:1px solid rgba(255, 255, 255, .15); display:flex; align-items:center; justify-content:center; transition:background .15s;}
.drawer-li-btn:hover {background:var(--teal);}
.drawer-li-btn svg {width:16px; height:16px; fill:rgba(255,255,255,.8);}
.footer-col.recent-posts {max-width:195px; min-width:247px;}
.footer-col.recent-posts ul {list-style-type:none; padding-left:2px;}
.footer-col.quick-links ul {padding-left:7px;}
.quick-links a i {font-size:14px; position:relative; left:-4px;}

@keyframes float-bob {
0% {-webkit-transform:translateX(-430px); transform:translateX(-430px);}
50% {-webkit-transform:translateX(-10px); transform:translateX(-10px);}
100% {-webkit-transform:translateX(-430px); transform:translateX(-430px);}
}

.footer-col.recent-posts ul li::marker {text-align-last:unset !important; text-align:start;}
.footer-col.recent-posts ul li a {position:relative;}
.footer-col.recent-posts ul li a:after {content:""; display:block; position:absolute; top:11px; width:6px; height:6px; background:#fff; border-radius:100px; left:0;}
.main-footer {position:relative; background:#22262e; color:#d4dae3; padding:80px 0px 0px 0px; margin-top:0%;}
footer.footer.main-footer:before {position:absolute; content:''; background:url(https://biosortia.com/wp-content/themes/aculia/images/background/footer-pattern.png); top:26%; width:100%; height:100%; min-height:322px; background-repeat:no-repeat; animation-name:float-bob; animation-duration:45s; animation-iteration-count:infinite; animation-timing-function:linear; -webkit-animation-name:float-bob; -webkit-animation-duration:45s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear;}
.footer-col.quick-links {max-width:300px;}
.footer {position:relative; color:#fff; overflow:hidden;}
form.newslater-form {position:relative; top:10px;}
.footer-top {max-width:1170px; margin:auto; padding:0px 0px 121px; display:flex; gap:50px; align-items:flex-start;}
.footer-col {min-width:252px;}
.footer-title {position:relative; font-size:20px; font-family:'Hind', sans-serif; font-weight:500; letter-spacing:1px; line-height:30px; color:#ffffff; margin-bottom:31px;}
.quick-links ul {list-style:none;}
.footer-col ul li {margin-bottom:20px;}
.footer-col ul li a {font-weight:400; position:relative; display:inline-block; color:#d4dae3; padding:0px 0px 0px 15px; font-size:15px; font-family:'Open Sans', sans-serif; line-height:26px; cursor:pointer; transition:all 500ms ease;}
.quick-links a i {font-size:14px;}
.quick-links a:hover , .footer-col ul li a:hover{color:#1dc8c8;text-decoration: underline;}
.newsletter label {display:block; margin-bottom:10px; font-size:16px; font-weight:600;}
.newsletter label span {color:#ff2f2f;}
.newsletter input {background-color:#fff; box-sizing:border-box; border-radius:2px; color:#333; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; float:none; font-size:16px; font-family:inherit; border:1px solid #ccc; padding:6px 10px; height:38px; width:162px; line-height:1.3;}
.newsletter button {border:none; padding:14px 16px; font-size:15px; cursor:pointer; transition:.3s; background-color:#eee; border:1px solid #ddd;}
.newsletter button:hover {background:#1dc8c8; color:#fff;}
.footer-bottom {position:relative; background:#1c2026; color:#d4dae3; padding:20px 0px 19px 0px;}
.footer-bottom-inner {max-width:1170px; margin:auto; font-weight:500; color:#d4dae3; font-size:15px;}
.footer-bottom a {color:#fff; text-decoration:none; font-weight:500;}
.social-fixed {position:fixed; right:4px; top:47%; transform:translateY(-50%); display:flex; flex-direction:column; gap:10px; z-index:999;}
.social-fixed a {width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; border-radius:2px; font-size:16px;}
.facebook {background:#4867aa;}
.twitter {background:#000;}
.linkedin {background:#0077b5;}
.mail {background:#8b8b8b;}
.scroll-top {position:fixed; right:50px; bottom:30px; width:60px; height:60px; border-radius:50%; background:#16d1cf; color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none; font-size:18px;}




@media(max-width:1199px) {
.nav-link {padding:0 5px; font-size:14px;}
.footer-top {padding:0px 15px 51px; display:flex; gap:50px; align-items:flex-start;}
.footer-bottom {padding:20px 15px 19px 15px;}
.main-bar nav#mainNav:after {height:15px; top:0px;}
}

@media(max-width:1100px) {
.footer-main {grid-template-columns:1fr 1fr; gap:36px;}
.footer-brand {grid-column:span 2;}
.logo-wrap img {height:60px;}
}

@media(max-width:991px) {
.footer-top {flex-wrap:wrap; gap:50px;}
.quick-links a, .recent-posts li {font-size:18px;}

.main-nav, .utility-left, .whitepaper-link {display:none;}
.hamburger {display:flex;}
.utility-bar {height:34px;}
.logo-wrap img {height:80px; width:auto;}
.mobile-logo .logo-wrap img {height:50px;}
.utility-bar {display:none;}
.logo-mark {width:44px; height:44px;}
.main-inner { padding: 12px 24px;}
.footer-col {
    min-width: 50%;
}
.newsletter input {
  
    width: 100%;
  
}
}

@media(max-width:767px) {
.footer-top {flex-direction:column; padding:0px 20px 60px; gap:40px;}
.newsletter input {width:100%; max-width:320px;}
.social-fixed {right:10px;}
.logo-wrap img {height:60px; width:auto;}
.footer-col.recent-posts {
    max-width: 100%;
    min-width: 100%;
}.footer-col.quick-links {
    max-width: 100%;
}.footer-col {
    min-width: 100%;
}
} 

@media(max-width:600px) {
.footer-main {grid-template-columns:1fr;}
.footer-brand {grid-column:span 1;}
.footer-bottom-inner {height:auto; padding:14px 0; flex-direction:column; align-items:flex-start; gap:8px;}
}