@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
:root {
    --bs-text: var(--bs-gray-700);
    --bs-body-color: var(--bs-gray-700);
    --bs-heading-color: var(--bs-gray-900);
    --bs-light: rgba(255,255,255, 0.75);
    --bs-dark: rgba(0,0,0, 0.75);
    --bs-brand: #08a74f;
    --bs-brand-lighten: #08bd5a;
    --bs-brand-darken: #068941;
    --bs-accent: #0075BC;
    --bs-accent-lighten: #0080cf;
    --bs-accent-darken: #0064a2;
    --bs-link-color: #0075BC;
    --bs-link-hover-color: var(--bs-brand);
    --bs-item-padding-y: 0.25rem;
    --bs-top-navbar-padding-y: 0.5rem;
    --bs-accent-darken: #00639f;
    --bs-logo-height: 64px;
    /* --bs-font-sans-serif: 'Roboto Flex', system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    /* --bs-font-sans-serif: 'Poppins', system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-body-font-family: 'Poppins', var(--bs-font-sans-serif);
    --bs-heading-font-family: 'Poppins', var(--bs-font-sans-serif);
    --bs-navbar-height: calc(var(--bs-logo-height) + 2 * var(--bs-top-navbar-padding-y));
    --bs-carousel-height: 45vh;
}
/* @media (min-width: 998px){
    :root {
        --bs-carousel-height: 35vh;
    }
} */

.row,
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 3rem;
}


@media (min-width: 992px) {
    .row,
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 5rem;
    }
}

b, strong,
.nav-link,
.fw-bold {
    font-family: var(--bs-heading-font-family);

}
.btn {
    --bs-btn-font-family: var(--bs-heading-font-family);
}

header {
    z-index: 1020;
}


.heading, strong, b,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    font-family: var(--bs-heading-font-family);
}

.heading, strong, b,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--bs-heading-color);
}

.text-light .heading, 
.text-light strong,
.text-light b,
.text-white .heading, 
.text-white strong,
.text-white b {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
}

.heading .fw-normal,
h1 .fw-normal, h2 .fw-normal, h3 .fw-normal, h4 .fw-normal, h5 .fw-normal, h6 .fw-normal,
.h1 .fw-normal, .h2 .fw-normal, .h3 .fw-normal, .h4 .fw-normal, .h5 .fw-normal, .h6 .fw-normal {
    font-family: var(--bs-body-font-family) !important;
}

#navbar-wrapper {
    /* transition: transform, background-color 0.3s ease; */
    transition-property: transform, background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 13%);
}

#navbar-wrapper.hide {
    transform: translate(0, -100%);
}

.navbar {
    --bs-navbar-nav-link-padding-y: var(--bs-item-padding-y);
    --bs-navbar-padding-y: var(--bs-top-navbar-padding-y);
    --bs-nav-link-font-weight: 700;
    --bs-navbar-bg: rgba(255,255,255,0.75);
    --bs-navbar-toggler-focus-width: 1px;
    /* text-transform: lowercase; */
    /* --bs-navbar-toggler-focus-width: 2px; */
    background-color: var(--bs-navbar-bg);
    backdrop-filter: blur(22px);
}
.navbar:hover {
    background-color: var(--bs-white);
}
.navbar-brand {
    line-height: 24px;
}
.navbar-logo {
    width: auto;
    height: var(--bs-logo-height);
}
.navbar-nav-svg {
    height: 20px;
    width: auto
}
.nav-link {
    --bs-nav-link-font-weight: 700;
    --bs-nav-link-font-size: 13px;
}

@media (min-width: 576px) {
    .nav-link {
        --bs-nav-link-font-size: 0.9rem;
    }
}
.mobile-toggle-icon {
    width: auto;
    height: 42px;
}
.bg-brand {
    background-color: var(--bs-brand);
}
.text-brand {
    color: var(--bs-brand);
}
.bg-accent {
    background-color: var(--bs-accent);
}
.btn-accent {
    background-color: var(--bs-accent);
    border-color: var(--bs-accent);
}
.btn-accent {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-accent);
    --bs-btn-border-color: var(--bs-accent);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--bs-accent-darken);
    --bs-btn-hover-border-color: var(--bs-accent-darken);
    --bs-btn-focus-shadow-rgb: 203,163,93;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-accent-darken);
    --bs-btn-active-border-color: var(--bs-accent-darken);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-btn-focus-shadow-rgb), 0.125);
    --bs-btn-disabled-color: rgba(var(--bs-text), 0.75);
    --bs-btn-disabled-bg: rgba(var(--bs-btn-focus-shadow-rgb), 0.55);
    --bs-btn-disabled-border-color: rgba(var(--bs-btn-focus-shadow-rgb), 0.55);
}
.btn-brand {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-brand);
    --bs-btn-border-color: var(--bs-brand);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--bs-accent-darken);
    --bs-btn-hover-border-color: var(--bs-accent-darken);
    --bs-btn-focus-shadow-rgb: 203,163,93;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-accent-darken);
    --bs-btn-active-border-color: var(--bs-accent-darken);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-btn-focus-shadow-rgb), 0.125);
    --bs-btn-disabled-color: rgba(var(--bs-text), 0.75);
    --bs-btn-disabled-bg: rgba(var(--bs-btn-focus-shadow-rgb), 0.55);
    --bs-btn-disabled-border-color: rgba(var(--bs-btn-focus-shadow-rgb), 0.55);
}

.link-accent,
.text-accent {
    color: var(--bs-accent);
}
.link-accent:hover,
.link-accent:focus {
    color: var(--bs-accent-darken);
}

.link-brand,
.text-brand {
    color: var(--bs-brand);
}
.link-brand:hover,
.link-brand:focus {
    color: var(--bs-brand-darken);
}

#idsure-carousel .carousel-item {
    height: var(--bs-carousel-height);
    transition-timing-function: cubic-bezier(.45,.18,0,1);
}

#idsure-carousel .carousel-indicators .nav-link {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    flex: auto;
    text-indent: 0;
}
/* @media (min-width: 992px) {
    #idsure-carousel .carousel-item  {
        height: 70vh;
    }
} */
.overlay {
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    top: 0; left:0; right:0; bottom:0;
}
.bd-placeholder-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0; left:0; right:0; bottom:0;
    /* z-index: -1; */
}

.popover {
    --bs-popover-header-color: var(--bs-dark);
    --bs-popover-header-bg: transparent;
    --bs-popover-max-width: 320px;
}
.popover-header {
    border:0;
    padding-top: 1rem;
}
.popover-body { padding-top: 0 }

.btn-icon {
    height: 1.75rem;
}

.btn-lg .btn-icon {
    height: 2.2rem;
}

.sticky-top {
    z-index: 10;
}

header.sticky-top {
    z-index: 1020
}

#idsure-carousel .carousel-indicators .icon {
    width: 20px;
    height: auto;
    color: currentColor;
    fill: currentColor;
}

#idsure-carousel .carousel-indicators span {
    opacity: 0;
    transition: opacity 0.3s ease;
}

#idsure-carousel .carousel-indicators .nav-link:hover span {
    opacity: 1;
}

#mainnav .dropdown-menu {
    --bs-dropdown-padding-y: 0.75rem;
    /* --bs-dropdown-border-radius: 1rem; */
    --bs-dropdown-border-width: 0;
    box-shadow: 0px 5px 24px 8px rgb(0 0 0 / 15%);
}
#mainnav .dropdown-menu .dropdown-item.active {
    background-color: var(--bs-brand);
    color: white;
}

@media (min-width: 992px) {
    #mainnav li.nav-item.show > .dropdown-menu {
        margin: 0 !important
    }
    #mainnav li.nav-item:not(.show):hover > .dropdown-menu {
        display: block;
        top: 100%;
        margin: 0 !important
    }
    .rounded-lg {
        border-radius: var(--bs-border-radius);
    }
}

/* .feather-chevron-right */
.dropdown > button > .feather-chevron-down,
.dropdown.show > button > .feather-chevron-right { display: none }
.dropdown.show > button > .feather-chevron-down { display: inline }

.composite {
    width: 29.494%;
    height: auto;
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.rotate-animation {
    animation: rotate-animation 10s infinite linear;
}
.rotate-animation.backwards {
    animation-direction: reverse;
}

.rotate-animation:hover,
.rotate-animation:hover .rotate-animation {
    /* animation-iteration-count: unset; */
    animation-play-state: paused;
}
.transform-perspective {
    transform-style: preserve-3d
}

/* container animation */
@keyframes container-animation {
    0% {
        opacity: 0;
        transform: perspective(0px) translate3d(-200%,0%,0px) rotateY(0deg);
        /* animation-timing-function: ease-in; */
    }
    60% {
        opacity: 1;
        transform: perspective(800px) translate3d(0%,0%,0px) rotateY(0deg);
        /* animation-timing-function: ease-out; */
    }
    85% {
        opacity: 1;
        transform: perspective(800px) translate3d(0%,0%,0px) rotateY(0deg);
        /* animation-timing-function: ease-out; */
    }
    100% {
        opacity: 1;
        transform: perspective(800px) translate3d(10%,0%,-300px) rotateY(-25deg);
        /* animation-timing-function: ease-out; */
    }
}

.animate-container {
    animation: container-animation 4s forwards ease-in-out;
    opacity:0;
    perspective: 800px;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
    /* animation-timing-function: ease-out; */
}
.animate-layer {
    transform: rotateY(0deg) translate3d(0%,0,0px);
    transition-property: transform, opacity;
    transition-duration: 0.7s;
    transition-timing-function: ease;
    opacity: 0;
    box-shadow: 4px 4px 16px 8px rgb(0 0 0 / 10%);
}
.animate-container .animate-layer.layer-1 {
    opacity: 1;
    transform: rotateY(-5deg) translate3d(0%,0,0px);
}
.animate-container .animate-layer.layer-2 {
    opacity: 1;
    transition-delay: 2s;
    transform: rotateY(-5deg) translate3d(20%,0,-200px);
}
.animate-container .animate-layer.layer-3 {
    opacity: 1;
    transition-delay: 2.35s;
    transform: rotateY(-5deg) translate3d(40%,0,-400px);
}

.rotate-y--15 { transform: perspective(400px) rotateY(-15deg) }
.rotate-y-15 { transform: perspective(400px) rotateY(15deg) }
.rotate-y--30 { transform: perspective(400px) rotateY(-30deg) }
.rotate-y-30 { transform: perspective(400px) rotateY(30deg) }

.rotate-x--15 { transform: perspective(400px) rotateX(-15deg) }
.rotate-x-15 { transform: perspective(400px) rotateX(15deg) }
.rotate-x--30 { transform: perspective(400px) rotateX(-30deg) }
.rotate-x-30 { transform: perspective(400px) rotateX(30deg) }

.w-10 { width: 10% !important }
.w-15 { width: 15% !important }
.w-20 { width: 20% !important }
.w-25 { width: 25% !important }
.w-30 { width: 30% !important }
.w-33 { width: 33.333% !important}
.w-50 { width: 50% !important}
.w-75 { width: 75% !important}

.vh-10 { height: 10vh !important}
.vh-15 { height: 15vh !important}
.vh-20 { height: 20vh !important}
.vh-25 { height: 25vh !important}
.vh-30 { height: 30vh !important}
.vh-33 { height: 33.333vh !important}
.vh-50 { height: 50vh !important}
.vh-75 { height: 75vh !important}

.opacity-100 { opacity: 1 }
.opacity-75 { opacity: 0.75 }
.opacity-50 { opacity: 0.5 }
.opacity-25 { opacity: 0.25 }

.z-0 { z-index: 0 !important; }
.z-1 { z-index: 1 !important; }
.z-2 { z-index: 2 !important; }
.z-3 { z-index: 3 !important; }

.transform-none { transform: none }

.bg-size-contain { background-size: contain !important }
.bg-size-cover { background-size: cover !important }
.bg-size-auto { background-size: auto !important }

@media (min-width: 576px) {
	.w-sm-10 { width: 10% !important }
	.w-sm-15 { width: 15% !important }
	.w-sm-20 { width: 20% !important }
	.w-sm-25 { width: 25% !important }
	.w-sm-30 { width: 30% !important }
	.w-sm-33 { width: 33.333% !important }
	.w-sm-50 { width: 50% !important }
	.w-sm-75 { width: 75% !important }
	.w-sm-100 { width: 100% !important }

    .vh-sm-10 { height: 10vh !important }
    .vh-sm-15 { height: 15vh !important }
    .vh-sm-20 { height: 20vh !important }
    .vh-sm-25 { height: 25vh !important }
    .vh-sm-30 { height: 30vh !important }
    .vh-sm-33 { height: 33.333vh !important }
    .vh-sm-50 { height: 50vh !important }
    .vh-sm-75 { height: 75vh !important }
    .vh-sm-100 { height: 100vh !important }
    .vh-sm-auto { height: auto !important }

    .h-sm-10 { height: 10% !important }
    .h-sm-15 { height: 15% !important }
    .h-sm-20 { height: 20% !important }
    .h-sm-25 { height: 25% !important }
    .h-sm-30 { height: 30% !important }
    .h-sm-33 { height: 33.333% !important }
    .h-sm-50 { height: 50% !important }
    .h-sm-75 { height: 75% !important }
    .h-sm-100 { height: 100% !important }
    .h-sm-auto { height: auto !important }

    .opacity-sm-100 { opacity: 1 !important }
    .opacity-sm-75 { opacity: 0.75 !important }
    .opacity-sm-50 { opacity: 0.5 !important }
    .opacity-sm-25 { opacity: 0.25 !important }

    .transform-sm-none { transform: none !important }
    .rotate-sm-y--15 { transform: perspective(400px) rotateY(-15deg) }
    .rotate-sm-y-15 { transform: perspective(400px) rotateY(15deg) }
    .rotate-sm-y--30 { transform: perspective(400px) rotateY(-30deg) }
    .rotate-sm-y-30 { transform: perspective(400px) rotateY(30deg) }

    .rotate-sm-x--15 { transform: perspective(400px) rotateX(-15deg) }
    .rotate-sm-x-15 { transform: perspective(400px) rotateX(15deg) }
    .rotate-sm-x--30 { transform: perspective(400px) rotateX(-30deg) }
    .rotate-sm-x-30 { transform: perspective(400px) rotateX(30deg) }

    .position-sm-relative { position: relative !important;}
    .position-sm-absolute { position: absolute !important;}
    .position-sm-fixed { position: fixed !important;}
    .position-sm-static { position: static !important;}

    .bg-size-sm-contain { background-size: contain!important; }
    .bg-size-sm-cover { background-size: cover!important; }
    .bg-size-sm-auto { background-size: auto!important; }
}

@media (min-width: 768px) {
	.w-md-10 { width: 10% !important }
	.w-md-15 { width: 15% !important }
	.w-md-20 { width: 20% !important }
	.w-md-25 { width: 25% !important }
	.w-md-30 { width: 30% !important }
	.w-md-33 { width: 33.333% !important }
	.w-md-50 { width: 50% !important }
	.w-md-75 { width: 75% !important }
	.w-md-100 { width: 100% !important }

    .vh-md-10 { height: 10vh !important }
    .vh-md-15 { height: 15vh !important }
    .vh-md-20 { height: 20vh !important }
    .vh-md-25 { height: 25vh !important }
    .vh-md-30 { height: 30vh !important }
    .vh-md-33 { height: 33.333vh !important }
    .vh-md-50 { height: 50vh !important }
    .vh-md-75 { height: 75vh !important }
    .vh-md-100 { height: 100vh !important }
    .vh-md-auto { height: auto !important }

    .h-md-10 { height: 10% !important }
    .h-md-15 { height: 15% !important }
    .h-md-20 { height: 20% !important }
    .h-md-25 { height: 25% !important }
    .h-md-30 { height: 30% !important }
    .h-md-33 { height: 33.333% !important }
    .h-md-50 { height: 50% !important }
    .h-md-75 { height: 75% !important }
    .h-md-100 { height: 100% !important }
    .h-md-auto { height: auto !important }

    .opacity-md-100 { opacity: 1 !important }
    .opacity-md-75 { opacity: 0.75 !important }
    .opacity-md-50 { opacity: 0.5 !important }
    .opacity-md-25 { opacity: 0.25 !important }

    .transform-md-none { transform: none !important }
    .rotate-md-y--15 { transform: perspective(400px) rotateY(-15deg) }
    .rotate-md-y-15 { transform: perspective(400px) rotateY(15deg) }
    .rotate-md-y--30 { transform: perspective(400px) rotateY(-30deg) }
    .rotate-md-y-30 { transform: perspective(400px) rotateY(30deg) }

    .rotate-md-x--15 { transform: perspective(400px) rotateX(-15deg) }
    .rotate-md-x-15 { transform: perspective(400px) rotateX(15deg) }
    .rotate-md-x--30 { transform: perspective(400px) rotateX(-30deg) }
    .rotate-md-x-30 { transform: perspective(400px) rotateX(30deg) }

    .position-md-relative { position: relative !important;}
    .position-md-absolute { position: absolute !important;}
    .position-md-fixed { position: fixed !important;}
    .position-md-static { position: static !important;}

    .bg-size-md-contain { background-size: contain!important; }
    .bg-size-md-cover { background-size: cover!important; }
    .bg-size-md-auto { background-size: auto!important; }
}

@media (min-width: 992px) {
	.w-lg-10 { width: 10% !important }
	.w-lg-15 { width: 15% !important }
	.w-lg-20 { width: 20% !important }
	.w-lg-25 { width: 25% !important }
	.w-lg-30 { width: 30% !important }
	.w-lg-33 { width: 33.333% !important }
	.w-lg-50 { width: 50% !important }
	.w-lg-75 { width: 75% !important }
	.w-lg-100 { width: 100% !important }

    .vh-lg-10 { height: 10vh !important }
    .vh-lg-15 { height: 15vh !important }
    .vh-lg-20 { height: 20vh !important }
    .vh-lg-25 { height: 25vh !important }
    .vh-lg-30 { height: 30vh !important }
    .vh-lg-33 { height: 33.333vh !important }
    .vh-lg-50 { height: 50vh !important }
    .vh-lg-75 { height: 75vh !important }
    .vh-lg-100 { height: 100vh !important }
    .vh-lg-auto { height: auto !important }

    .h-lg-10 { height: 10% !important }
    .h-lg-15 { height: 15% !important }
    .h-lg-20 { height: 20% !important }
    .h-lg-25 { height: 25% !important }
    .h-lg-30 { height: 30% !important }
    .h-lg-33 { height: 33.333% !important }
    .h-lg-50 { height: 50% !important }
    .h-lg-75 { height: 75% !important }
    .h-lg-100 { height: 100% !important }
    .h-lg-auto { height: auto !important }

    .opacity-lg-100 { opacity: 1 !important }
    .opacity-lg-75 { opacity: 0.75 !important }
    .opacity-lg-50 { opacity: 0.5 !important }
    .opacity-lg-25 { opacity: 0.25 !important }

    .transform-lg-none { transform: none !important }
    .rotate-lg-y--15 { transform: perspective(400px) rotateY(-15deg) }
    .rotate-lg-y-15 { transform: perspective(400px) rotateY(15deg) }
    .rotate-lg-y--30 { transform: perspective(400px) rotateY(-30deg) }
    .rotate-lg-y-30 { transform: perspective(400px) rotateY(30deg) }

    .rotate-lg-x--15 { transform: perspective(400px) rotateX(-15deg) }
    .rotate-lg-x-15 { transform: perspective(400px) rotateX(15deg) }
    .rotate-lg-x--30 { transform: perspective(400px) rotateX(-30deg) }
    .rotate-lg-x-30 { transform: perspective(400px) rotateX(30deg) }

    .position-lg-relative { position: relative !important;}
    .position-lg-absolute { position: absolute !important;}
    .position-lg-fixed { position: fixed !important;}
    .position-lg-static { position: static !important;}

    .bg-size-lg-contain { background-size: contain!important; }
    .bg-size-lg-cover { background-size: cover!important; }
    .bg-size-lg-auto { background-size: auto!important; }
}

@media (min-width: 1200px) {
	.w-xl-10 {	width: 10% !important }
	.w-xl-15 {	width: 15% !important }
	.w-xl-20 {	width: 20% !important }
	.w-xl-25 {	width: 25% !important }
	.w-xl-30 {	width: 30% !important }
	.w-xl-33 {	width: 33.333% !important }
	.w-xl-50 {	width: 50% !important }
	.w-xl-75 {	width: 75% !important }
	.w-xl-100 {	width: 100% !important }

    .vh-xl-10 { height: 10vh !important }
    .vh-xl-15 { height: 15vh !important }
    .vh-xl-20 { height: 20vh !important }
    .vh-xl-25 { height: 25vh !important }
    .vh-xl-30 { height: 30vh !important }
    .vh-xl-33 { height: 33.333vh !important }
    .vh-xl-50 { height: 50vh !important }
    .vh-xl-75 { height: 75vh !important }
    .vh-xl-100 { height: 100vh !important }
    .vh-xl-auto { height: auto !important }

    .h-xl-10 { height: 10% !important }
    .h-xl-15 { height: 15% !important }
    .h-xl-20 { height: 20% !important }
    .h-xl-25 { height: 25% !important }
    .h-xl-30 { height: 30% !important }
    .h-xl-33 { height: 33.333% !important }
    .h-xl-50 { height: 50% !important }
    .h-xl-75 { height: 75% !important }
    .h-xl-100 { height: 100% !important }
    .h-xl-auto { height: auto !important }

    .opacity-xl-100 { opacity: 1 !important }
    .opacity-xl-75 { opacity: 0.75 !important }
    .opacity-xl-50 { opacity: 0.5 !important }
    .opacity-xl-25 { opacity: 0.25 !important }

    .transform-xl-none { transform: none !important }
    .rotate-xl-y--15 { transform: perspective(400px) rotateY(-15deg) }
    .rotate-xl-y-15 { transform: perspective(400px) rotateY(15deg) }
    .rotate-xl-y--30 { transform: perspective(400px) rotateY(-30deg) }
    .rotate-xl-y-30 { transform: perspective(400px) rotateY(30deg) }

    .rotate-xl-x--15 { transform: perspective(400px) rotateX(-15deg) }
    .rotate-xl-x-15 { transform: perspective(400px) rotateX(15deg) }
    .rotate-xl-x--30 { transform: perspective(400px) rotateX(-30deg) }
    .rotate-xl-x-30 { transform: perspective(400px) rotateX(30deg) }

    .position-xl-relative { position: relative !important;}
    .position-xl-absolute { position: absolute !important;}
    .position-xl-fixed { position: fixed !important;}
    .position-xl-static { position: static !important;}

    .bg-size-xl-contain { background-size: contain!important; }
    .bg-size-xl-cover { background-size: cover!important; }
    .bg-size-xl-auto { background-size: auto!important; }
}

.rounded-large {
    border-radius: 2rem;
}

/* scroller */
main {
    /* height: 200vh;
    scroll-snap-type: y mandatory;
    overflow-y: auto; */
    overflow-x: hidden
}
.scroll-container {
    /* position: sticky; */
    /* scroll-snap-type: y mandatory; */

    /* scroll-snap-align: center; */
    height: 100vh;
    /* top: 0; */
}
.scroll-layer {
    --layer-step: 0;
}

.text-gradient {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg,#0075BC,#08a74f)
}

.large-heading {
    font-size: 10vw;
}

@media (min-width: 568px) {
    .large-heading {
        font-size: 7vw
    }
}
@media (min-width: 992px) {
    .large-heading {
        font-size: 5vw
    }
}