/* ===================================
    Crafto - Corpotare
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
/* variable */
:root {
    --base-color: #3C2FC0;
    /* --base-color:#0142E2;
    --medium-gray:#EFF8E5; */

    --medium-gray: #878898;
    /* --dark-gray: #242E45; */
    --dark-gray: #001E66;
    --light-red: #F2F1FC;
    --alt-font: 'Plus Jakarta Sans', sans-serif;
    --primary-font: 'Plus Jakarta Sans', sans-serif;
}
body {
    font-size: 17px;
    line-height: 32px;
}
sup {
    top: -0.7em;
}
.lh-42px {
    line-height: 42px;
}
/* box layout */
.box-layout {
    padding: 0 40px;
}
a {
    color: #878898;
} 
b, strong {
    font-weight: 700;
}
/* header */
.bg-white{
    background-color: #f7f7f7 !important
     /* #F4FAEE !important; */
}

.custom-fn-color-g{
    color: #34491C !important;
}

.custom-bg-blue-dark{
    background-color: #001e66 !important
}


.left-minus-30px {
    left: -660px !important;
}

.top-minus-150px {
    top: 151px !important;
}

.custom-color-blue-dark{
    color: #001e66 !important
}


.custom-green-color{
color: #34491C !important;
}

.text-outline-color-base-color {
    -webkit-text-stroke-color: #435E24 !important
}
.navbar .navbar-nav .nav-link {
    /* font-weight: 600;
    font-size: 17px;
    color: #0132AA !important; */
    font-weight: 700;
    font-size: 13px;
    /* color: #fefefe !important; */
   
}

.custom_button:hover{
    background-color:  #0132AA !important;
    border-color:  #0132AA !important;
    color: white;
}
header .navbar-brand img {
    max-height:75px;
}
.header-icon .icon > a {
    font-size: 20px;
}
.navbar .btn.btn-switch-text.btn-medium > span {
    padding: 10px 25px;
    font-size: 14px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    border-radius: 0;
    box-shadow: 0 0 35px 0 rgb(0 0 0 / 10%);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
    font-size: 29px;
    width: 28px;
    margin-right: 12px;
}
.navbar .navbar-nav .dropdown .dropdown-menu a,
.navbar .navbar-nav .dropdown .dropdown-menu a:hover,
.navbar .navbar-nav .dropdown .dropdown-menu li.active > a{
    color: var(--white);
    font-weight: 500;
}

.footer-container {
    padding-left: 20px;
    padding-right: 20px;
}


.custom-bg{
    /* background-color: #F4FAEE !important; */
    background-color: #fffcfc
    /* #001E66 !important */
    /* #DEF0C9 !important; */
}

.custom-service{
    color: #34491C !important;
}

.custom-font-color{
    color: #f9fcf7 !important;
}

.bg-tussock-yellow{

}

.custom-color-light-blue{
    color: #f9fcf7 !important;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
    font-size: 16px;
    line-height: 28px;
    padding: 18px 25px 20px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a {
    opacity: 0.6;
}
.navbar .navbar-nav .dropdown .dropdown-menu {
    background-color: var(--dark-gray);
}
/* heading */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 25px;
}
/* page title */
.down-section {
    bottom: 30px;
}
.page-title-extra-large h1 {
    font-size: 4.5rem;
    line-height: 4.5rem;
}
h1, .h1 {
    font-size: 4.688rem;
    line-height: 4.688rem;
}
h2 {
    font-size: 3.125rem;
    line-height: 3.125rem;
}

.glass-nav {
    background: rgba(111, 156, 61, 0.25); /* #6F9C3D with glassy transparency */
    backdrop-filter: blur(15px) saturate(180%);
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  
    /* Subtle tinted glass border */
    border-bottom: 1px solid rgba(111, 156, 61, 0.35);
  
    /* Optional: slightly rounded edges and subtle inner gloss */
    border-radius: 12px;
    overflow: hidden;
  }
  .glass-nav::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom right,
      rgba(255, 255, 255, 0.25),
      rgba(255, 255, 255, 0.05)
    );
    pointer-events: none;
  }
    
.fullscreen-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.fullscreen-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;     /* makes video cover full screen */
    object-position: center;
}

.small-screen {
    height: 350px !important;
}
/* text gradient color */
.text-gradient-orange-sky-blue {
    background-image: linear-gradient(to right, #f7693c, #c74e45, #7d3785, #582d9f, #3928af);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* bg gradient color */
.bg-gradient-very-light-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
}
.bg-gradient-blue-whale-transparent { 
    background: -webkit-linear-gradient(right, rgba(17, 27, 50, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(17, 27, 50, 1.0), rgba(255, 255, 255, 0.0));
}
.bg-gradient-quartz-light-transparent {
    background: -webkit-linear-gradient(right, rgba(227, 225, 245, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(227, 225, 245, 1.0), rgba(255, 255, 255, 0.0));
}
.bg-gradient-quartz-white { 
    background-color: #eff2fa !important;
    background-image: linear-gradient(to bottom, #f7f7ff, #f4f4fb, #f8f7fc, #fbfbfe, #ffffff);
}
.bg-gradient-base-color-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(60 47 192)), to(transparent));
    background-image: linear-gradient(to top, rgba(60, 47, 192, .8) 0%, transparent 100%);
}
.bg-gradient-regal-blue-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(22 35 64)), to(transparent));
    background-image: linear-gradient(to top, rgb(22 35 64) 0%, transparent 100%);
}
.bg-gradient-flamingo-amethyst-green {
    background-image: linear-gradient(to right, #f7693c, #c74e45, #7d3785, #582d9f, #3928af);
}
.bg-gradient-base-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 32, 44, 1)), to(transparent));
    background-image: linear-gradient(to top, rgba(22, 32, 44, .9) 8%, transparent 80%);
}
.bg-gradient-dark-transparent {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #162340), to(transparent));
    background: linear-gradient(to top, #162340 7%, transparent 70%);
}
.bg-regal-blue {
    /* background-color: #162340; */
    background-color: #ffffff
     /* #E6ECFC */
     /* #76A641 */

}
.bg-blue-whale {
    background-color: #ffffff
     /* #E6ECFC */
     /* #597D31 */
    /* background-color: #16233F; */
}
/* top left right */
.top-40 {
    top: 40%!important;
}
.left-30 {
    left: 30%!important;
}
.right-30 {
    right: 30%!important;
}
.top-30 {
    top: 30%;
}
.top-20 {
    top: 20%;
}
.left-170px {
    left: 170px;
}
.mt-minus-2 {
    margin-top: -2px;
}
.left-minus-300px {
    left: -300px;
}
/* btn */
.btn {
    letter-spacing: 0px;
    text-transform: inherit;
}
.btn.btn-extra-large {
    font-size: 18px;
}
.btn.btn-large {
    font-size:16px;
}
.btn.btn-medium {
    font-size: 15px;
}
.btn.btn-small {
    font-size: 14px;
}
.btn.btn-link {
    padding: 0 0 2px;
    position: relative;
    text-decoration: none;
    border: 0;
    border-bottom: 2px solid;
    letter-spacing: 0;
    background-color: transparent;
}
.btn-gradient-flamingo-amethyst-green {
    background-image: linear-gradient(to right, #f7693c, #c74e45, #7d3785, #582d9f, #3928af, #582d9f, #7d3785, #c74e45, #f7693c);
    background-size: 200% auto;
    color: var(--white);
}
/* box overlay */
.interactive-banner-style-02.dark-hover:hover .btn {
    opacity: 0.7;
}
/* blog comment */ 
.blog-comment li .btn-reply {
    padding: 6px 20px 7px;
}
/* process-step style 05 */
.process-step-style-05 .progress-step-separator {
    bottom: inherit;
    height: 100%;
}
/* interactive banner */
.interactive-banner-style-02:hover figure figcaption .features-icon {
    margin-bottom: 17px;
}
/* blog grid */
.pagination-style-01 .page-item .page-link:hover,
.pagination-style-01 .page-item.active .page-link {
    background: var(--dark-gray);
    color: var(--white);
}
.pagination-style-01 .page-item:first-child .page-link,
.pagination-style-01 .page-item:last-child .page-link {
    background: transparent;
    color: var(--medium-gray);
}
.pagination-style-01 .page-item:first-child .page-link:hover,
.pagination-style-01 .page-item:last-child .page-link:hover {
    color: var(--dark-gray);
}
.accordion-style-06 .accordion-item.active-accordion {
    background-image: linear-gradient(to bottom, #f7f8f9, #f9fafb, #fbfbfc, #fdfdfd, #ffffff);
}
/* google map */
#map {
    border-radius: 6px 0 0 6px;
}
.border-radius-top-lr {
    border-radius: 6px 6px 0 0;
}
footer ul li {
    margin-bottom: 0;
}
.scroll-progress {
    right: 10px;
}
/* google map */
.newsletter-style-02 input {
    font-size: 15px;
}
/* Revolution Slider */
#demo-corporate-slider {border-radius: 6px;}
.hesperiden.tparrows { width: 54px; height: 54px; background: transparent; border: 1px solid rgba(255,255,255,0.2);-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out}
.hesperiden.tparrows:hover {border:1px solid rgba(255,255,255,1); background: rgba(255,255,255,1); ;}
.hesperiden.tparrows:hover:before {color: #232323}
.hesperiden.tparrows:before {line-height: 52px;}
.hesperiden.tparrows.tp-leftarrow:before { content: "\f104";font-family: "Font Awesome 7 Free";font-size: 16px; font-weight: 900}
.hesperiden.tparrows.tp-rightarrow:before { content: "\f105";font-family: "Font Awesome 7 Free";font-size: 16px; font-weight: 900}
.hesperiden.tparrows.tp-leftarrow:before { margin-left: 0; }
.hesperiden.tparrows.tp-rightarrow:before { margin-right: 0; }
.get-started-btn { transition: 0.3s ease-in-out !important; }
.hesperiden.tparrows { z-index: 97; }
/* media query responsive */
@media (max-width: 1700px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 19px;
        padding-right: 19px;
    }
}
@media (max-width: 1600px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 1350px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1300px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 9px;
        padding-right: 9px;
    }
}
@media (max-width: 1199px) {
    .accordion-style-06 .accordion-item {
        padding: 15px 50px 15px 35px;
    }
    .box-layout {
        padding: 0;
    }
    #demo-corporate-slider {
        border-radius: 0;
    }
    .lg-border-radius-0px {
        border-radius: 0 !important;
    }
    .navbar .navbar-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 991px) {
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        width: calc(100% + 30px) !important;
        margin-left: -15px;
        padding: 10px 45px;
        margin-bottom: 0;
        margin-right: -15px;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
        padding-left: 0;
        padding-right: 0;
    }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
        font-size: 17px;
        line-height: normal;
        display: flex;
        align-items: center;
    }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    #map {
        border-radius: 0;
    }
    .small-screen {
        height: 300px !important;
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom: 20px;
    }
}
@media (max-width: 575px) {
    .accordion-style-06 .accordion-item {
        padding: 15px;
    }
    footer .elements-social.social-icon-style-02 li {
        margin: 0 15px 0 0;
    }
    footer .elements-social.social-icon-style-02 li:first-child {
        margin-left: 0;
    }
}






/* Section with Gradient Background */
.custom-bg-gradient {
    background: linear-gradient(to bottom right, #0066cc, #003366); /* Initial gradient */
    transition: background 0.5s ease; /* Smooth background transition */
    position: relative;
}

/* Add darker gradient or effect when the section is in view */
.custom-bg-gradient.sticky-effect {
    background: linear-gradient(to bottom right, #1e3c72, #2a5298); /* New gradient when scrolled */
}

/* Dark overlay effect */
.custom-bg-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dark overlay */
    z-index: -1;
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s ease;
}

/* Apply dark overlay once scrolled */
.custom-bg-gradient.sticky-effect::before {
    opacity: 0.6;
}

/* Floating Animation for Content */
@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

/* Sticky Effect for Floating Content */
.custom-bg-gradient.sticky-effect .floating-element {
    animation: float 3s ease-in-out infinite;
}

/* Optional: Adding Sticky Positioning to Make the Section Sticky */
.custom-bg-gradient.sticky {
    position: sticky;
    top: 0; /* Adjust where you want it to stick */
}






















/* Container */
.split-banner {
    height: 700px !important;
    /* height: var(--height); */
    overflow: hidden;
    position: relative;
    display:flex;
    width:100%;
    background:#0b0f0b;
    color:#fff;
    border-radius:8px;
  }

  .split-side {
    position:relative;
    overflow:hidden;
    flex-basis:50%;
    transition: flex-basis var(--transition);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:1.5rem;
  }

  /* expanded / contracted widths */
  .hover-public .public { flex-basis:60%; }
  .hover-public .partner { flex-basis:40%; }
  .hover-partner .partner { flex-basis:60%; }
  .hover-partner .public { flex-basis:40%; }

  /* background image */
  .bg-img {
    position:absolute;
    inset:0;
    background-position:center;
    background-size:cover;
    transform-origin:center;
    transition: transform 600ms ease;
    z-index:0;
  }
  .public .bg-img { filter:contrast(0.9) saturate(0.9); }
  .partner .bg-img { filter:contrast(0.95) saturate(1); }

  /* image scale when hovered */
  .hover-public .public .bg-img{ transform: scale(1.15);}
  .hover-partner .partner .bg-img{ transform: scale(1.15);}

  /* overlays */
  .overlay {
    position:absolute; inset:0; z-index:1;
  }
  .public .overlay {
    background: linear-gradient(180deg, rgba(6,78,59,0.8), rgba(3,54,43,0.6));
  }
  .partner .overlay {
    background: linear-gradient(225deg, rgba(41,58,16,0.8), rgba(10,44,22,0.6));
  }

  /* content */
  .side-content { position:relative; z-index:3; max-width:520px; color:var(--text); }
  .public .side-content { color: #e6fff4; }
  .partner .side-content { color: #f4ffee; }

  .side-icon {
    width:48px;height:48px;margin:0 auto 0.5rem;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:12px;
    position:relative;
  }

  /* pulse / blur element (visual flourish) */
  .pulse {
    position:absolute; inset:0; pointer-events:none; z-index:2;
    filter: blur(10px); opacity:0.0; transition:opacity 300ms;
  }
  .hover-public .public .pulse{ opacity:0.75; }
  .hover-partner .partner .pulse{ opacity:0.75; }

  /* center divider */
  .center-divider {
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    transform:translateX(-50%);
    width:1px;
    background:rgba(255,255,255,0.18);
    z-index:20;
    transition: width 300ms, opacity 300ms;
  }
  .hover-public .center-divider,
  .hover-partner .center-divider { opacity:0.3; width:1px; }

  .divider-dot {
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    width:14px; height:14px; background:white; border-radius:50%;
    z-index:30;
    animation: pulseDot 2s infinite ease-in-out;
    display:flex;align-items:center;justify-content:center;
  }
  @keyframes pulseDot{
    0%{ transform:translate(-50%,-50%) scale(1); opacity:0.85;}
    50%{ transform:translate(-50%,-50%) scale(1.5); opacity:1;}
    100%{ transform:translate(-50%,-50%) scale(1); opacity:0.85;}
  }

  /* animated floating icons: public side: float down */
  .float-icon {
    position:absolute; width:28px; height:28px; opacity:0;
    transition: opacity 300ms;
    z-index:4;
  }
  .public .float-icon { color:#9ee7be; }
  .hover-public .public .float-icon { opacity:1; animation: floatDown linear infinite; }
  @keyframes floatDown {
    0%{ transform: translateY(-10% ) rotate(0deg); opacity:0; }
    10%{ opacity:0.4; }
    50%{ transform: translateY(120%) rotate(360deg); opacity:0.7; }
    100%{ transform: translateY(240%) rotate(720deg); opacity:0; opacity:0; }
  }

  /* partner side: orbit icons */
  .orbit-icon {
    position:absolute; left:50%; top:50%; transform-origin: center;
    width:26px; height:26px; z-index:4; opacity:0.28;
    transition: opacity 300ms;
  }
  .hover-partner .partner .orbit-icon{ opacity:0.9; animation: orbit 8s linear infinite; }
  @keyframes orbit{
    from{ transform: rotate(0deg) translateX(80px) rotate(0deg); }
    to{   transform: rotate(360deg) translateX(80px) rotate(-360deg); }
  }

  /* ripple circles on partner hover */
  .ripple {
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    border-radius:50%; border:2px solid rgba(190,242,100,0.5);
    width:0;height:0; opacity:0.8; z-index:2;
  }
  .hover-partner .ripple {
    animation: rippleAnim 1.8s ease-out infinite;
  }
  @keyframes rippleAnim{
    0%{ width:0;height:0; opacity:0.8; }
    100%{ width:350px;height:350px; opacity:0; }
  }

  /* buttons */
  .btn-smooth {
    font-size: 18px;
    border-radius:9999px;
    padding: .75rem 1.45rem;
    box-shadow:0 8px 18px rgba(0,0,0,0.18);
    transition: transform 200ms, box-shadow 200ms;
  }
  .btn-smooth:hover{ transform: translateY(-4px) scale(1.04); }

  /* small decorations: grid & hex patterns via pseudo elements */
  .public::after{
    content:""; position:absolute; inset:0; background-image:
      linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size:50px 50px; opacity:0.35; z-index:2; pointer-events:none;
  }
  .partner::after{
    content:""; position:absolute; inset:0; background-image:
      radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size:30px 30px; opacity:0.28; z-index:2; pointer-events:none;
  }

  /* responsive tweaks */
  @media (max-width: 768px){
    .split-banner{ flex-direction:column; height:600px; }
    .split-side{ flex-basis:100% !important; transition:none; }
    .center-divider{ display:none; }
    .divider-dot{ display:none; }
  }


  /* -------------------- Staged expand + delayed zoom (no :root) -------------------- */

/* timing and easing (explicit values — change as needed) */
.split-side {
    /* animate flex-basis (width) */
    transition: flex-basis 600ms cubic-bezier(.43,.13,.23,.96);
    will-change: flex-basis;
  }
  
  /* Image transition: include a delay for the zoom so we can stage it after the width change */
  .bg-img {
    position:absolute;
    inset:0;
    background-position:center;
    background-size:cover;
    transform-origin:center;
    /* zoom will start after 120ms delay and run for 520ms */
    transition: transform 520ms cubic-bezier(.43,.13,.23,.96) 120ms,
                filter 320ms ease 120ms;
    z-index:0;
    will-change: transform;
    backface-visibility: hidden;
  }
  
  /* overlay fade delay to align with zoom */
  .overlay {
    position:absolute; inset:0; z-index:1;
    transition: opacity 320ms ease 80ms, background-color 320ms ease 80ms;
    opacity: 1;
    will-change: opacity;
  }
  
  /* when hovered (classes added by your JS), target the expanded side to zoom */
  .hover-public .public { flex-basis:60%; }
  .hover-public .partner { flex-basis:40%; }
  .hover-partner .partner { flex-basis:60%; }
  .hover-partner .public { flex-basis:40%; }
  
  /* Zoom target — starts after the 120ms delay above */
  .hover-public .public .bg-img { transform: scale(1.15); }
  .hover-partner .partner .bg-img { transform: scale(1.15); }
  
  /* Slightly reduce overlay opacity on the expanded side for contrast (with small delay) */
  .hover-public .public .overlay { opacity: 0.5; }
  .hover-partner .partner .overlay { opacity: 0.5; }
  
  /* Contracted side should snap back (quicker transform, no delay) */
  .hover-public .partner .bg-img,
  .hover-partner .public .bg-img {
    transition: transform 300ms ease 0ms;
    transform: scale(1);
  }
  
  /* Pulse / pattern should fade with the zoom */
  .pulse,
  .public::after,
  .partner::after {
    transition: opacity 380ms ease 120ms;
  }
  
  /* Divider responds smoothly */
  .center-divider {
    transition: opacity 300ms ease, width 300ms ease;
  }
  
  /* Performance hint for transforms/animations */
  .split-side .bg-img,
  .split-side .overlay,
  .split-side .pulse {
    will-change: transform, opacity;
  }
  
  /* Accessibility: respect reduced-motion */
  @media (prefers-reduced-motion: reduce) {
    .split-side,
    .split-side .bg-img,
    .split-side .overlay,
    .center-divider,
    .pulse,
    .float-icon,
    .orbit-icon,
    .ripple {
      transition: none !important;
      animation: none !important;
    }
  }
  
  /* Optional: tweak delays/durations quickly in one place by editing these values */
  /* Expand duration: 600ms
     Zoom delay:     120ms
     Zoom duration:  520ms
     Overlay delay:   80ms
     Contract snap:  300ms
  */