@charset "utf-8";

:root {
    /* colors */
    --primary-color: #080808;
    --secondary-color: #D4A843;
    --black: #000000;
    --dark: #0D0D0D;
    --card-bg: #111111;
    --card-hover: #161616;
    --border: #1E1E1E;
    --border-h: #2E2E2E;
    --gold: #D4A843;
    --gold-light: #F0C870;
    --gold-dark: #A07820;
    --gold-dim: rgba(212, 168, 67, .10);
    --gold-glow: rgba(212, 168, 67, .25);
    --white: #FFFFFF;
    --off-white: #F2F2F2;
    --gray-1: #CCCCCC;
    --gray-2: #888888;
    --gray-3: #444444;
    --red: #e31e24;


    /* Font sizes */
    --font-size-12: 0.75em;
    --font-size-14: 0.875em;
    --font-size-16: clamp(0.9375em, 0.925em + 0.0625vw, 1em);
    --font-size-17: clamp(1em, 0.9844em + 0.0781vw, 1.0625em);
    --font-size-18: clamp(1em, 0.975em + 0.125vw, 1.125em);
    --font-size-20: clamp(1.125em, 1.1em + 0.125vw, 1.25em);
    --font-size-24: clamp(1.25em, 1.2em + 0.25vw, 1.5em);
    --font-size-30: clamp(1.5em, 1.425em + 0.375vw, 1.875em);
    --font-size-35: clamp(1.625em, 1.5125em + 0.5625vw, 2.1875em);
    --font-size-40: clamp(1.625em, 1.45em + 0.875vw, 2.5em);
    --font-size-50: clamp(1.875em, 1.5625em + 1.5625vw, 3.125em);
    --font-size-60: clamp(2em, 1.5625em + 2.1875vw, 3.75em);
    --font-size-80: clamp(2.5em, 1.875em + 3.125vw, 5em);

    /* Font weight */
    --fw-light: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    --fw-extra-bold: 800;
    --fw-black: 900;

    --font-h: 'Montserrat', sans-serif;
    --font-b: 'Inter', sans-serif;

    --sp: 110px;
    --radius-s: 8px;
    --radius-m: 14px;
    --radius-l: 22px;
    --radius-xl: 40px;
    --t-fast: .16s ease;
    --t-base: .28s ease;
    --t-slow: .50s ease;
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  outline: none;
  border: none;
  position: relative;
  letter-spacing: 0px;
  user-select: none;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
}
body {
  margin: 0;
  padding: 0;
  background-color: var(--primary-color);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  color: var(--white);
  min-width: 320px;
  font-family: var(--font-b);
  overflow-x: hidden;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  border: none;
  box-shadow: none;
}
.rows {
  width: 100%;
}

.container,section > .uagb-container-inner-blocks-wrap{
  width: 94% !important;
  margin: 0 auto !important;
  max-width: 1300px !important;
}

.flex {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.align-stretch{
  align-items: stretch;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.align-end {
  align-items: flex-end;
}
.justify-end {
  justify-content: flex-end;
}
.justify-left {
  justify-content: flex-start;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column;
}
.align-self-start {
  align-self: flex-start;
}
.text-center {
  text-align: center;
}

.ws-nowrap {
  white-space: nowrap;
}

br {
  line-height: 0;
}
.capitalize {
  text-transform: capitalize;
}

.scrollToTop {
  bottom: 2em;
  z-index: 6;
  display: none;
  position: fixed;
  right: 20px;
  background: var(--gold) url(../images/arw-up.png) no-repeat center center;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  background-size: 13px;
}
.cover,.covers {width: 100%;height: 100%;position: fixed;background: rgba(5, 5, 5, 0.8);top: 0;left: 0;z-index: 5;display: none;}
.covers.act,.cover.act{display: block;}
.covers{z-index: 999;}

a{font-family: var(--font-b);}
p{font-size: var(--font-size-17);line-height: 1.33em;font-family: var(--font-b);font-weight: var(--fw-normal);}

h1{font-weight: var(--fw-extra-bold);line-height: 1.1em;font-family: var(--font-h); }
h2{font-weight: var(--fw-black);line-height: 1.1em;font-family: var(--font-h);}
h3{font-weight: var(--fw-bold);line-height: 1.1em;font-family: var(--font-h);}
h4{font-weight: var(--fw-bold);line-height: 1em;font-family: var(--font-h);}
h5{font-weight: var(--fw-bold);line-height: 1em;font-family: var(--font-h);}
h6{font-weight: var(--fw-bold);line-height: 1em;font-family: var(--font-h);}

.h1{font-size: var(--font-size-80);}
.h2{font-size: var(--font-size-50);}
.h3{font-size: var(--font-size-36);}
.h4{font-size: var(--font-size-30);}
.h5{font-size: var(--font-size-24);}
.h6{font-size: var(--font-size-18);}

/*Button*/
.primary_btn{font-family: var(--font-h); font-size:0.875em;font-weight: var(--fw-extra-bold); padding: 0.72em 1.71em;background: linear-gradient(135deg, var(--gold-dark), var(--gold)); color: var(--black); border-radius: var(--radius-xl);text-transform: uppercase; letter-spacing: .9px;line-height: 1em;cursor: pointer;}
.primary_btn:hover{box-shadow: 0 8px 30px rgba(212,168,67,.45); transform: translateY(-2px); filter: brightness(1.08);}
.primary_editorbtn a{display: inline-flex; align-items: center; gap: 10px; padding: 1.28em 3em; border-radius: var(--radius-xl);font-family: var(--font-h); font-size: var(--font-size-14); font-weight: var(--fw-extra-bold); letter-spacing: .6px; text-transform: uppercase; transition: all var(--t-base) !important;  position: relative; overflow: hidden; cursor: pointer;background: linear-gradient(135deg, var(--gold-dark), var(--gold), var(--gold-light));  color: var(--black);}
.primary_editorbtn a::before{content: '';position: absolute;inset: 0;background: rgba(255,255,255,.06);opacity: 0;transition: opacity var(--t-fast);}
.primary_editorbtn a:hover{transform: translateY(-3px); box-shadow: 0 16px 50px rgba(212, 168, 67, .45) !important; filter: brightness(1.08);}
.primary_editorbtn a:hover::before{opacity: 1;}
.primary_editorbtn a span{ transition: transform var(--t-base);}
.primary_editorbtn a:hover span{transform: translateX(5px);}
.btn_ghost a{display: inline-flex; align-items: center; gap: 10px; padding: 1.28em 3em; border-radius: var(--radius-xl);font-family: var(--font-h); font-size: 0.8125em; font-weight: var(--fw-bold); letter-spacing: .6px; text-transform: uppercase; transition: all var(--t-base) !important;  position: relative; overflow: hidden; cursor: pointer;border: 1.5px solid rgba(212, 168, 67, .4); color: var(--gold);background: transparent;}
.btn_ghost a:hover{background: var(--gold-dim);  border-color: var(--gold); transform: translateY(-3px);  box-shadow: 0 12px 36px rgba(212, 168, 67, .2) !important;}
.btn_icon a{align-items: center; gap: 8px; font-family: var(--font-h); font-size: var(--font-size-12); font-weight: var(--fw-bold); color: var(--gold);  text-transform: uppercase; letter-spacing: .6px;transition: gap var(--t-base);padding: 0 !important;background-color: transparent !important;}
.btn_icon a span{ transition: transform var(--t-base);}
.btn_icon a:hover span{transform: translateX(5px);}
/*Button*/

/*Form*/
.input_field{width: 100%; background: var(--dark); border: 1px solid var(--border-h); border-radius: var(--radius-s);  padding: 0.92em 1.14em; color: var(--white);   font-family: var(--font-b);  font-size: var(--font-size-14);  transition: all var(--t-base); outline: none;}
label{display: block; font-family: var(--font-h); font-size: 10.5px; font-weight: 700; color: var(--gray-1);  text-transform: uppercase; letter-spacing: 1.2px;   margin-bottom: 9px;}
textarea{resize: none;height: 10em;}
.input_field:focus{border-color: var(--gold); box-shadow: 0 0 0 4px rgba(212, 168, 67, .1);}
.input_field.error{border-color: var(--red); box-shadow: 0 0 0 4px rgba(230, 19, 4, 0.1);}
/*Form*/

/*Header*/
header{padding: 1.25em 0; transition: all var(--t-slow);position: fixed;top: 0;left: 0;width: 100%;z-index: 5; background: rgba(8, 8, 8, .9)}
header.sticky{backdrop-filter: blur(28px);  -webkit-backdrop-filter: blur(28px);  padding: 0.725em 0;  border-bottom: 1px solid var(--border);}
header .logo_wrapper{width: 20%;}
header .logo_wrapper img{max-width: 120px;}
header .main_navs{position: fixed;width: 96%;height: 100dvh;z-index:20;top: 0;right: -150%;background-color: var(--primary-color);padding: 2em 1.5em;max-width: 360px;transition: none;transition: all 0.5s ease-in-out;}
header.active .main_navs{right: 0;}
header .menu_list{row-gap: 1em;}
header .menu_list li a{font-size: 0.875em;font-weight: var(--fw-bold);color: var(--gray-1);text-transform: uppercase;}
header .menu_list .menu-item-has-children ul{display: none;}
header .menu_list .menu-item-has-children .sub-menu{margin-top: 1em;}
header .menu_list .menu-item-has-children .sub-menu li:not(:last-child){margin-bottom: 0.75em;}
header .menu_list .menu-item-has-children > a{background: url(../images/down.png) no-repeat right center;background-size: 1rem;padding-right: 1.75em;}
header .menu_list .menu-item-has-children > a:hover,.menu_list .menu-item-has-children.current_page_parent > a,.menu_list li.current-menu-parent > a{background: url(../images/down-gold.png) no-repeat right center;background-size: 1rem;}
header .menu_list li a:hover,header .menu_list li.current-menu-item a,.menu_list .current_page_parent > a,.menu_list li.current-menu-parent > a{color: var(--gold);}
header .main_navs .close,header .hamburger_menu{cursor: pointer;}
header .main_navs .close{margin-bottom: 2em;}
header .main_navs .close svg{width: 2em;height: 2em;}
header .hamburger_menu svg{width: 2em;height: 2em;}
/*Header*/

/*Footer*/
.footer{background: var(--dark);border-top: 1px solid var(--border);}
.footer .footer_wrapper{row-gap: 1.5em;padding: clamp(2.8125rem, 2.017rem + 3.9773vw, 5rem) 0 clamp(1.875rem, 1.1932rem + 3.4091vw, 3.75rem) 0;}
.footer .col{width: 100%;}
.footer .col img{max-width: 120px;}
.footer .col p{color: var(--gray-2);font-size: 0.8125rem;margin-top: 1.125em;line-height: 1.9em;}
.footer .col h6{font-size: 0.725rem;text-transform: uppercase;margin-bottom: 1.25em;letter-spacing: 2.2px;font-weight: var(--fw-extra-bold);}
.footer_menu{row-gap: 1em;}
.footer_menu li a{font-size: 0.8125rem;color: var(--gray-2);}
.footer_menu li a:hover{color: var(--gold);}
.footer .copy{padding: 1.375em 0;border-top: 1px solid var(--border);}
.footer .copy small{font-size: 0.8125em;color: var(--gray-2);}
.footer .copy span{color: var(--gold);}
.footer .info_col{row-gap: 1em;}
.info_box{column-gap: 1em;}
.info_box a,.info_box address{color: var(--gray-2);font-size: 0.8125em;font-style: normal;}
.info_box a:hover,.info_box address:hover{color: var(--gold);}
/*Footer*/

/*Home*/
.home_banner{padding: 8.75em 0  3.75em 0 !important;}
.home_banner .col_left h1{animation: slideUP .7s ease .2s both;margin-bottom: 0.275em; line-height: 1.05;font-weight: var(--fw-black);}
.home_banner .col_left h1 br{display: none;}
.home_banner .col_left h1 span{background: linear-gradient(120deg, var(--gold-dark) 0%, var(--gold) 35%, var(--gold-light) 65%, var(--gold) 100%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; background-size: 250% auto; animation: shimmer 5s linear infinite;}
.home_banner .col_left .main_txt{color: var(--gray-1); max-width: 520px;line-height: 1.85em;margin-bottom: 2em;font-size: var(--font-size-16);animation: slideUP .7s ease .1s both;}
.tag {display: inline-flex; align-items: center; gap: 0.81em; background: var(--gold-dim);  border: 1px solid rgba(212,168,67,.22); color: var(--gold);font-family: var(--font-h); font-size: 0.6875em; font-weight: var(--fw-bold); letter-spacing: 2.5px; text-transform: uppercase; padding: 0.727em 1.81em; border-radius: 100px; margin-bottom: 2em;width: auto !important;}
.tag::before {content: '';width: 6px;height: 6px;    background: var(--gold); border-radius: 50%; animation: pulse 2.2s ease infinite;}
.home_banner .tag{animation: slideUP .7s ease .1s both;}
.home_banner .col_right{animation: slideRight .9s ease .3s both;}

.hm-image{z-index: 3;width: auto !important; height: 540px;filter: drop-shadow(0 30px 60px rgba(0,0,0,.8)) drop-shadow(0 0 40px rgba(212,168,67,.15)); animation: heroMascot 5s ease-in-out infinite; transform-origin: bottom center;}
.hm-image img{width: 100% !important;object-fit: contain !important;object-position: bottom center; }
.hv-card {position: absolute !important; z-index: 4; display: flex; align-items: center; gap: 10px; background: rgba(13,13,13,.92); backdrop-filter: blur(20px);   -webkit-backdrop-filter: blur(20px);  border: 1px solid rgba(212,168,67,.22); border-radius: var(--radius-m); padding: 11px 18px; white-space: nowrap; box-shadow: 0 16px 48px rgba(0,0,0,.5),0 0 0 1px rgba(212,168,67,.05);transition: box-shadow var(--t-base);width: auto !important;}
.hv-card:hover {box-shadow: 0 20px 60px rgba(0,0,0,.6),0 0 20px rgba(212,168,67,.2);}
.hvc-ico{font-size:20px;}
.hvc-sub{font-size:10px;color:var(--gray-2);margin-top:2px;}
.hvc-txt{font-family:var(--font-h);font-size:12px;font-weight:700;color:var(--white);}
.hvc1{top:30px;left:0;animation:cardFloat 3.5s ease-in-out infinite;}
.hvc2{top:60px;right:0;animation:cardFloat 4s ease-in-out infinite .6s;}
.hvc3{bottom:100px;left:0px;animation:cardFloat 3.8s ease-in-out infinite 1.2s;}
.hvc4{bottom:80px;right:0;animation:cardFloat 4.2s ease-in-out infinite .4s;}
.hvc5{top:50%;right:0;transform:translateY(-50%);animation:cardFloat 3.6s ease-in-out infinite .9s;}
.hvc5{animation:cardFloat5 3.6s ease-in-out infinite .9s;}

.monkinfo{padding-bottom: 3.75em !important;}
.count_box .wp-block-uagb-counter__number{font-size: var(--font-size-35);font-weight: var(--fw-black);color: var(--white);font-family: var(--font-h);}
.count_box .wp-block-uagb-counter__title{font-size: 0.6875em;color: var(--gray-2) !important;font-weight: var(--fw-bold);text-transform: uppercase;letter-spacing: .8px;line-height: 1.6em;margin-top: 5px;margin-bottom: 0;}
.monkinfo .count_box{width: 23% !important;}

.hero-scroll-hint{position:absolute !important;bottom:-100px;left:50%;transform:translateX(-50%); display:flex;flex-direction:column;align-items:center;gap:8px; font-family:var(--font-h);font-size:10px;font-weight:600;color:var(--gray-3);letter-spacing:2px;text-transform:uppercase;animation:slideUP .8s ease 1.2s both;width: auto !important;}
.scroll-dot{width:6px;height:32px;background:linear-gradient(var(--black),var(--gold));border-radius:3px;animation:scrollDot 2s ease-in-out infinite;}

.what_we{padding: clamp(3.75em, 2.9688em + 3.9063vw, 6.875em) 0 !important;}
.what_we .uagb-container-inner-blocks-wrap{width: 100% !important; max-width: 100% !important;}
.what_we .main_title{padding: 0 4% !important;}
.main_title h2,.common_banner .main_title h1{width: auto !important;margin-bottom: 0.32em;}
.common_banner .main_title h1{font-size: clamp(2.375em, 1.875em + 2.5vw, 4.375em);text-align: center;}
.main_title h2 span,.common_banner .main_title h1 span{background: linear-gradient(120deg, var(--gold-dark) 0%, var(--gold) 35%, var(--gold-light) 65%, var(--gold) 100%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; background-size: 250% auto; animation: shimmer 5s linear infinite;}
.main_title p{line-height: 1.85;color: var(--gray-1);}
.main_title.align_center h2,.main_title.align_center p{text-align: center;}
.main_title.align_center p{max-width: 38em; width: auto !important;}
.has_bar{padding-bottom: 1.5em;}
.has_bar:empty{padding-bottom: 0.25em;}
.main_title .has_bar:after{content: "";width: 52px; height: 3px; background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light)); border-radius: 3px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.we_container{padding-top: clamp(1.875em, 1.4063em + 2.3438vw, 3.75em) !important;overflow: hidden !important;padding-left: calc((100vw - 1300px) / 2) !important;}
.service_wrapper {row-gap: 1.5em !important;flex-wrap: nowrap !important;column-gap: 1.25em !important;}
.service_box{background: var(--card-bg);border: 1px solid var(--border) !important; border-radius: var(--radius-l); padding: 2.375em 1.875em !important; transition: all var(--t-base);overflow: hidden !important; flex-shrink: 0;}
.service_box .icon{width: 2.23em !important; height: 2.23em; background: var(--gold-dim); border: 1px solid rgba(212,168,67,.18); border-radius: var(--radius-m); display: flex; align-items: center; justify-content: center; font-size: 26px; transition: all var(--t-base);margin-bottom: 0.92em;}
.service_box .number{position: absolute !important; top: 20px; right: 22px; font-family: var(--font-h); font-size: 56px; font-weight: 900; color: rgba(255,255,255,.03); line-height: 1; transition: color var(--t-base);width: auto !important;}
.service_box h3{font-size: var(--font-size-20);margin-bottom: 0.6em;font-weight: var(--fw-extra-bold);}
.service_box .desc{color: var(--gray-2);line-height: 1.8em;margin-bottom: 1.5em;font-size: var(--font-size-14);}
.service_box ul{margin-bottom: 1.625em;}
.service_box li{color: var(--gray-2);font-size: 0.8125em;padding-left: 1.125em;}
.service_box li:not(:last-child){margin-bottom: 0.625em;}
.service_box li::before {content: '→'; position: absolute; left: 0; color: var(--gold); font-size: 11px;}
.service_box::before {content: ''; position: absolute; inset: 0; background: linear-gradient(135deg,rgba(212,168,67,.06),transparent 60%); opacity: 0; transition: opacity var(--t-base);}
.service_box::after {content: '';position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light)); transform: scaleX(0); transform-origin: left;transition: transform var(--t-slow);}
.service_box:hover{border-color: rgba(212, 168, 67, .3) !important; transform: translateY(-10px); box-shadow: 0 32px 80px rgba(0, 0, 0, .5) !important;}
.service_box:hover::before{opacity: 1;}
.service_box:hover::after{transform: scaleX(1);}
.service_box:hover .icon{background: rgba(212, 168, 67, .18); transform: scale(1.1) rotate(-3deg);}
.service_box:hover .number{color: rgba(212, 168, 67, .06);}

.our_story{background-color: var(--dark);padding: clamp(3.75em, 2.9688em + 3.9063vw, 6.875em) 0 !important;}
.our_story .uagb-container-inner-blocks-wrap{row-gap: 2em !important;}
.our_story .col_left{order: 2;}
.our_story .col_right{order: 1;}
p.has_margin{margin-bottom: 1em;}
.our_story .col_right p.has_margin{margin-bottom: 1.125em;}
.our_story .col_left figure{height: 470px !important;width: auto !important;}
.our_story .col_left img{object-fit: contain;height: 100%;}
.as-badge {position: absolute !important; background: rgba(13,13,13,.95); backdrop-filter: blur(16px); border: 1px solid rgba(212,168,67,.25); border-radius: var(--radius-m);   padding: 16px 22px;  display: flex;  align-items: center;  gap: 12px;  box-shadow: 0 16px 48px rgba(0,0,0,.45);width: auto !important;}
.as-badge span {font-size: 1.5em;}
.ab-num {font-family: var(--font-h); font-size: 1.6rem; font-weight: 900; line-height: 1; color: var(--gold);}
.ab-lbl {font-size: 11px; color: var(--gray-2); font-weight: 600; text-transform: uppercase; letter-spacing: .8px;}
.ab1 {top: 0; right: 0;}
.ab2 {bottom: 0; left: 0;}
.hm-ring {position: absolute !important; border-radius: 50%;border: 1px solid rgba(212,168,67,.14);   pointer-events: none;}
.hm-ring1 { width: clamp(11.25rem, 8.0682rem + 15.9091vw, 20rem) !important; height: clamp(11.25rem, 8.0682rem + 15.9091vw, 20rem); bottom: 50%;  left: 50%;  transform: translate(-50%,50%); animation-duration: 28s;}
.hm-ring1::after { content: ''; position: absolute; top: -5px; left: 50%; width: 10px; height: 10px; background: var(--gold); border-radius: 50%;  transform: translateX(-50%);  box-shadow: 0 0 14px var(--gold),0 0 28px rgba(212,168,67,.5);}
.hm-ground-glow { position: absolute !important; bottom: 0; left: 50%; transform: translateX(-50%); width: clamp(11.25rem, 8.0682rem + 15.9091vw, 20rem); height: 80px; background: radial-gradient(ellipse,rgba(212,168,67,.28) 0%,transparent 70%);  filter: blur(18px);  }
.story_card{gap: 0.9375em !important; padding: 1em 1.25em !important; background: var(--card-bg); border: 1px solid var(--border) !important; border-radius: var(--radius-m); transition: all var(--t-base);}
.story_wrapper{row-gap: 1em !important;margin-top: 1em;}
.story_card .icon{font-size: 1.375em; width: auto !important;}
.story_card  h3{ font-family: var(--font-h); font-size: 0.84375em; font-weight: 700;  margin-bottom: 5px;}
.story_card p{ font-size: 0.78125em;  color: var(--gray-2);}
.story_card:hover { border-color: rgba(212,168,67,.22) !important; background: var(--card-hover);}

.our_process{padding: clamp(3.75em, 2.9688em + 3.9063vw, 6.875em) 0 !important;}
.process_wrapper{margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em);row-gap: 2.5em !important;}
.step_card{padding: 0 2% !important;}
.step_card .num{width: 68px !important; height: 68px; background: linear-gradient(135deg,var(--gold-dark),var(--gold)); border-radius: 50%; display: flex; align-items: center;   justify-content: center; font-family: var(--font-h); font-size: 1.1rem; font-weight: 900;  color: var(--black);  margin: 0 auto 20px; box-shadow: 0 8px 28px rgba(212,168,67,.35); transition: all var(--t-base);}
.step_card:hover .num{transform: scale(1.12); box-shadow: 0 12px 40px rgba(212,168,67,.5);}
.step_card .icon{font-size: 2rem; margin-bottom: 14px;width: auto !important;}
.step_card h3{font-family: var(--font-h);font-size: .95rem; font-weight: 800; margin-bottom: 10px;text-align: center;}
.step_card .desc{font-size: 13px; color: var(--gray-2); line-height: 1.75;text-align: center;}

.case_studies{padding: clamp(3.75em, 2.9688em + 3.9063vw, 6.875em) 0 !important;background-color: var(--dark);}
.case_wrapper {row-gap: 2em !important;margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em);}
.case_card{background: var(--card-bg); border: 1px solid var(--border) !important; border-radius: var(--radius-l); overflow: hidden !important; transition: all var(--t-base);padding: 0 !important;justify-content: flex-start !important;}
.case_card:hover{transform: translateY(-10px); border-color: rgba(212, 168, 67, .22) !important;  box-shadow: 0 32px 80px rgba(0, 0, 0, .5);}
.case_card .top_panel{height: 200px;overflow: hidden;}
.case_card .top_panel::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(135deg, #0D1117 0%, #1a1025 50%, #0D0D0D 100%);}
.case_card:nth-child(2) .top_panel::before{background: linear-gradient(135deg, #0A1A0F 0%, #0D2410 50%, #0D0D0D 100%);}
.case_card:last-child .top_panel::before{background: linear-gradient(135deg, #1A0D11 0%, #2A1020 50%, #0D0D0D 100%);}
.case_card .top_panel::after{content: "";position: absolute;inset: 0; background: radial-gradient(circle at 50% 60%, rgba(212, 168, 67, .15) 0%, transparent 65%);}
.case_card .port-tag {background: var(--gold-dim); border: 1px solid rgba(212,168,67,.3); color: var(--gold); font-family: var(--font-h); font-size: 10px;  font-weight: 700;  letter-spacing: 2px; text-transform: uppercase;  padding: 7px 16px;   border-radius: 100px;width: auto !important;}
.case_card .cont{padding: 28px;}
.case_card .cont h3{font-family: var(--font-h);  font-size: 1.05rem; font-weight: 800; margin-bottom: 10px;}
.case_card .cont .desc{font-size: 13px; color: var(--gray-2); line-height: 1.75;  margin-bottom: 20px;}
.status_wrapper{justify-content: flex-start !important;column-gap: 1.5em !important;}
.status_counter{width: auto !important;}
.status_counter .wp-block-uagb-counter__number{font-family: var(--font-h);  font-size: 1.4rem;  font-weight: 900;  color: var(--gold); line-height: 1;}
.status_counter .wp-block-uagb-counter__title{font-size: 10.5px; color: var(--gray-2) !important; text-transform: uppercase; letter-spacing: .8px; margin-top: 3px;margin-bottom: 0;}

.client_stories{padding: clamp(3.75em, 2.9688em + 3.9063vw, 6.875em) 0 !important;}
.testimonial_panel{margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em);}
.testimonial_box{background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius-l); padding: 36px 28px; transition: all var(--t-base); position: relative; overflow: hidden; height: auto;}
.testimonial_box:hover{border-color: rgba(212, 168, 67, .22); box-shadow: 0 24px 72px rgba(0, 0, 0, .4);}
.testimonial_box::before{content: '"'; position: absolute; top: -10px; right: 20px; font-family: Georgia, serif; font-size: 120px; color: rgba(212, 168, 67, .05); line-height: 1;}
.testi-stars { color: var(--gold); font-size: 16px; letter-spacing: 3px; margin-bottom: 18px;}
.testimonial_box .cont p{ font-size: var(--font-size-14); color: var(--gray-1); line-height: 1.9; margin-bottom: 26px; font-style: italic; position: relative; z-index: 1;}
.testimonial_box .user_info_left{column-gap: 1.125em;}
.testimonial_box .img{gap: 14px;width: 46px; height: 46px; flex-shrink: 0; background: linear-gradient(135deg, var(--gold-dark), var(--gold)); border-radius: 50%; font-family: var(--font-h); font-size: 15px; font-weight: 900;color: var(--black);}
.testimonial_box .user_title h4{font-size: var(--font-size-14); font-weight: 700;}
.testimonial_box .user_title span{font-size: var(--font-size-12);  color: var(--gray-2);}
.testimonial_panel .swiper_btn_wrapper{position: absolute; top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 1;}
.testimonial_panel .swiper_btn_col{column-gap: 2em;}
.swiper_btn_wrapper svg{width: 1em;fill: var(--gold);opacity: 0.5;}
/*Home*/

.common_banner{padding: clamp(6.25rem, 5.5469rem + 3.5156vw, 9.0625rem) 0 clamp(3.125rem, 2.5rem + 3.125vw, 5.625rem) 0 !important;}
.p6{padding: clamp(3.75em, 2.9688em + 3.9063vw, 6.875em) 0 !important;}
/*About*/
.how_started .how_wrapper{margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em);}
.mission_card{background: var(--card-bg); border: 1px solid var(--border) !important; border-radius: var(--radius-l); padding: 2.5em 2em !important; text-align: center; transition: all var(--t-base); overflow: hidden !important;}
.mission_wrapper{margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em);row-gap: 2em !important;}
.mission_card:hover{border-color: rgba(212, 168, 67, .22) !important; box-shadow: 0 28px 72px rgba(0, 0, 0, .4);}
.mission_card .icon{font-size: 3rem; margin-bottom: 20px;}
.mission_card .desc{ color: var(--gray-2); line-height: 1.85; font-size: var(--font-size-14);}
.mission_card h3{ font-family: var(--font-h); font-size: 1.2rem; font-weight: 800; margin-bottom: 14px;}
.mission_card::after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light)); transform: scaleX(0); transform-origin: center;  transition: transform var(--t-base);}
.mission_card:hover::after{transform: scaleX(1);}

.card_wrapper{margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em);row-gap: 1.75em !important;}
.card{background: var(--card-bg); border: 1px solid var(--border) !important; border-radius: var(--radius-l); padding: 2em 1.625em !important; transition: all var(--t-base);}
.card:hover{border-color: rgba(212, 168, 67, .2) !important; background: var(--card-hover);}
.card .icon{font-size: 2.4rem; margin-bottom: 16px;}
.card h3{font-family: var(--font-h); font-size: 1rem; font-weight: 800;  margin-bottom: 10px;}
.card .desc{font-size: 13px; color: var(--gray-2); line-height: 1.78;}
.card .number{font-family: var(--font-h); font-size: 2.375em; font-weight: 900; color: rgba(212, 168, 67, .08); line-height: 1; margin-bottom: 12px;}
.dark_bg{background-color: var(--dark);}

.meet_team .btn_wrapper{margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em);}
.meet_team h2{max-width: 11em;}
.meet_team .desc{max-width: 30em !important;}
/*About*/

/*Conatct*/
.contact_sec .col_left{row-gap: 1em !important;}
.contact_card{background: var(--card-bg);  border: 1px solid var(--border) !important;  border-radius: var(--radius-l); padding: 1.5625em !important; gap: 16px;column-gap: 1.25em !important;}
.contact_card:hover{border-color: rgba(212, 168, 67, .22) !important;}
.contact_card .icon{width: 48px !important; height: 48px; background: var(--gold-dim); border: 1px solid rgba(212, 168, 67, .2); border-radius: var(--radius-m); display: flex;align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;}
.contact_card h3{ font-size: 10px; font-weight: 700; color: var(--gold);text-transform: uppercase;letter-spacing: 1.5px; margin-bottom: 5px;}
.contact_card .txt{font-size: 15px; color: var(--white); font-weight: 600;margin-bottom: 3px;}
.contact_card .txt a{color: var(--white);}
.contact_card .desc{font-size: 12px; color: var(--gray-2);}
.contact_card .cont_wrap{width: 80% !important;}
.follow_us{background: var(--card-bg); border: 1px solid var(--border) !important; border-radius: var(--radius-l); padding: 28px !important;}
.follow_us h3{font-size: var(--font-size-12); font-weight: 700; color: var(--gray-1); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 1.125em;}
.follow_wrapper{gap: 1em !important;}
.follow_us a{display: flex; align-items: center; gap: 8px; background: var(--dark); border:1px solid var(--border);border-radius: var(--radius-s); padding: 10px 16px;   font-size: 13px; font-weight: 600;  color: var(--gray-1); transition: var(--t-base);}
.follow_us a:hover{border-color: var(--gold);color: var(--gold);}
.contact_sec .col_right{background: var(--card-bg); border: 1px solid var(--border) !important; border-radius: var(--radius-xl); padding: clamp(1.5rem, 0.9545rem + 2.7273vw, 3rem) !important;}
.contact_sec .col_right h2{font-size: var(--font-size-30); font-weight: 900; margin-bottom: 6px;}
.contact_sec .col_right .desc{font-size: var(--font-size-14); color: var(--gray-2);margin-bottom: 32px;}
.contact_form{row-gap: 1.5em;justify-content: space-between;}
.contact_form .col,.contact_form .col.full{width: 100%;}
.contact_form .primary_btn{padding: 1.25em 2em;}

.faq{padding: clamp(3.75em, 2.9688em + 3.9063vw, 6.875em) 0 !important;}
.faq_wrapper{margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em); max-width: 55em !important;}
.faq_wrapper .uagb-faq-item{background-color: var(--card-bg);border: 1px solid var(--border);border-color: rgba(212, 168, 67, 0.28);border-radius: var(--radius-m);}
.faq_wrapper .uagb-faq-questions{padding: 22px 26px;}
.faq_wrapper .uagb-faq-questions .uagb-question{font-size: var(--font-size-14);}
.faq_wrapper .uagb-faq-item-active .uagb-faq-questions .uagb-question{color: var(--gold);}
.faq_wrapper .uagb-faq-content{padding: 16px 26px 24px; border-top: 1px solid var(--border);}
.faq_wrapper .uagb-faq-content p{font-size: var(--font-size-14);line-height: 1.85em; color: var(--gray-2);}
.faq_wrapper .uagb-faq-icon-wrap{width: 28px !important;height: 28px !important;border-radius: 50%;background: rgba(212, 168, 67, 0.2);display: flex;align-items: center;justify-content: center;}
.faq_wrapper .uagb-faq-icon-wrap svg{fill: var(--gold);}
/*Conatct*/

/*Services*/
.services_wrapper{margin-top:  1em;}
.services_box{padding: clamp(1.5625rem, 1.0523rem + 2.551vw, 3.125rem) 0 !important;row-gap: 1.5em !important;}
.services_box:last-child{padding-bottom: 0 !important;}
.services_box:not(:last-child){border-bottom: 1px solid var(--border);}
.services_box .icon_col{width: auto !important;}
.services_box .icon_col .icon{font-size: clamp(1.5625rem, 1.338rem + 1.1224vw, 2.25rem) !important;width: auto !important;width: clamp(2.5rem, 1.6837rem + 4.0816vw, 5rem) !important; height: clamp(2.5rem, 1.6837rem + 4.0816vw, 5rem) !important; background: var(--gold-dim); border: 1px solid rgba(212, 168, 67, .2);  border-radius: var(--radius-l); justify-content: center;  margin-bottom: 12px; transition: all var(--t-base);text-align: center;display: flex;align-items: center;}
.services_box .icon_col .number{font-family: var(--font-h); font-size: 11px; font-weight: 700;color: var(--gray-3); letter-spacing: 1.5px;text-align: right;padding-right: 2em}
.services_box .cont_col  h3{font-family: var(--font-h); font-size: clamp(1.375rem, 1.3036rem + 0.3571vw, 1.59375rem); font-weight: 900;margin-bottom: 1em;}
.services_box .cont_col .desc{font-size: 15px; color: var(--gray-1); line-height: 1.9; margin-bottom: 24px;}
.services_box .cont_col ul{display: flex;row-gap: 1em;justify-content: space-between;flex-wrap: wrap;}
.services_box .cont_col li{font-size: 13px; color: var(--gray-1);width: 100%;}
.services_box .cont_col li::before{content: "";width: 6px;  height: 6px;  background: var(--gold); border-radius: 50%;display: inline-block;margin-right: 0.5rem;}
.services_box .count_wrapper{background: var(--card-bg);  border: 1px solid var(--border);  border-radius: var(--radius-m);margin-top: 1.75em;}
.services_box .counter{padding: 20px 24px; text-align: center;border-right: 1px solid var(--border);}
.services_box .counter .wp-block-uagb-counter__number{font-family: var(--font-h); font-size: 1.8rem; font-weight: 900; color: var(--gold); line-height: 1;}
.services_box .counter .wp-block-uagb-counter__title{font-size: 11px; color: var(--gray-2); text-transform: uppercase; letter-spacing: .8px; margin-top: 4px;}
.services_box .primary_editorbtn a{font-size: 11px !important;}
.services_box .wp-block-buttons{margin-top: 1em;}

.work_with ul{display: flex;flex-wrap: wrap;column-gap: 1em;justify-content: center;row-gap: 1em;margin-top:  clamp(1.875em, 1.4063em + 2.3438vw, 3.75em);max-width: 60em;}
.work_with li{background: var(--card-bg); border: 1px solid var(--border); border-radius: 100px; padding: 12px 24px; font-family: var(--font-h); font-size: 13px;    font-weight: 700;  color: var(--gray-1);  transition: all var(--t-base);  cursor: default;width: auto !important;}
.work_with li:hover{border-color: rgba(212, 168, 67, .3); color: var(--gold);  background: var(--gold-dim);}

.icon_list .wp-block-uagb-icon-list-child{gap: 12px; padding: 13px 18px; background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius-s); transition: all var(--t-fast); font-size: 13.5px;width: 100% !important;}
.icon_list .wp-block-uagb-icon-list-child:hover{border-color: rgba(212,168,67,.2);background: var(--card-hover);}
.icon_list svg{fill: var(--gold);width: 20px !important;height: 20px !important;}
.icon_list .uagb-icon-list__label{color: var(--white);}
.icon_list .uagb-icon-list__source-wrap{margin-right: 0 !important;}

.about_service .uagb-container-inner-blocks-wrap{row-gap: 2em !important;}
.about_service .icon_list{margin: 1.5em 0;}
.about_service .main_title p{font-size: var(--font-size-14);}
.about_service .main_title .tag{font-size: 0.6875em;}
.about_service .col_right{background: var(--card-bg);  border: 1px solid var(--border) !important; border-radius: var(--radius-xl); padding: clamp(1.875rem, 1.6709rem + 1.0204vw, 2.5rem) !important;}
.seo-chart {background: var(--dark);  border: 1px solid var(--border); border-radius: var(--radius-l); padding: 1.75em;}
.sc-label {font-family: var(--font-h); font-size: 11px; font-weight: 700; color: var(--gray-2); text-transform: uppercase;   letter-spacing: 1.5px; margin-bottom: 20px;}
.sc-bars {display: flex; align-items: flex-end; gap: 8px; height: 100px;}
.sc-bar-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px;}
.sc-bar {width: 100%; background: linear-gradient(to top,var(--gold-dark),rgba(212,168,67,.3)); border-radius: 4px 4px 0 0;    transition: all 1s ease;}
.sc-mo {font-size: 10px; color: var(--gray-3);}
.sc-result {font-family: var(--font-h);font-size: 1.6rem;font-weight: 900; color: var(--gold); margin-top: 12px;}
.rank-pills{margin: 1em 0 0 0;row-gap: 12px !important;}
.rank-pills p{padding: 10px 16px; background: var(--dark); border: 1px solid var(--border); border-radius: var(--radius-s);    font-size: 13px; color: var(--gray-2);}
.rank-pills p:first-child{border-color: rgba(212,168,67,.3); color: var(--gold); font-weight: 700; background: rgba(212,168,67,.05);}

.service_counter{background: linear-gradient(135deg, rgba(212, 168, 67, .07) 0%, transparent 40%, rgba(212, 168, 67, .04) 100%); border-top: 1px solid var(--border) !important; border-bottom: 1px solid var(--border) !important;padding: clamp(2.1875rem, 1.2691rem + 4.5918vw, 5rem) !important;}
.service_counter .uagb-container-inner-blocks-wrap{background: var(--border);  border-radius: var(--radius-l);}
.service_counter .counter{background: var(--card-bg); padding: clamp(1.5rem, 1.0102rem + 2.449vw, 3rem) 1.5em; text-align: center; transition: background var(--t-base);}
.service_counter .counter .wp-block-uagb-counter__number span{font-family: var(--font-h); font-size: clamp(2.375rem, 2.1709rem + 1.0204vw, 3rem); font-weight: 900;   line-height: 1; margin-bottom: 8px; background: linear-gradient(135deg, var(--white), var(--gold-light));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; background-clip: text;}
.service_counter .counter .wp-block-uagb-counter__title{font-size: 12px; color: var(--gray-2); font-weight: 600;   text-transform: uppercase; letter-spacing: 1.2px;}
.service_counter .counter::after{content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(212, 168, 67, .04), transparent);  opacity: 0; transition: opacity var(--t-base);}
.service_counter .counter:hover::after{opacity: 1;}
.dmp-grid {display: grid; grid-template-columns: repeat(3,1fr); gap: 12px;}
.dmp-item {background: var(--dark); border: 1px solid var(--border); border-radius: var(--radius-m); padding: 16px 10px; text-align: center; transition: all var(--t-base);}
.dmp-ico {font-size: 26px; margin-bottom: 8px;}
.dmp-name {font-family: var(--font-h); font-size: 11px; font-weight: 700;color: var(--gray-1);}
.ts-score {text-align: center; background: var(--dark); border: 1px solid rgba(212,168,67,.2); border-radius: var(--radius-m); padding: 20px;margin-top: 1.75em;}
.tss-label {font-size: 11px; color: var(--gray-2); text-transform: uppercase;letter-spacing: 1.5px; margin-bottom: 8px;}
.tss-num {font-family: var(--font-h); font-size: 3rem; font-weight: 900; color: var(--gold); line-height: 1;}
.tss-sub {font-size: 12px; color: var(--gray-3); margin-top: 4px;}
.ep-cards {display: flex; flex-direction: column; gap: 12px;}
.ep-card { background: var(--dark); border: 1px solid var(--border); border-radius: var(--radius-m); padding: 18px 20px;  display: flex; align-items: flex-start;    gap: 14px; transition: all var(--t-base); position: relative;}
.ep-featured { border-color: rgba(212,168,67,.3); background: rgba(212,168,67,.04);}
.ep-ico {font-size: 24px; flex-shrink: 0;}
.ep-name {font-family: var(--font-h);font-size: 14px; font-weight: 700; margin-bottom: 4px;}
.ep-desc { font-size: 12.5px; color: var(--gray-2); line-height: 1.6;}
.ep-badge {position: absolute;bottom: 12px; right: 12px;background: linear-gradient(135deg,var(--gold-dark),var(--gold)); color: var(--black);font-family: var(--font-h);  font-size: 8px; font-weight: 800;padding: 4px 10px; border-radius: 100px; letter-spacing: .8px; text-transform: uppercase;}

.seo_section .meet_team h2 { max-width: 13em;}
.digital-marketing_section .common_banner .main_title h1{max-width: 18em !important;}
.branding_section  .common_banner .main_title h1{max-width: 15em !important;}

@media screen and (min-width:320px) and (max-width: 768px) {
  .meet_team .btn_wrapper .uagb-buttons__wrap{flex-direction: column;}
}
/*Services*/
@media screen and (min-width:640px) {
  .hero-scroll-hint{left: 52%;bottom: -38px;}
  /*Footer*/
  .footer .col{width: 48%;}
  .footer .col h6{margin-top: 0.875em;}
  .footer .col p{max-width: 270px;}
  /*Footer*/

  /*Home*/
  .process_wrapper .step_card,.three_col .card{width: 48% !important;}
  /*Home*/

  /*contact*/
  .contact_form .col{width: 48%;}
  /*contact*/
}

@media screen and (min-width:768px) {
  /*Home*/
  .home_banner .col_left{width: 48% !important;}
  .home_banner .col_left h1 br{display: inline-block;}
  .home_banner .col_left .btn_wrapper{font-size: clamp(0.625rem, 0.4886rem + 0.6818vw, 1rem);}
  .home_banner .col_right{width: 48% !important;}

  .hvc3{left:-10px;}
  .hvc5{right:-20px;}

  .service_wrapper .service_box{width: 48% !important;}
  .our_story .col_left{order: 1;width: 46% !important;}
  .our_story .col_right{order: 2;width: 46% !important;}
  .our_story .col_right h2{max-width: 10em;}

  .case_wrapper .case_card{width: 32% !important;}
  .lets_build .col_left{width: 40% !important;justify-content: flex-end !important;}
  .lets_build .col_right{width: 55% !important;}
  .lets_build .col_right .main_title p{max-width: 31em !important;}
  /*Home*/

  /*About*/
  .mission_wrapper .mission_card{width: 32% !important;}
  /*About*/

  /*contact*/
  .contact_sec .col_left{width: 35% !important;}
  .contact_sec .col_right{width: 60% !important;}
  /*contact*/

  /*services*/
  .services_box .cont_col{width: 88% !important;}
  .services_box .cont_col li{width: 48%;}
  .services_box .wp-block-buttons{position: absolute !important;right: 0;top: 0;width: auto !important;margin-top: 0;}

  .about_service .col_left,.about_service .col_right{width: 48% !important;}
  .about_service .col_right{margin-top: 11em !important;}
  /*services*/
}

@media screen and (min-width:980px) {
    /*Header*/
      header{z-index: 19 !important;}
      header .top_sec{display: block;}
      header.sticky .top_sec{display: none;}
      header .top_sec .col_left .icon_card{justify-content: flex-start;}
      header .icon_card{width: 37%;}
      header .main_navs{position: relative;inset: 0;background-color: transparent;z-index: 1;width: auto;max-width: 100%;padding: 0;display: flex;justify-content: flex-end;height: auto;}
      header .menu_list{flex-direction: row; column-gap: 2.5em;}
      header .menu-item-has-children ul{position: absolute; z-index: 20 !important; width: 250px; margin-left: 0; top: 1.5em;  margin-top: 0; left: 50%;background: rgba(13, 13, 13, .98);  backdrop-filter: blur(24px); border: 1px solid var(--border-h); border-radius: var(--radius-l); padding: 8px;transition: all var(--t-base);    box-shadow: 0 28px 80px rgba(0, 0, 0, .6);  transform: translateX(-50%) translateY(8px);}
      header .menu-item-has-children.menu-item-309 ul{width: 130%;}
      header .menu_list > .menu-item-has-children,header .menu_list {position: static !important;}
      header .menu-item-has-children.menu-item-309 ul > li{width: 32%;display: inline-block;vertical-align: top;}
      header .menu_list li a{font-size: 0.75em;}
      header .menu-item-has-children ul li{padding: 0.5em 1em 0.5em 1em;vertical-align: top;}
      header .menu-item-has-children ul li a{vertical-align: top;}
      header .hamburger_menu{display: none;}
      header .main_navs .close{display: none;}
      .main_menu .btn a{font-family: var(--font-h); font-weight: var(--fw-extra-bold);background: linear-gradient(135deg, var(--gold-dark), var(--gold)); color: var(--black); border-radius: var(--radius-xl);text-transform: uppercase; letter-spacing: .9px;line-height: 1em;font-size:0.725em; padding: 1em 2.24em;}
      .main_menu .btn a:hover{box-shadow: 0 10px 40px rgba(212,168,67,.45); transform: translateY(-2px); filter: brightness(1.08);color: var(--black);}
      header .menu_list li.current-menu-item.btn a{color: var(--black);}
      .header .menu-item-has-children ul::before { content: ''; position: absolute; top: -6px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 11px;    height: 11px; background: rgba(13,13,13,.98); border-left: 1px solid var(--border-h); border-top: 1px solid var(--border-h);}
      .header .menu-item-has-children ul.active {transform: translateX(-50%) translateY(0)}
    /*Header*/

    /*Footer*/
    .footer .col:first-child{width: 32%;}
    .footer .col{width: 22%;}
    /*Footer*/

    /*Home*/
    

    .monkinfo .uagb-container-inner-blocks-wrap{column-gap: 2em !important;}
    .monkinfo .count_box{width: 11% !important;}
    .count_box .wp-block-uagb-counter__title{padding-right: 2em;}

    /* .service_wrapper{column-gap: 2em !important;} */
    .service_wrapper .service_box{width: 24% !important;}

    .process_wrapper .step_card{width: 23% !important;z-index: 1;padding: 0 !important;row-gap: 0.5em !important;}
    .process_wrapper::after{content: "";  position: absolute;  top: 34px; left: 12%; right: 12%; height: 1px; background: linear-gradient(90deg,transparent,var(--gold-dark),var(--gold),var(--gold-dark),transparent);  z-index: 0;}

    .hm-ring { animation: spin 30s linear infinite;}
    .hm-ground-glow { animation: glowPulse 3s ease-in-out infinite;}

    .three_col .card{width: 32% !important;}
    /*Home*/

    /*services*/
    .services_box .cont_col li{width: 32%;}
    .about_service .col_left,.about_service .col_right{width: 45% !important;}
    .dmp-grid {grid-template-columns: repeat(4,1fr);}
    /*services*/
}



/* Custom Scrollbar */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--dark);}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-dark),var(--gold));border-radius:4px;}
.scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:9999;width:0;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));box-shadow:0 0 12px var(--gold-glow);transition:width .08s linear;}
/* Custom Scrollbar */


/*ANimation*/


@keyframes shimmer {
  0% {
    background-position: 0% center;
  }
  100% {
      background-position: 250% center;
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
      opacity: .35;
      transform: scale(1.8);
  }
}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes cardFloat5{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}

@keyframes heroMascot{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-12px) scale(1.01);}
}
@keyframes scrollDot{0%,100%{transform:scaleY(1);opacity:.6}50%{transform:scaleY(1.5);opacity:1}}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes glowPulse {
  0%, 100% {
    transform: scale(1);
    opacity: .8;
  }
  50% {
      transform: scale(1.4);
      opacity: .4;
  }
}

@keyframes slideUP {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(48px);
  }
  100% {
      opacity: 1;
      transform: none;
  }
}

.fade-up.in, .fade-left.in, .fade-right.in {
    opacity: 1;
    transform: none;
}

.fade-up {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity .65s ease,transform .65s ease;
}

.fade-left {
    opacity: 0;
    transform: translateX(-32px);
    transition: opacity .65s ease, transform .65s ease;
}
.d1{transition-delay:.07s;}.d2{transition-delay:.14s;}.d3{transition-delay:.21s;}.d4{transition-delay:.28s;}.d5{transition-delay:.35s;}
/*ANimation*/