/*=============================
  Variable CSS
===============================*/
:root {
    --body-font-family: "Mulish", Helvetica, Arial, sans-serif;
    --heading-font-family: "Lato", Helvetica, Arial, sans-serif;
    --transparent-color:transparent;
    --primary-color:#00a63e;
    --secondary-color: #3eb397;
    --body-font-color: #FFF;
    --heading-font-color:#202020;
    --paragraph-color: #4a5565;
    --placeholder-color:#828282;
    --menu-color:#B5B5B5;
    --section-background: #f9fbff;
    --section-background-two: #eef7ff;
    --section-background-three: #f4f4f4;
    --section-background-four: #fafafa;
    --body-font-size: 16px;
    --heading1-font-size:35px;
    --heading2-font-size:32px;
    --heading3-font-size:28px;
    --heading4-font-size:24px;
    --heading5-font-size:21px;
    --heading6font-size:18px;
    --p1-font-size: 18px;
    --p2-font-size: 16px;
    --p3-font-size: 14px;
    --body-font-weight: 400;
    --body-font-bold:600;
    --body-font-bolder: 700;
    --font-light:300;
    --line-height-p1:26px;
    --line-height-p2:24px;
    --line-height:1.2;
    --ghost-white: #f7fbff;
    --quote-color: #dcdfe5;
    --quote-color-two: #e5e5e5;
    --blog-meta-color: #6a6a6a;
    --lily-white: #e8faff;
    --widget-border-color: #d6d6d6;
    --widget-border-color-two: #efefef;
    --widget-border-color-three:#E5E5E5;
    --widget-border-color-four:#666666;
    --contact-border-color: #c8c8c8;
    ---border30-radius:30px;
    ---border20-radius:20px;
    ---border10-radius:10px;
    ---border5-radius:5px;
    --bright-turquoise: #17c7f8;
    --blue: #1c9cea;
    --blue-two: #4378e1;
    --blue-three: #14b9e9;
    --navy-blue: #082da3;
    --violets-blue: #816ef6;
    --zircon: #f4f7ff;
    --indigo: #6610f2;
    --purple: #b12aff;
    --purple-two: #e056fd;
    --magnolia: #fbf5ff;
    --pink: #ff0099;
    --red: #f9185d;
    --red-two: #ef162f;
    --blush: #fff7f9;
    --orange: #fb491a;
    --orange-two: #ff4d24;
    --sauvignon: #fff8f6;
    --yellow: #fabf1f;
    --yellow-two: #ecb40b;
    --yellow-three: #e1ab43;
    --yellow-four: #e29104;
    --island-spice: #fffaec;
    --green: #07e09b;
    --green-two: #22d361;
    --clear: #effffa;
    --teal: #20c997;
    --brown:#AF144B;
    --bubbles: #eafffb;
    --cyan: #f5f8ff;
    --white: #ffffff;
    --black: #1b1d21;
    --black-two: #010102;
    --black-three: #2D2D2D;
    --rich-black: #071022;
    --gray: #dcdcdc;
    --gray-two: #ebf2ff;
    --gray-three: #d7d7d7;
    --gray-four: #f6f9ff;
    --gray-five: #c2c2c2;
    --gray-six: #f8f8f8;
    --gray-seven: #e1e1e1;
    --gray-eight: #646464;
    --gray-nine: #9f9f9f;
    --facebook: #1877f2;
    --twitter: #1c9cea;
    --instagram: #833ab4;
    --linkedin: #0077b5;
    --pinterest: #e60023;
    --youtube: #c4302b;
    --skype: #00aff0;
    --scale: scale(1.05);

    --marquee-width: 100%;
    --marquee-height: 120px;
    --marquee-elements-displayed: 6;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 20s);
}

* {
    margin:0;
    padding:0;
}
body {
    width: 100%;
    height: 100%;
    font-family: var(--body-font-family);
    margin:0 auto;
    font-weight:var(--body-font-weight);
    color:var(--paragraph-color);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    background:var(--white);
    overflow-x: clip;
    position: relative;
}
html {
  width: 100%;
  height: 100%;
}
a {
  text-decoration:none;
  outline:none;
  color: #9B9B9B;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0px none;
}
a:hover {
  outline: none;
}
a:active {
  outline: none;
  text-decoration: none;
}
a:focus {
  outline: none;
  outline-offset: 0px;
  text-decoration: none;
/*  color:#fff;*/
}
.clear {
  clear:both;
  overflow:hidden;
  height:0px;
  font-size:0px;
}
.clear_l {
  clear:both;
}
ul, ol {
  padding:0px;
  margin:0px;
  list-style:none;
}
input:focus, select:focus, textarea:focus, button:focus {
  outline:none;
  box-shadow:none;
}
h1, h2, h3, h4, h5, h6, p {
  margin:0px;
  padding:0px;
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--heading-font-family) !important;
}
p {
    margin-top: 0;
    line-height:1.5;
    margin-bottom: 1rem;
}
article, section, footer, header, figure, aside, hgroup, nav {
  display:block;
}
header, nav, article, footer, section, aside, figure, figcaption {
  display:block
}
.btn,
.btn:focus,
button {
  outline: none;
  border: none;
  box-shadow: none;
}
a:hover, .btn:hover{
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  -webkit-transition: 0.4s all;
  transition: 0.4s all; 
}
select,
select:focus,
input:focus,
.btn:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow:none;
  outline:none;
  border-top-color: none;
  border-right-color: none;
  border-left-color: none;
}
.noPadding{
  padding:0;
}
.page-item.active .page-link {
    background-color: #567c32;
    border-color: #567c32;
}
/* :: 6.0 Buttons CSS */
.btn:focus {
  box-shadow: none;
}
embed, iframe, object {
    max-width: 100%;
}
input:focus, textarea:focus, .form-control:focus {
    outline: none;
    box-shadow: 0 5px 20px rgb(95 99 242 / 10%);
}

/**** Margin Section ***/

.mt-100 {
    margin-top: 100px;
}
.mt-15{
    margin-top:6rem;
}
.pt-30{
  padding-top: 30px;
}
.pt-60{
  padding-top: 60px;
}
.pt-80{
  padding-top: 80px;
}
.pt-120{
  padding-top: 120px;
}
.pt-160{
  padding-top: 160px;
}
.pb-30{
  padding-bottom: 30px;
}
.pb-60{
  padding-bottom: 60px;
}
.pb-80{
  padding-bottom: 80px;
}
.pb-120{
  padding-bottom:120px;
}
.pb-160{
  padding-bottom:160px;
}
.ptb-60 {
    padding:60px 0;
}
.ptb-80 {
    padding:80px 0;
}
.ptb-100 {
    padding:100px 0;
}
.ptb-120 {
    padding: 120px 0;
}
.ptb-160 {
    padding: 160px 0;
}
.rounded-custom {
    border-radius: 1rem !important;
}

/**** End Margin Section ***/
.w-100vw {
    min-width: 100vw !important;
}
.h-100{
    min-height:100vh;
}
.h-75{
    min-height:75vh;
}
.h-50{
    min-height:50vh;
}
.h-25{
    min-height:25vh;
}

.bottom-ve{
  position: relative;
  z-index:1;
  margin-bottom: -12rem;
}
.bg-lighter{
  background:#fbf9fa;
}

/**** Btn Section ***/

.btn:focus, 
.btn:active:focus, 
.btn.active:focus{
    outline:none;
    box-shadow:none;
}

/**** End Btn Section ***/

.bg-light-subtle {
    background-color: #fafafa !important;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

/*----------------------------------------*/
/* 03 - Background Position & Size 
/*----------------------------------------*/
 .bg-cover{
    background-size: cover;
}
 .bg-contain{
    background-size: contain;
}
 .bg-pos-l{
    background-position: left;
}
 .bg-pos-r{
    background-position: right;
}
 .bg-pos-rt{
    background-position: right top;
}
 .bg-pos-lt{
    background-position: left top;
}
 .bg-pos-rb{
    background-position: right bottom;
}
 .bg-pos-lb{
    background-position: left bottom;
}
.bg-dark{
    background:#111 !important;
    background-color:#111;
}
.bg-light-dark{
    background:#2b2b2b;
}
.bg-green{
    background:var(--primary-color) !important;
}

/*****  Owl dots Css  ******/
.owl-dots .owl-dot,
.owl-dots .owl-dot {
  background: transparent;
}
.owl-dots .owl-dot span,
.owl-dots .owl-dot span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 0;
  margin: 0 1px;
  background: #fff;
  border: 1px solid #0061B2;
  background: transparent !important;
}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot.active span {
  background-color:#0061B2 !important;
  border-radius: 20px;
  border-color:#0061B2;
}
.slidenav-left.owl-theme .owl-dots,
.slidenav-left.owl-theme .owl-nav {
  text-align:center;
}
.slidenav-right.owl-theme .owl-dots,
.slidenav-right.owl-theme .owl-nav {
  text-align: right;
}
.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 2rem;
}

.section-title-wrapper.section-border {
  display: flex;
  align-items: center;
  width: 100%;
}
.section-title-wrapper.section-border .rs-section-dot {
  width: 7px;
  height: 7px;
  background-color: var(--rs-theme-primary);
  display: inline-block;
  transform: rotate(45deg);
  margin-inline-end: 5px;
  margin-inline-start: 5px;
}
.section-title-wrapper.section-border .rs-section-line {
  border: 1px solid var(--rs-border-primary);
  border-width: 1px 0;
  flex-grow: 1;
  height: 4px;
}
.section-title-wrapper.section-border .section-gap {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}
@media only screen and (max-width: 575px) {
  .section-title-wrapper.section-border .section-gap {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }
}
h2.section-title {
    margin-bottom: 30px;
    font-size: 26px;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    font-family: inherit;
    line-height: 1.1em
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.bg-gray {
    background:#18191b;
}
.default-padding-bottom {
    padding-bottom: 120px;
}
.background-image {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important;
}
.fix {
    overflow: hidden;
}
.bg-overlay:before{
  content:"";
  background: rgba(0, 0, 0, 0.3);
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  height:0;
}
.bg-overlay-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

/*----------------------------------------*/
/*  2.2 Buttons
/*----------------------------------------*/
.ot-btn-primary {
  font-size: 16px;
  font-weight:700;
  position: relative;
  padding:15px 35px;
  display: inline-block;
  color: var(--primary-color);
  background: var(--white);
  text-transform: capitalize;
  transition: all 0.3s linear;
  overflow: hidden;
  z-index: 1;
  border-radius: 5px;
  border-color:1px solid var(--primary-color);
}
.ot-btn-primary::after {
  position: absolute;
  content: "";
  background-color: var(--primary-color);
  width: 190%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-40deg);
  z-index: -1;
  transition: all 500ms ease;
}
.ot-btn-primary .ot-btn-icon {
  margin-left: 8px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ot-btn-primary:hover {
  color: var(--ot-white-color);
}
.ot-btn-primary:hover:after {
  height: 410%;
}
.ot-btn-primary.black-btn {
    color: var(--primary-color);
    background-color: transparent;
    border: 1px solid var(--primary-color);
}
.ot-btn-primary.black-btn::after {
  background-color:rgba(0, 201, 81, 0.2);
}
.ot-btn-primary.white-btn {
  color: var(--ot-black-color);
  background-color: var(--ot-white-color);
}
.ot-btn-primary.white-btn::after {
  background-color: var(--ot-black-color);
}
.ot-btn-primary.white-btn:hover {
  color: var(--ot-white-color);
}
.ot-btn-primary.btn-sm {
  padding: 7.5px 24px;
}
.ot-btn-primary.btn-sm2 {
  padding: 9.5px 24px;
}
.ot-btn-primary.blue-black::after {
  background: var(--ot-title-color);
}
.ot-btn-primary.white-black::after {
  background: var(--ot-white-color);
}
.ot-btn-primary.white-black:hover {
  color: var(--ot-black-color);
}
.ot-btn-primary.white-black:hover .ot-btn-icon {
  filter: brightness(0) contrast(1);
}
.ot-btn-primary.purple-white {
  color: var(--ot-white-color);
  background: var(--ot-purple-color);
}
.ot-btn-primary.purple-white::after {
  background: var(--ot-title-color);
}
.ot-btn-primary.yellow-btn {
  background: var(--ot-theme-color3);
}
.ot-btn-primary.purple-deep {
  color: var(--ot-white-color);
  background: var(--ot-purple-color2);
}
.ot-btn-primary.purple-deep::after {
  position: absolute;
  content: "";
  background-color: var(--ot-theme-color3);
}
.ot-btn-primary.purple-deep:hover {
  color: var(--ot-title-color4);
  border-color: var(--ot-theme-color3);
  background-color: var(--ot-theme-color3);
}
.ot-btn-primary.ot-radius6 {
  border-radius: 6px;
}
.ot-btn-primary.ot-radius8 {
  border-radius: 8px;
}
.ot-btn-primary.ot-radius10 {
  border-radius: 10px;
}
.ot-btn-arrow i{
  font-size:24px;
}
.ot-btn-arrow svg {
  transition: all 0.3s ease-out 0s;
}
.ot-btn-arrow svg path {
  transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;
}
.ot-btn-arrow svg path:nth-of-type(1) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 0.15s, 0.15s;
}
.ot-btn-arrow svg path:nth-of-type(2) {
  transform: translateX(calc(1 * var(--arrow-hover-move-x)));
  opacity: 0.5;
  transition-delay: 0s, 0s;
}
.ot-btn-arrow:hover, .ot-btn-arrow:focus-visible {
  background: var(--ot-theme-color);
  color: var(--ot-white-color);
  border-color: var(--ot-theme-color);
}
.ot-btn-arrow:hover svg path:nth-of-type(1), .ot-btn-arrow:focus-visible svg path:nth-of-type(1) {
  transform: translateX(calc(-1 * var(--arrow-hover-move-x)));
  opacity: 0;
  transition-delay: 0s, 0s;
}
.ot-btn-arrow:hover svg path:nth-of-type(2), .ot-btn-arrow:focus-visible svg path:nth-of-type(2) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 0.15s, 0.15s;
}
.ot-btn-arrow:hover::before, .ot-btn-arrow:focus-visible::before {
  top: -40%;
}
.ot-btn-arrow.arrow-black {
  background: var(--ot-title-color);
  color: var(--ot-white-color);
}
.ot-btn-arrow.arrow-black:hover {
  background: var(--ot-theme-color);
  color: var(--ot-white-color);
}
.ot-btn-arrow.arrow-white {
  color: var(--ot-title-color);
  background: var(--ot-white-color);
}
.ot-btn-arrow.arrow-white:hover {
  background: var(--ot-theme-color);
  color: var(--ot-title-color);
}
.ot-btn-arrow.arrow-theme {
  color: var(--ot-white-color);
  background: var(--ot-theme-color);
}
.ot-btn-arrow.arrow-theme:hover {
  background: var(--ot-title-color);
  color: var(--ot-white-color);
}
.ot-btn-style-2 {
  display: flex;
  align-items: center;
  gap: 0px;
}
.ot-btn-secondary {
  position: relative;
  padding:15px 35px;
  font-weight: 600;
  color: var(--white);
  height: 100%;
  background: var(--primary-color);
  border-radius:30px;
  display: inline-block;
}
.ot-btn-secondary::before {
  position: absolute;
  width: 0;
  height: 100%;
  right: -100px;
  top: 0;
  content: "";
  border-radius:30px;
  background: var(--black);
  transition: 0.5s ease-in-out;
  z-index: 1;
  color:var(--white);
}
.ot-btn-secondary:hover {
  color: var(--white);
}
.ot-btn-secondary.white-btn{
    background: #FFF;
    color: var(--primary-color);
}
.ot-btn-secondary.white-btn:hover{
    background: #FFF;
    color: var(--primary-color);
}
/*.ot-btn-secondary.white-btn {
  color: var(--ot-black-color2);
  background: var(--ot-white-color);
}
.ot-btn-secondary:hover::before {
  width: 105%;
  right: -10px;
}
.ot-btn-secondary-arrow .ot-btn-arrow {
  width: 54px;
  height: 54px;
  text-align: center;
  margin: auto;
  display: inline-block;
  transform: rotate(-45deg);
}*/

/** Header Styles **/
.header-bottom-wrap {
    background: #060d1a;
}
.header-area {
    position: relative;
    z-index: 10;
    width: 100%;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    box-shadow: 0 1px 0 0 rgb(0 0 0 / 4%);
    background:rgba(0, 0, 0,0);
}
.header-area.scrollheader.is-sticky {
    background: #060d1a;
    box-shadow: 0 1px 0 0 rgb(0 0 0 / 4%);
    top: 0;
    left: 0;
}
.mainlogo img {
    height: 70px;
    padding: 10px 0;
}
.classy-nav-container {
    background-color: transparent;
    padding: 0;
}
.classy-nav-container .classy-navbar {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 5px 0;
    height: auto;
    justify-content:space-between;
}
 @media only screen and (max-width: 767px) {
 .classy-nav-container .classy-navbar .nav-brand {
 margin-right: 15px;
}
}
.nav-brand.mainlogo {
    padding: 0;
    margin: 0;
}
.classy-nav-container .classy-navbar .classynav ul li{
    position: relative;
}
.classy-nav-container .classy-navbar .classynav ul li a {
    padding: 0 15px;
    font-size:14px;
    color: #FFF;
    font-weight: 500;
    position:relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.classy-nav-container .classy-navbar .classynav ul li a {
    font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.classy-nav-container .classy-navbar .classynav ul li a {
    font-size: 14px;
}
}
 @media only screen and (max-width: 767px) {
 .classy-nav-container .classy-navbar .classynav ul li a {
 font-size: 14px;
}
}
.classy-nav-container .classy-navbar .classynav ul li a:focus, 
.classy-nav-container .classy-navbar .classynav ul li a:hover {
    color:rgba(255, 255, 255, 0.7);
}
.classynav ul li.active a {
    position: relative;
    z-index: 1;
    color:#2CB34A !important;
}
.classynav ul li.active a::before {
    width:100%;
    height:3px;
    background-color: #2cb34a;
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 1;
    content: '';
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.classynav ul li.active a::before {
    display: none;
}
}
 @media only screen and (max-width: 767px) {
.classynav ul li.active a::before {
    display: none;
}
}
.classynav li a:before, 
.classynav li a:after {
  content: '' !important;
  position: absolute;
  width: 0%;
  height:1px;
  bottom:5px;
  background:var(--white);
  bottom:-3px;
}
.classynav li a:before{
  left: 0;
}
.classynav li a:after{
  right: 0;
  background:var(--white);
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.classynav li a:hover:before {
  background:var(--white);
  width:100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.classynav li a:hover:after {
  background: transparent;
  width:50%;
  transition: 0s;
}
.classynav ul li a::after {
  content: "+";
  margin-left: 10px;
  color: #4b83fc;
  display: none;
}
.breakpoint-on .classy-navbar .classy-menu{
    background:#0061B2;
    background: -webkit-gradient(linear, left top, right top, from(#0061B2), to(#002D97)) !important;
    background: linear-gradient(90deg, #0061B2, #002D97) !important;
}
.breakpoint-on .classynav>ul>li>a {
    background-color: transparent;
}
.classycloseIcon .cross-wrap span {
    background: #FFF;
}
.classy-navbar-toggler .navbarToggler span {
    background-color: #FFF;
}

.menu-btnarea{
}
.menu-btnarea ul li a {
    font-size:18px !important;
    padding:7px 21px !important;
    height: auto !important;
    line-height: normal !important;
    background: #FFF;
    color: #000 !important;
    border-radius: 10px;
    font-weight: 700 !important;
    text-transform: capitalize;
}
.menu-btnarea ul li a span{
    background: -webkit-linear-gradient(45deg, #00499E, #00E5FF 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.menu-btnarea ul li a:hover{
  background:#00499E;
}

/*=============================================
=              Added Css            =
=============================================*/
.pt-60{
    padding-top: 60px;
}
.header-area {
  position: relative;
  z-index: 9;
}
.header-absolute{
  position: absolute;
}
.header-absolute .header-bottom-wrap{
  background:rgba(0, 0, 0, 1);
}
.header-area .is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
          animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #060d1a;
}
.header-area .is-sticky .header-search-form .search-form-top .search-field {
  color: #000;
}
.header-area .is-sticky .header-search-form .search-form-top .search-submit {
  color: #333;
}
.header-area .is-sticky .header__logo .dark-logo {
  display: inherit;
}
.header-area .is-sticky .header__logo .light-logo {
  display: none;
}
.header-area .is-sticky .menu-style-four .navigation-menu > ul > li > a {
  color: #fff;
}
.header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a:after, 
.header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a:after {
  color: #333;
}
.header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a > span, 
.header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a > span {
  color: #333;
}
.header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a:before, 
.header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a:before {
  width: 100%;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), 
only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-area.is-sticky.only-mobile-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
            animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
    z-index: 999;
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #060d1a;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-area.is-sticky.only-mobile-sticky .header-bottom-wrap.is-sticky {
    display: none !important;
  }
}
.header-area--absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-area--absolute {
    position: static;
  }
}
.header-area--absolute__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.header-area--default {
  border-color: #E4E8F6;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /* logo */
}
.header__logo {
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
  padding: 14px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.header__logo.top-logo {
  padding: 25px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__logo {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .header__logo {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .header__logo.top-logo {
    padding: 15px 0;
  }
}
.header__logo > a img {
  width:190px;
}
.header__logo .dark-logo {
    display: none;
    /*width: 160px;*/
}
.header__logo .light-logo {
  display: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header__logo .dark-logo {
    display: inherit;
  }
  .header__logo .light-logo {
    display: none;
  }
}
.header-right {
  /*-webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;*/
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  /*-webkit-justify-content: space-between;
      -ms-flex-pack: end;
          justify-content: space-between;*/
}

.header-right-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0 12px;
}
@media only screen and (max-width: 767px) {
  .header-right-inner {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
    -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .header-right-inner.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    z-index: 999;
  }
}

@media only screen and (max-width: 767px) {
  .header-right-box .header-right-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 575px) {
  .header-right-box .header-right-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.header-bottom-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-search-form .search-form-top {
  position: relative;
  background-color: rgba(0, 47, 166, 0.3);
}
.header-search-form .search-form-top .search-field {
  width: 180px;
  border-radius: 0;
  border: 0 !important;
  background: 0 0 !important;
  padding-right: 50px;
  padding-left: 15px;
  font-size: 14px;
  color: #fff;
}
.header-search-form .search-form-top input::-webkit-input-placeholder, 
.header-search-form .search-form-top textarea::-webkit-input-placeholder {
  color: #FFF;
}
.header-search-form .search-form-top input::-moz-placeholder, 
.header-search-form .search-form-top textarea::-moz-placeholder {
  color: #FFF;
}
.header-search-form .search-form-top input:-ms-input-placeholder, 
.header-search-form .search-form-top textarea:-ms-input-placeholder {
  color: #FFF;
}
.header-search-form .search-form-top input::-ms-input-placeholder, 
.header-search-form .search-form-top textarea::-ms-input-placeholder {
  color: #FFF;
}
.header-search-form .search-form-top input::placeholder, 
.header-search-form .search-form-top textarea::placeholder {
  color: #FFF;
}

.header-area .is-sticky .header-search-form .search-form-top input::-webkit-input-placeholder, 
.header-area .is-sticky .header-search-form .search-form-top textarea::-webkit-input-placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top input::-moz-placeholder, 
.header-area .is-sticky .header-search-form .search-form-top textarea::-moz-placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top input:-ms-input-placeholder, 
.header-area .is-sticky .header-search-form .search-form-top textarea:-ms-input-placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top input::-ms-input-placeholder, 
.header-area .is-sticky .header-search-form .search-form-top textarea::-ms-input-placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top input::placeholder, 
.header-area .is-sticky .header-search-form .search-form-top textarea::placeholder {
  color: #333;
}
.header-search-form .search-form-top .search-submit {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  font-size: 15px;
  background: 0 0;
  width: 48px;
  padding: 0;
  border: 0;
  color: #ffffff;
}
.header-search-form.default-search .search-form-top {
  background: transparent;
  margin-right: 5px;
  border:1px solid #FFF;
  border-radius: 30px;
}
@media only screen and (max-width: 575px) {
  .header-search-form.default-search .search-form-top {
    margin-top: 15px;
    background: #eee;
  }
}
.header-area .is-sticky .header-search-form.default-search .search-form-top {
  border:1px solid #333;
}
.header-search-form.default-search .search-form-top .search-field {
    max-width:190px;
    color: #FFF;
    min-height: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-search-form.default-search .search-form-top .search-field {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .header-search-form.default-search .search-form-top .search-field {
    min-height: 40px;
  }
}
.header-search-form.default-search .search-form-top .search-submit {
  color: #FFF;
}
.header-search-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-search-trigger {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  /* border: 1px solid rgba(51, 51, 51, 0.45); */
  background: transparent;
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.header-search-trigger:hover {
  background: rgba(51, 51, 51, 0.08);
}
.header-search-trigger svg {
  width: 18px;
  height: 18px;
}
.header-search-wrap .header-search-form.default-search {
  max-width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.25s ease, visibility 0.25s ease;
}
.header-search-wrap .header-search-form.default-search .search-form-top {
  border-color: rgba(51, 51, 51, 0.45);
}
.header-search-wrap .header-search-form.default-search .search-form-top .search-field,
.header-search-wrap .header-search-form.default-search .search-form-top .search-submit {
  color: #333;
}
.header-search-wrap .header-search-form.default-search .search-form-top .search-field::placeholder {
  color: #666;
}
.header-search-wrap.active .header-search-form.default-search {
  max-width: 250px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.header-absolute .header-search-trigger {
  border-color: rgba(255, 255, 255, 0.65);
  color: #fff;
}
.header-absolute .header-search-trigger:hover {
  background: rgba(255, 255, 255, 0.16);
}
.header-absolute .header-search-wrap .header-search-form.default-search .search-form-top {
  border-color: rgba(255, 255, 255, 0.85);
}
.header-absolute .header-search-wrap .header-search-form.default-search .search-form-top .search-field,
.header-absolute .header-search-wrap .header-search-form.default-search .search-form-top .search-submit,
.header-absolute .header-search-wrap .header-search-form.default-search .search-form-top .search-field::placeholder {
  color: #fff;
}
.header-area .is-sticky .header-search-trigger {
  border-color: rgba(51, 51, 51, 0.45);
  color: #333;
}
.header-area .is-sticky .header-search-trigger:hover {
  background: rgba(255, 255, 255, 0.14);
}
.header-search-trigger,
.header-area .is-sticky .header-search-trigger { color: #fff; border-color: rgba(255,255,255,.55); }
.header-search-trigger:hover { background: rgba(255,255,255,.14); }
.header-search-wrap .header-search-form.default-search .search-form-top { border-color: rgba(255,255,255,.7); }
.header-search-wrap .header-search-form.default-search .search-form-top .search-field,
.header-search-wrap .header-search-form.default-search .search-form-top .search-submit,
.header-search-wrap .header-search-form.default-search .search-form-top .search-field::placeholder,
.header-area .is-sticky .header-search-form .search-form-top .search-field,
.header-area .is-sticky .header-search-form .search-form-top .search-submit { color: #fff; }

/*============================== 
    - Navigation Menu Css
===============================*/
.navigation-menu > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.navigation-menu > ul > li {
  margin: 0 32px;
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .navigation-menu > ul > li {
    margin: 0 22px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .navigation-menu > ul > li {
    margin: 0 15px;
  }
}
.navigation-menu > ul > li > a {
    display: block;
    color: #ffffff;
    padding:9px 14px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.18;
    -webkit-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    border-radius: 5px;
}
/*.navigation-menu > ul > li > a:before {
  content: "";
  width: 0;
  height: 3px;
  bottom: 0;
  position: absolute;
  left: 0;
  background-color: #086AD8;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}*/
.navigation-menu > ul > li > a span {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navigation-menu > ul > li.has-children > a {
  position: relative;
}
.navigation-menu > ul > li.has-children > a:after {
  position: static;
  margin-left: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 600;
  font-size: 14px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navigation-menu > ul > li.has-children--multilevel-submenu {
  position: relative;
}
.navigation-menu > ul > li.has-children:hover .megamenu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.navigation-menu > ul > li.has-children:hover > .submenu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.navigation-menu > ul > li:hover > a:after, .navigation-menu > ul > li.active > a:after {
  color: #086AD8;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navigation-menu > ul > li:hover > a span, .navigation-menu > ul > li.active > a span {
  color: #086AD8;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*.navigation-menu > ul > li:hover > a:before, .navigation-menu > ul > li.active > a:before {
  width: 100%;
  left: 0;
}*/
.navigation-menu.primary--menu > ul > li > a {
  padding: 31px 2px;
}
.navigation-menu--text_white > ul > li > a {
  color: rgba(255, 255, 255, 0.7);
}
.navigation-menu--text_white > ul > li > a:before {
  background-color: #ffffff;
}
.navigation-menu--text_white > ul > li.active > a {
  color: #ffffff;
}
.navigation-menu--text_white > ul > li:hover > a:after, .navigation-menu--text_white > ul > li.active > a:after {
  color: #ffffff;
}
.navigation-menu--text_white > ul > li:hover > a > span, .navigation-menu--text_white > ul > li.active > a > span {
  color: #ffffff;
}

/*===================================
    - Multilevel Submenu Css
====================================*/
.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow:1px 2px 29px rgba(0, 0, 0, 0.05);
          box-shadow:1px 2px 29px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  visibility: hidden;
  opacity: 0;
  min-width:300px;
  padding:0;
  z-index: 9;
  border-radius:5px;
}
.submenu > li {
  position: relative;
}
.submenu > li > a {
    display: block;
    padding: 16px 30px;
    color: #000;
    font-weight: 400;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    font-size: 14px;
}
.submenu > li > a:hover {
  background:rgba(0, 201, 81, 0.1);
  color:var(--primary-color);
}
.submenu > li > a:hover > span:after {
  width: 100%;
  left: 0;
  right: auto;
}
.submenu > li:hover > .submenu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
  z-index: 9;
}
.submenu > li.active > a {
  background: rgba(0, 201, 81, 0.2);
  color: #0a7a3d;
  font-weight:600;
}
.submenu > li.has-children > a {
  position: relative;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.submenu > li.has-children > a:after {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f105";
  font-size: 14px;
  vertical-align: middle;
  color: #ababab;
}
.submenu > li.has-children > a:hover:after {
  color: #086AD8;
}
.submenu > li.has-children.active > a {
  color: #086AD8;
}
.submenu .submenu {
  top: 0px;
  left: 100%;
  right: auto;
}
.submenu .submenu.left {
  right: 100%;
  left: auto;
}
.submenu .submenu .submenu {
  top: 0;
  left: 100%;
  right: auto;
}
.submenu .submenu .submenu.left {
  right: 100%;
  left: auto;
}
.submenu .submenu .submenu .submenu {
  top: 0;
  left: 100%;
  right: auto;
}
.submenu .submenu .submenu .submenu.left {
  right: 100%;
  left: auto;
}
.submenu .submenu .submenu .submenu .submenu {
  top: 0;
  left: 100%;
  right: auto;
}
.submenu .submenu .submenu .submenu .submenu.left {
  right: 100%;
  left: auto;
}
.menu-style-four .navigation-menu > ul > li {
    padding: 36px 4px;
    margin: 0;
    position: relative;
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
 .menu-style-four .navigation-menu > ul > li {
    padding-left:15px;
    padding-right:15px;
  }
}
/*.menu-style-four .navigation-menu > ul > li:hover > a:before, 
.menu-style-four .navigation-menu > ul > li.active > a:before {
  width: 0%;
  left: 0;
}*/
.menu-style-four .submenu.left {
  left: -100px;
}
.menu-style-four .submenu.left .submenu.left {
  right: 100%;
  left: auto;
}
.menu-style-four .navigation-menu > ul > li > a {
  color: #fff;
}
.header-dark .menu-style-four .navigation-menu > ul > li > a,
.header-absolute .menu-style-four .navigation-menu > ul > li > a {
  color:var(--white);
}
/*.menu-style-four .navigation-menu > ul > li > a:before {
  content: "";
  width: 0;
  height: 3px;
  bottom: 0;
  position: absolute;
  left: 0;
  background-color:var(--primary-color);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.menu-style-four .navigation-menu > ul > li:hover > a:after, 
.menu-style-four .navigation-menu > ul > li.active > a:after {
  color:#000;
  transform: rotate(90deg);
  -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}*/
.menu-style-four .navigation-menu > ul > li:hover > a > span, 
.menu-style-four .navigation-menu > ul > li.active > a > span {
  color: #ffffff;
}
.navigation-menu > ul > li:hover > a:before, 
.navigation-menu > ul > li.active > a:before {
  width: 100%;
  left: 0;
  background-color: var(--primary-color);
}

/* Mobile Mavigation icon */
.mobile-navigation-icon {
  width: 24px;
  height: 25px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-left: 30px;
}
.mobile-navigation-icon:hover i {
  background-color: #086AD8;
}
.mobile-navigation-icon:hover i:before {
  width: 80%;
  background-color: #086AD8;
}
.mobile-navigation-icon:hover i:after {
  background-color: #086AD8;
  width: 60%;
}
.mobile-navigation-icon i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: #000;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header-area .is-sticky .mobile-navigation-icon i {
    background-color: #333;
}
.mobile-navigation-icon i:before {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  content: "";
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header-area .is-sticky .mobile-navigation-icon i:before {
    background-color: #333;
}
.mobile-navigation-icon i:after {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  content: "";
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header-area .is-sticky .mobile-navigation-icon i:after {
    background-color: #fff;
}
.mobile-navigation-icon i,
.mobile-navigation-icon i:before,
.mobile-navigation-icon i:after,
.header-area .is-sticky .mobile-navigation-icon i,
.header-area .is-sticky .mobile-navigation-icon i:before { background-color: #fff; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mobile-navigation-icon.white-md-icon i {
    background-color: #fff;
  }
  .mobile-navigation-icon.white-md-icon i:before {
    background-color: #fff;
  }
  .mobile-navigation-icon.white-md-icon i:after {
    background-color: #fff;
  }
  .mobile-navigation-icon.white-md-icon:hover i {
    background-color: #086AD8;
  }
  .mobile-navigation-icon.white-md-icon:hover i:before {
    width: 80%;
    background-color: #086AD8;
  }
  .mobile-navigation-icon.white-md-icon:hover i:after {
    background-color: #086AD8;
    width: 60%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.is-sticky .white-md-icon i {
    background-color: #333;
}
.is-sticky .white-md-icon i:before {
    background-color: #333;
}
.is-sticky .white-md-icon i:after {
    background-color: #333;
}
}
.hidden-icons-menu {
  margin-left: 15px;
}
.hidden-icons-menu a {
  color: #6D70A6;
  font-size: 20px;
}
.hidden-icons-menu a:hover {
  color: #086AD8;
}

/*================================ 
    - Mobile Menu Overlay Css
==================================*/
.mobile-menu-overlay, .page-oppen-off-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  overflow: auto;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  cursor: url(../images/icons/light-close.webp) 16 16, pointer;
  visibility: hidden;
  opacity: 0;
}
.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
  -webkit-transform: translateX(120%);
      -ms-transform: translateX(120%);
          transform: translateX(120%);
  width: 400px;
  height: 100%;
  float: right;
  cursor: default;
  background:var(--white);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow-y: auto;
}
@media only screen and (max-width: 479px) {
  .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
    width: 300px;
  }
}
.mobile-menu-overlay.active, .page-oppen-off-sidebar.active {
  visibility: visible;
  opacity: 1;
}
.mobile-menu-overlay.active .mobile-menu-overlay__inner, 
.page-oppen-off-sidebar.active .mobile-menu-overlay__inner {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}
.mobile-menu-overlay__header, .page-oppen-off-sidebar__header {
  background-color: #ffffff;
  padding: 15px 0;
}
.mobile-menu-overlay__header .mobile-navigation-close-icon, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon {
  position: relative;
  cursor: pointer;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:before, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {
  position: absolute;
  top: 23px;
  left: 8px;
  content: "";
  width: 24px;
  height: 3px;
  background: #333333;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:after, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {
  position: absolute;
  top: 23px;
  left: 8px;
  content: "";
  width: 24px;
  height: 3px;
  background: #333333;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover{
  color: #086AD8;
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before,
 .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, 
 .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before, 
 .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {
  padding: 20px 40px 100px;
}
.mobile-menu-overlay__body .offcanvas-navigation, 
.page-oppen-off-sidebar__body .offcanvas-navigation {
  /* onepage style */
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a {
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 14px 15px;
    border-radius: 6px;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover, 
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.active > a, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover {
    color: #00a63e !important;
    background: rgba(0, 166, 62, 0.1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li:last-child, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li:last-child {
  border-bottom: 0;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before {
  content: "\f106";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand {
  position: absolute;
  right: 0;
  top: 12px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  color: #000;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before {
  content: "\f107";
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu {
  padding: 12px 0 14px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a {
  display: block;
  font-size: 15px;
  color: #000;
  font-weight: 500;
  line-height: 1.5;
  padding: 14px 15px;
  border-radius: 6px;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover {
  color: #00a63e !important;
  background: rgba(0, 166, 62, 0.1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child {
  border-bottom: 0;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before {
  content: "\f106";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand {
  position: absolute;
  right: 0;
  top: 6px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before {
  content: "\f107";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before {
  content: "\f106";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before {
  content: "\f107";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}
.mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a, .page-oppen-off-sidebar__body .offcanvas-navigation--onepage > ul > li.active > a {
  font-weight: 700;
}

.sec-title{
  position: relative;
  display: block;
  padding:30px 0;
}
.sec-title h2{
  display: block;
  font-size:34px;
  color:#000;
  font-weight: 700;
}
.sec-title.light h2{
  color: #fff;
}
.sec-title p{
  margin-top: 24px;
  color:#000;
}
.sec-title.light p{
  color: rgba(255, 255, 255, 0.70);
}
.sec-title h3{
    display: block;
    font-size:26px;
    color: #000;
    font-weight: 700;
    margin-bottom:15px;
}

/*** Main Footer***/

.footer-section{
  background:#101828;
}
.footer-container{
  padding:30px;
  border-radius:15px;
  border:1px solid var(--primary-color);
}
.footerlogo{
  margin-bottom:30px;
}
.footerlogo img{
  height:80px;
}
.footer-tptitle h3{
  font-size:30px;
  font-weight:600;
  color:var(--white);
  margin-bottom:30px;
}
footer .footer-single-col .address li {
    margin-bottom:30px;
    color: #FFF;
    font-size: 15px;
    line-height: 1.6;
}
footer .footer-single-col .address li strong {
    display: block;
    font-weight:700;
    color: var(--white);
}
footer .footer-single-col .address li a {
    color: #c2d1e2;
}
.footer-single-col h3 {
    color: var(--white);
    margin-bottom: 20px;
    font-size: 20px;
}
.footer-single-col ul li + li{
  margin-top:10px;
}
.footer-single-col ul li a{
  color:var(--white);
  font-size:14px;
}
.footer-single-col ul li a:hover{
  color:var(--primary-color);
  font-size:14px;
}
.footer-social-list li {
  display: inline;
  margin-right: 5px;
}
.footer-social-list li a {
  display: inline-block;
  width:45px;
  height:45px;
  line-height:45px;
  border-radius: 50%;
  color:var(--primary-color) !important;
  text-align: center;
  font-size: 18px !important;
  transition: all .8s ease;
  background:rgba(0, 201, 81, 0.2);
}
.footer-social-list li a i {
  line-height: 45px;
}
.footer-social-list li a:hover {
  color: #ffffff !important;
  background:rgba(0, 201, 81, 0.9);
}
.footer-social-list li:last-child {
  margin: 0;
}
.footer-links ul {
    margin: 0;
    padding: 0;
}
.footer-links ul li {
    display: inline-block;
}
.footer-links ul li:not(:last-child) {
    margin-right:20px;
}
.footer-links ul li a {
    color: #f8f8f8;
    font-size:14px;
}
.footer-bottom{
  padding-top:30px;
  margin-top:30px;
  border-top:1px solid rgba(255, 255, 255, 0.2);
}
.copyright-text p {
    color: var(--white);
    font-size: 14px;
}




/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media screen and (max-width:1700px){ 
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1500px){ 
}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1300px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1150px){
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:900px){
}
@media screen and (max-width:800px){
}
@media screen and (max-width:767px){
}
@media screen and (max-width:715px){
}
@media screen and (max-width:630px){
}
@media screen and (max-width:600px){
}
@media screen and (max-width:575px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:390px){
}
@media screen and (max-width:320px){
}

/* ==================================================
   Repeatable front-page modal/editorial story section
================================================== */
.modal-story-stack {
  position: relative;
  isolation: isolate;
  overflow: visible;
}
.modal-story {
  --modal-bg: #7254a3;
  --modal-line: rgba(255, 255, 255, .28);
  --modal-stack-offset: 0px;
  position: sticky;
  top: var(--modal-stack-offset);
  z-index: var(--modal-stack-index, 1);
  background: var(--modal-bg);
  color: #fff;
  padding: clamp(64px, 7vw, 112px) 0;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -18px 42px rgba(16, 39, 88, .16);
  overflow: clip;
}
.modal-story * { box-sizing: border-box; }
.modal-story + .modal-story { border-top: 1px solid rgba(255,255,255,.18); }
.modal-story__inner { width: min(1480px, calc(100% - 80px)); margin: 0 auto; }
.modal-story__header { margin-bottom: 22px; }
.modal-story__eyebrow {
  display: inline-flex; padding: 12px 22px; border-radius: 999px;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18);
  color: #fff; font: 700 13px/1 var(--heading-font-family); letter-spacing: .16em;
}
.modal-story__hero { display: grid; grid-template-columns: minmax(0, .92fr) minmax(440px, 1.35fr); gap: clamp(38px, 6vw, 92px); align-items: start; }
.modal-story__chapter { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; color: #fff; font: 700 15px/1 var(--heading-font-family); letter-spacing: .12em; }
.modal-story__chapter span { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; border: 1px solid var(--modal-line); background: rgba(255,255,255,.12); }
.modal-story__copy h2 { color: #fff; font-size: clamp(42px, 4.4vw, 72px); line-height: 1.03; letter-spacing: -.035em; font-weight: 700; max-width: 720px; }
.modal-story__copy h3 { color: rgba(255,255,255,.78); margin-top: 18px; font-size: 17px; line-height: 1.3; letter-spacing: .06em; font-weight: 700; }
.modal-story__rule { width: 68px; height: 2px; margin: 22px 0 18px; background: #fff; opacity: .85; }
.modal-story__intro p { color: #fff; font-size: 17px; line-height: 1.65; margin: 0; }
.modal-story__image { margin: 0; overflow: hidden; border-radius: 22px; border: 1px solid rgba(255,255,255,.25); aspect-ratio: 1.56 / 1; background: rgba(255,255,255,.08); }
.modal-story__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.modal-story__card { display: flex; gap: 18px; min-width: 0; padding: 26px; border-radius: 16px; border: 1px solid var(--modal-line); background: rgba(255,255,255,.1); backdrop-filter: blur(6px); }
.modal-story__card > svg { flex: 0 0 28px; width: 28px; height: 28px; color: #fff; stroke-width: 1.8; }
.modal-story__card h4 { color: #fff; margin: 0 0 8px; font-size: 15px; line-height: 1.25; letter-spacing: .08em; font-weight: 700; }
.modal-story__card p, .modal-story__card li { color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.55; margin: 0; }
.modal-story__insight { margin-top: 24px; padding: 20px 22px; }
.modal-story__cards { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; margin-top: 30px; }
.modal-story__quote p { font-style: italic; }
.modal-story__card ul { margin: 0; padding: 0; }
.modal-story__card li { position: relative; padding-left: 15px; }
.modal-story__card li + li { margin-top: 4px; }
.modal-story__card li::before { content: ''; position: absolute; left: 0; top: .66em; width: 5px; height: 5px; border-radius: 50%; background: #fff; }
.modal-story__footer { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 34px; margin-top: 26px; }
.modal-story__footer > p { color: rgba(255,255,255,.72); font: italic 16px/1.5 Georgia, serif; text-align: center; margin: 0; }
.modal-story__pinterest { display: inline-flex; align-items: center; gap: 9px; color: #fff; border: 1px solid rgba(255,255,255,.65); border-radius: 9px; padding: 11px 16px; font-size: 13px; font-weight: 700; transition: background-color .2s ease, color .2s ease; }
.modal-story__pinterest svg { width: 17px; height: 17px; }
.modal-story__pinterest:hover, .modal-story__pinterest:focus-visible { color: var(--modal-bg); background: #fff; }
.modal-story [data-modal-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.modal-story.is-visible [data-modal-reveal] { opacity: 1; transform: none; }

@media (max-width: 1100px) {
  .modal-story__inner { width: min(100% - 48px, 920px); }
  .modal-story__hero { grid-template-columns: 1fr; }
  .modal-story__image { grid-row: 1; aspect-ratio: 16 / 9; }
  .modal-story__cards { grid-template-columns: 1fr 1fr; }
  .modal-story__cards article:last-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .modal-story { position: relative; top: auto; z-index: auto; padding: 54px 0; border-radius: 0; box-shadow: none; overflow: visible; }
  .modal-story__inner { width: min(100% - 30px, 560px); }
  .modal-story__hero { gap: 30px; }
  .modal-story__copy h2 { font-size: clamp(38px, 12vw, 54px); }
  .modal-story__image { border-radius: 15px; }
  .modal-story__cards { grid-template-columns: 1fr; }
  .modal-story__cards article:last-child { grid-column: auto; }
  .modal-story__footer { grid-template-columns: 1fr; justify-items: start; }
  .modal-story__footer > p { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .modal-story { position: relative; top: auto; }
  .modal-story [data-modal-reveal] { opacity: 1; transform: none; transition: none; }
}

/* Screenshot-matched dynamic footer */
.site-footer-new {
  --footer-bg: #070d1a;
  --footer-accent: #070d1a;
  background: #070d1a;
  color: #fff;
  font-family: var(--body-font-family);
}

/* ==================================================
   First-position front-page Owl consulting hero
================================================== */
.home-hero-slider { position: relative; width: 100%; background: #071015; }
.home-hero-slider__owl, .home-hero-slider__owl .owl-stage-outer, .home-hero-slider__owl .owl-stage, .home-hero-slider__owl .owl-item { height: clamp(650px, calc(100vh - 86px), 880px); }
.home-hero-slide { position: relative; height: 100%; color: #fff; background-color: #071015; background-image: var(--slide-image); background-size: cover; background-position: center center; overflow: hidden; }
.home-hero-slide::before { content: ''; position: absolute; inset: 0; background: rgba(3, 10, 14, .18); pointer-events: none; }
.home-hero-slide__inner { position: relative; z-index: 1; width: min(1288px, calc(100% - 64px)); height: 100%; margin: 0 auto; display: flex; align-items: center; }
.home-hero-slide__content { width: min(500px, 46%); padding-top: 12px; }
.home-hero-slide__content h1 { color: #fff; margin: 0; font-size: clamp(48px, 4.2vw, 68px); line-height: 1.08; letter-spacing: -.035em; font-weight: 700; }
.home-hero-slide__description { margin-top: 34px; max-width: 490px; }
.home-hero-slide__description p { color: rgba(255,255,255,.9); margin: 0; font-size: 18px; line-height: 1.55; }
.home-hero-slide__actions { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; }
.home-hero-slide__button { display: inline-flex; justify-content: center; align-items: center; padding:15px 35px; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; color: #fff; font-size:16px; line-height: 1; font-weight: 600; transition: color .25s ease, background-color .25s ease, transform .25s ease; }
.home-hero-slide__button--primary { color: #fff; border-color: #070d1a; background: #070d1a; }
.home-hero-slide__button:hover, .home-hero-slide__button:focus-visible { color: #111; background: #fff; border-color: #fff; transform: translateY(-2px); }
.home-hero-slide__trust { margin-top: 64px; }
.home-hero-slide__trust > p { color: #fff; margin: 0 0 24px; font-size: 15px; line-height: 1.4; font-weight: 600; }
.home-hero-slide__logos { display: flex; align-items: center; gap: 28px; min-height: 35px; }
.home-hero-slide__logos img { display: block; width: auto !important; max-width: 115px; height: 34px; object-fit: contain; filter: grayscale(1) brightness(0) invert(1); opacity: .95; }
.home-hero-slider .owl-item .home-hero-slide__content > * { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s ease; }
.home-hero-slider .owl-item.active .home-hero-slide__content > * { opacity: 1; transform: none; }
.home-hero-slider .owl-item.active .home-hero-slide__content > *:nth-child(2) { transition-delay: .12s; }
.home-hero-slider .owl-item.active .home-hero-slide__content > *:nth-child(3) { transition-delay: .22s; }
.home-hero-slider .owl-item.active .home-hero-slide__content > *:nth-child(4) { transition-delay: .32s; }

@media (max-width: 900px) {
  .home-hero-slider__owl, .home-hero-slider__owl .owl-stage-outer, .home-hero-slider__owl .owl-stage, .home-hero-slider__owl .owl-item { height: 720px; }
  .home-hero-slide { background-position: 64% center; }
  .home-hero-slide::before { background: rgba(3,10,14,.48); }
  .home-hero-slide__inner { width: min(100% - 40px, 680px); }
  .home-hero-slide__content { width: min(560px, 82%); }
}
@media (max-width: 600px) {
  .home-hero-slider__owl, .home-hero-slider__owl .owl-stage-outer, .home-hero-slider__owl .owl-stage, .home-hero-slider__owl .owl-item { height: 700px; }
  .home-hero-slide { background-position: 68% center; }
  .home-hero-slide::before { background: rgba(3,10,14,.62); }
  .home-hero-slide__inner { width: calc(100% - 30px); align-items: flex-end; padding-bottom: 58px; }
  .home-hero-slide__content { width: 100%; }
  .home-hero-slide__content h1 { font-size: clamp(40px, 12vw, 54px); }
  .home-hero-slide__description { margin-top: 22px; }
  .home-hero-slide__description p { font-size: 16px; }
  .home-hero-slide__trust { margin-top: 38px; }
  .home-hero-slide__logos { gap: 18px; overflow: hidden; }
  .home-hero-slide__logos img { max-width: 88px; height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-hero-slider .owl-item .home-hero-slide__content > * { opacity: 1; transform: none; transition: none; }
}

/* Secure Custom Fields: front-page intro section */
.home-intro { background: #fff; padding: clamp(80px, 9vw, 150px) 0; color: #102758; }
.home-intro__inner { width: min(1290px, calc(100% - 64px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, .98fr) minmax(440px, .88fr); gap: clamp(70px, 9vw, 150px); align-items: center; }
.home-intro__content h2 { color: #102758; max-width: 620px; margin: 0; font-size: clamp(38px, 3.2vw, 54px); line-height: 1.12; letter-spacing: -.035em; font-weight: 700; }
.home-intro__body { max-width: 590px; margin-top: 24px; }
.home-intro__body p { color: #647087; margin: 0; font-size: 17px; line-height: 1.65; }
.home-intro__feature { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; margin-top: 48px; padding: 28px 0 0 26px; border-left: 3px solid #c8a68f; }
.home-intro__feature blockquote { margin: 0; }
.home-intro__feature blockquote p { color: #102758; margin: 0; font: italic 600 20px/1.5 Georgia, serif; }
.home-intro__feature cite { display: block; color: #8a7466; margin-top: 12px; font-size: 13px; font-style: normal; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.home-intro__button { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 12px 20px; border-radius: 999px; color: #fff; background: #060d1a; font-size: 13px; font-weight: 700; white-space: nowrap; transition: background-color .2s ease, transform .2s ease; }
.home-intro__button svg { width: 17px; height: 17px; }
.home-intro__button:hover, .home-intro__button:focus-visible { color: #fff; background: #c09b82; transform: translateY(-2px); }
.home-intro__media { position: relative; margin: 0; border-radius: 12px; overflow: hidden; aspect-ratio: .9 / 1; background: #eef5fa; }
.home-intro__media img { display: block; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 960px) {
  .home-intro__inner { grid-template-columns: 1fr; width: min(100% - 48px, 720px); gap: 56px; }
  .home-intro__media { aspect-ratio: 4 / 3; }
}
@media (max-width: 620px) {
  .home-intro { padding: 68px 0; }
  .home-intro__inner { width: calc(100% - 30px); gap: 42px; }
  .home-intro__content h2 { font-size: clamp(36px, 10vw, 46px); }
  .home-intro__feature { grid-template-columns: 1fr; padding-left: 20px; }
  .home-intro__button { justify-self: start; }
  .home-intro__media { aspect-ratio: .9 / 1; }
}

/* Final Home section: six complete thoughts */
.six-hats { background: #060d1a; color: #fff; padding: clamp(90px, 9vw, 150px) 0; }
.six-hats__inner { width: min(1290px, calc(100% - 64px)); margin: 0 auto; }
.six-hats__header { display: grid; grid-template-columns: minmax(0, .95fr) minmax(360px, .8fr); gap: 80px; align-items: end; margin-bottom: 58px; }
.six-hats__eyebrow { display: block; color: #b49179; margin-bottom: 14px; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.six-hats__header h2 { color: #fff; margin: 0; font-size: clamp(38px, 3.2vw, 54px); line-height: 1.1; letter-spacing: -.035em; font-weight: 700; }
.six-hats__header > p { color: rgba(255,255,255,.74); margin: 0 0 6px; font-size: 18px; line-height: 1.6; font-style: italic; }
.six-hats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.six-hats__card { display: flex; flex-direction: column; min-height: 430px; padding: 40px 32px 34px; border: 0; border-radius: 0; color: var(--hat-ink); background: var(--hat-color); box-shadow: none; transition: transform .3s ease, box-shadow .3s ease; }
.six-hats__icon { position: relative; display: grid; place-items: center; align-self: center; width: 112px; height: 112px; margin: 0 0 48px; color: var(--hat-ink); }
.six-hats__icon svg { width: 86px; height: 86px; stroke-width: 1.2; }
.six-hats__icon span { position: absolute; right: 0; bottom: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--hat-color); background: var(--hat-ink); border: 0; font-size: 11px; font-weight: 800; }
.six-hats__card h3 { color: var(--hat-ink); margin: auto 0 14px; font-size: 24px; line-height: 1.2; font-weight: 700; }
.six-hats__card > p { color: var(--hat-ink); margin: 0; font-size: 15px; line-height: 1.55; }
.six-hats__card:hover, .six-hats__card:focus-visible { transform: translateY(-7px); box-shadow: 0 22px 44px rgba(16,39,88,.18); outline: 3px solid var(--hat-ink); outline-offset: -3px; }
.six-hats__result {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 10px;
    padding: 15px clamp(15px, 2vw, 62px);
    border: 1px solid #2fa879;
    border-radius: 8px;
    color: #102758;
    background: #f5fbf8;
    text-align: left;
    transition: color .3s ease, background-color .3s ease, transform .3s ease;
}
.six-hats__result svg { flex: 0 0 32px; width: 32px; height: 32px; color: #2fa879; }
.six-hats__result p { max-width: 920px; margin: 0; font-size: 16px; line-height: 1.6; }
.six-hats__result strong { color: #2fa879; }
.six-hats__result:hover, .six-hats__result:focus-visible { color: #fff; background: #2fa879; transform: translateY(-4px); outline: none; }
.six-hats__result:hover svg, .six-hats__result:hover strong, .six-hats__result:focus-visible svg, .six-hats__result:focus-visible strong { color: #fff; }

@media (max-width: 900px) {
  .six-hats__inner { width: min(100% - 48px, 720px); }
  .six-hats__header { grid-template-columns: 1fr; gap: 22px; }
  .six-hats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .six-hats__result { grid-column: auto; }
  .six-hats__result { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  .six-hats { padding: 70px 0; }
  .six-hats__inner { width: calc(100% - 30px); }
  .six-hats__grid { grid-template-columns: 1fr; }
  .six-hats__card { min-height: 390px; padding: 32px 24px 28px; }
  .six-hats__icon { margin-bottom: 38px; }
  .six-hats__result { grid-column: auto; }
  .six-hats__result { align-items: flex-start; flex-direction: column; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .six-hats__card, .six-hats__result { transition: none; }
}

/* Final Home section: the hat worn right now */
.dominant-hat { background: #fff; color: #102758; padding: clamp(88px, 8vw, 132px) 0; border-top: 1px solid #eef0f4; }
.dominant-hat__inner { width: min(1120px, calc(100% - 64px)); margin: 0 auto; }
.dominant-hat__header { margin: 0 0 46px; }
.dominant-hat__header h2 { color: #102758; margin: 0; font: 700 clamp(36px, 3vw, 50px)/1.12 Georgia, serif; letter-spacing: -.025em; }
.dominant-hat__header p { color: #667085; margin: 14px 0 0; font-size: 17px; line-height: 1.6; }
.dominant-hat__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.dominant-hat__card { min-height: 174px; padding: 30px 32px; border: 1px solid #e3e6ec; border-radius: 9px; background: #fff; box-shadow: 0 10px 28px rgba(16,39,88,.055); transition: color .28s ease, background-color .28s ease, border-color .28s ease, transform .28s ease, box-shadow .28s ease; }
.dominant-hat__card h3 { color: var(--hat-color); margin: 0 0 12px; font-size: 14px; line-height: 1.3; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; transition: color .28s ease; }
.dominant-hat__card--white h3 { color: #102758; }
.dominant-hat__card p { color: #566176; margin: 0; font-size: 15px; line-height: 1.65; transition: color .28s ease; }
.dominant-hat__card:hover, .dominant-hat__card:focus-visible { color: var(--hat-ink); background: var(--hat-color); border-color: var(--hat-color); transform: translateY(-6px); box-shadow: 0 20px 40px rgba(16,39,88,.15); outline: none; }
.dominant-hat__card:hover h3, .dominant-hat__card:hover p, .dominant-hat__card:focus-visible h3, .dominant-hat__card:focus-visible p { color: var(--hat-ink); }
.dominant-hat__closing { grid-column: 1 / -1; margin-top: 18px; padding: 34px clamp(32px, 6vw, 76px); border: 1px solid #e1bd20; border-radius: 9px; background: #fffdf4; text-align: center; transition: color .28s ease, background-color .28s ease, transform .28s ease; }
.dominant-hat__closing p { color: #293750; margin: 0 auto; max-width: 900px; font-size: 16px; line-height: 1.7; }
.dominant-hat__closing strong { color: #b89000; }
.dominant-hat__closing em { display: block; color: #7c8492; margin-top: 12px; font: italic 15px/1.5 Georgia, serif; }
.dominant-hat__closing:hover, .dominant-hat__closing:focus-visible { color: #102758; background: #f4c400; transform: translateY(-4px); outline: none; }
.dominant-hat__closing:hover p, .dominant-hat__closing:hover strong, .dominant-hat__closing:hover em, .dominant-hat__closing:focus-visible p, .dominant-hat__closing:focus-visible strong, .dominant-hat__closing:focus-visible em { color: #102758; }

@media (max-width: 800px) {
  .dominant-hat__inner { width: min(100% - 48px, 680px); }
  .dominant-hat__grid { grid-template-columns: 1fr; }
  .dominant-hat__closing { grid-column: auto; }
}
@media (max-width: 520px) {
  .dominant-hat { padding: 68px 0; }
  .dominant-hat__inner { width: calc(100% - 30px); }
  .dominant-hat__header { margin-bottom: 34px; }
  .dominant-hat__card { min-height: 0; padding: 26px 24px; }
  .dominant-hat__closing { padding: 28px 24px; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .dominant-hat__card, .dominant-hat__closing { transition: none; }
}

/* Front-page closing journey */
.visible-world { position: relative; isolation: isolate; display: grid; place-items: center; min-height: 680px; padding: clamp(92px, 10vw, 150px) 24px; overflow: hidden; color: #fff; background: #071326 var(--visible-world-image) center / cover no-repeat; text-align: center; }
.visible-world::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5,13,26,.34), rgba(5,13,26,.56)), radial-gradient(circle at center, rgba(7,19,38,.08), rgba(7,19,38,.55) 76%); }
.visible-world__inner { width: min(820px, 100%); margin: 0 auto; }
.visible-world__eyebrow { display: block; margin-bottom: 22px; color: #53d8c5; font-size: 12px; line-height: 1; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.visible-world h2 { margin: 0; color: #fff; font-size: clamp(48px, 5.2vw, 76px); line-height: .98; letter-spacing: -.045em; font-weight: 700; text-wrap: balance; }
.visible-world__rule { display: block; width: 52px; height: 2px; margin: 28px auto; background: #e1bd20; }
.visible-world__inner > p { max-width: 760px; margin: 0 auto; color: rgba(255,255,255,.82); font-size: 17px; line-height: 1.7; }
.visible-world blockquote { max-width: 690px; margin: 30px auto 0; color: #f0c928; font-size: 19px; line-height: 1.55; font-style: italic; }
.visible-world__actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 38px; }
.visible-world__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 14px 24px; border: 1px solid transparent; border-radius: 6px; font-size: 13px; line-height: 1.2; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; transition: transform .25s ease, background-color .25s ease, border-color .25s ease; }
.visible-world__button svg { width: 17px; height: 17px; }
.visible-world__button:hover, .visible-world__button:focus-visible { color: #fff; transform: translateY(-3px); outline: none; }
.visible-world__button--primary { color: #071326; background: #53d8c5; }
.visible-world__button--primary:hover, .visible-world__button--primary:focus-visible { color: #071326; background: #fff; }
.visible-world__button--pinterest { color: #fff; background: #e60023; }
.visible-world__button--pinterest:hover, .visible-world__button--pinterest:focus-visible { background: #b9001c; }

.hat-pathways { padding: clamp(64px, 7vw, 96px) 0; color: #fff; background: #0d0c0a; border-top: 1px solid rgba(225,189,32,.22); }
.hat-pathways__inner { width: min(1290px, calc(100% - 64px)); margin: 0 auto; display: grid; grid-template-columns: minmax(220px, .62fr) minmax(0, 2fr); gap: clamp(50px, 8vw, 120px); align-items: center; }
.hat-pathways__dots { display: flex; gap: 8px; margin-bottom: 20px; }
.hat-pathways__dots span { width: 20px; height: 20px; border-radius: 50%; background: #f0eee8; }
.hat-pathways__dots span:nth-child(2) { background: #ed3544; }
.hat-pathways__dots span:nth-child(3) { background: #888; }
.hat-pathways__dots span:nth-child(4) { background: #f4c400; }
.hat-pathways__dots span:nth-child(5) { background: #2fa879; }
.hat-pathways__dots span:nth-child(6) { background: #2d6fbb; }
.hat-pathways h2 { margin: 0; color: #fff; font-size: clamp(42px, 4vw, 62px); line-height: .96; letter-spacing: -.04em; }
.hat-pathways__intro > p { margin: 16px 0 0; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.55; }
.hat-pathways__nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.hat-pathways__link { --path-accent: #53d8c5; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 62px; padding: 16px 18px; border: 1px solid var(--path-accent); border-radius: 8px; color: var(--path-accent); background: color-mix(in srgb, var(--path-accent) 10%, transparent); font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; transition: color .25s ease, background-color .25s ease, transform .25s ease; }
.hat-pathways__link svg { flex: 0 0 17px; width: 17px; height: 17px; }
.hat-pathways__link:hover, .hat-pathways__link:focus-visible { color: #071326; background: var(--path-accent); transform: translateY(-4px); outline: none; }
.hat-pathways__link:hover span, .hat-pathways__link:hover svg, .hat-pathways__link:focus-visible span, .hat-pathways__link:focus-visible svg { color: #071326; }
.hat-pathways__link--teal { --path-accent: #53d8c5; }
.hat-pathways__link--gold { --path-accent: #e1bd20; }
.hat-pathways__link--red { --path-accent: #ed4a55; }
.hat-pathways__link--violet { --path-accent: #ad75e8; }
.hat-pathways__link--shop { --path-accent: #f4c400; color: #071326; background: #f4c400; }
.hat-pathways__link--shop span, .hat-pathways__link--shop svg { color: #071326; }

@media (max-width: 1100px) {
  .hat-pathways__inner { grid-template-columns: 1fr; gap: 42px; }
  .hat-pathways__intro { max-width: 440px; }
  .hat-pathways__nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .visible-world { min-height: 0; padding: 86px 20px; background-position: 44% center; }
  .visible-world h2 { font-size: clamp(42px, 13vw, 58px); }
  .visible-world__inner > p { font-size: 16px; }
  .visible-world__actions { align-items: stretch; flex-direction: column; }
  .visible-world__button { width: 100%; }
  .hat-pathways__inner { width: calc(100% - 30px); }
  .hat-pathways__nav { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .visible-world__button, .hat-pathways__link { transition: none; }
}
.site-footer-new * { box-sizing: border-box; }
.site-footer-new__inner { width: min(1140px, calc(100% - 48px)); margin: 0 auto; padding: 98px 0 26px; }
.site-footer-new__top { display: grid; grid-template-columns: minmax(300px, 1fr) 438px; gap: 80px; min-height: 240px; }
.site-footer-new__brand a { display: inline-flex; align-items: center; color: #fff; font: 700 clamp(36px, 3vw, 48px)/1 var(--heading-font-family); letter-spacing: -.04em; }
.site-footer-new__brand a:hover { color: var(--footer-accent); }
.site-footer-new__logo { display: block; width: auto; max-width: 250px; height: 70px; object-fit: contain; object-position: left center; }
.site-footer-new__menus { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; }
.site-footer-new__column h3 { color: #fff; margin: 0 0 18px; font-size: 19px; line-height: 1.25; font-weight: 600; white-space: nowrap; }
.site-footer-new__column ul { margin: 0; padding: 0; list-style: none; }
.site-footer-new__column li + li { margin-top: 13px; }
.site-footer-new__column a { display: inline-block; color: #fff; font-size:15px; line-height: 1.4; font-weight:400; }
.site-footer-new__column a:hover, .site-footer-new__column a:focus-visible { color: var(--footer-accent); transform: translateX(2px); }
.site-footer-new__bottom { min-height: 64px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.2); display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.site-footer-new__legal { display: flex; align-items: center; gap: 20px; color: #fff; font-size: 12px; line-height: 1.5; }
.site-footer-new__legal a { color: #fff; }
.site-footer-new__legal a:hover { color: var(--footer-accent); }
.site-footer-new__divider { width: 1px; height: 22px; background: rgba(255,255,255,.75); }
.site-footer-new__social { display: flex; align-items: center; gap: 10px; }
.site-footer-new__social a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #111; background:#c2a922; font-size: 13px; transition: transform .2s ease, background-color .2s ease; }
.site-footer-new__social a:hover, .site-footer-new__social a:focus-visible { color: #111; background: #fff; transform: translateY(-3px); }

@media (max-width: 900px) {
  .site-footer-new__inner { padding-top: 70px; }
  .site-footer-new__top { grid-template-columns: 1fr; gap: 52px; padding-bottom: 55px; }
  .site-footer-new__menus { max-width: 560px; }
}
@media (max-width: 620px) {
  .site-footer-new__inner { width: min(100% - 32px, 480px); padding-top: 54px; }
  .site-footer-new__menus { grid-template-columns: 1fr 1fr; gap: 38px 26px; }
  .site-footer-new__column:last-child { grid-column: 1 / -1; }
  .site-footer-new__bottom { align-items: flex-start; flex-direction: column; padding: 26px 0 8px; }
  .site-footer-new__legal { align-items: flex-start; flex-direction: column; gap: 8px; }
  .site-footer-new__divider { display: none; }
}