/* ===================================
====================================== */
/* @import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat+Underline:ital,wght@0,100..900;1,100..900&display=swap');
.ldr-font {
  font-family: "Montserrat Underline", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.cal-font {
  font-family: "Cormorant Infant", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.cal-ita-font {
  font-family: "Cormorant Infant", serif;
  font-optical-sizing: auto;
  font-style: italic;
}

/* Media query for screens smaller than 800px */
@media screen and (max-width: 667px) {
  html {
    transform: scale(0.10,auto) !important; /* Stacks columns vertically on smaller screens */
  }
}

section {width: auto; max-width: 1920px; margin: 0 auto;}
section.unrestrained {width: auto; max-width: auto; margin: 0 auto;}
header.unrestrained {width: auto; max-width: auto; margin: 0 auto;}
footer.unrestrained {width: auto; max-width: auto; margin: 0 auto;}

/* variable */
:root {      
    --alt-font: 'Outfit', sans-serif;
    --primary-font: 'Outfit', sans-serif;
    --base-color: #ff6000;
    --dark-gray: #232323;
    --medium-gray: #3b3b3b;
    --medium-dark-gray: #2a2a2a;
}   
/* reset */
html {overflow-x: hidden !important;}

body{
    font-size: 17px;
    line-height: 30px; 
}

html {
  /* Enables smooth scrolling when using anchor links */
  scroll-behavior: smooth;
  /* Sets the snapping behavior for the whole page */
  scroll-snap-type: y mandatory;
}





.placeholder-medium-gray::-webkit-input-placeholder {
    color: var(--white) !important;
    text-overflow: ellipsis;
    opacity:0.3;
}
.placeholder-medium-gray::-moz-placeholder {
    color: var(--white) !important;
    text-overflow: ellipsis;
    opacity:0.3;
}
.placeholder-medium-gray:-ms-input-placeholder {
    color: var(--white) !important;
    text-overflow: ellipsis;
    opacity:0.3;
}

.bg-base-color {background-color: #ff6000;}
.text-base-color {color: #ff6000;}
/* bg color */

.bg-medium-dark-gray {
    background-color: #2a2a2a !important;
}
.bg-sea-buckthorn {
    background-color: #ec954d;
}
/* bg transparent color */
.bg-dark-gray-transparent {
    background-color: rgba(12, 12, 12,.8);
}
/* bg gradient color */
.bg-gradient-chablis-red-quartz-white {
    background-image: linear-gradient(to right, #fce7e1, #fce7e1, #efe2ea, #dcdaf5, #dcdaf5);
}
.bg-gradient-top-very-light-gray {
    background-image: linear-gradient(to top, #f4f7fd, #f4f7fd, #f9fbff, #f9fbff, #ffffff);
}
/* text gradient color */
.text-gradient-orange-sky-blue {
    background-image: linear-gradient(to right, #f36b4a, #c26772, #6256c8, #6256c8, #6256c8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* btn */
.btn {
    font-weight: 600;
}
.btn-gradient-orange-sky-blue {
    background-image: linear-gradient(to right, #f36b4a, #584ccb, #f36b4a);
    background-size: 200% auto;
    color: var(--white);
}
/* heading */
h1 {
    line-height: 4.375rem;
}
h2 {
    line-height: 3.438rem;
}
h3 {
    line-height: 2.813rem;
}
h4 {
    line-height: 2.375rem;
}
h5 {
    line-height: 2rem;
}
h6 {
    line-height: 1.75rem;
}
/* opacity */
.opacity-05 {
    opacity: .05;
}
/* header */
header .navbar-brand img {
    max-height: 50px;
}
header .btn.btn-rounded.btn-very-small{
    font-size: 12px;
    font-weight: 600;
    padding: 8px 25px;
}
.navbar .navbar-nav .nav-link {
    font-weight: 300;
    font-size: 18px;
}
header .left-nav .navbar-nav:before {
    background: rgba(0,0,0,.3); 
}

header.sticky.sticky-active .btn-white {background: none; color: #ffffff;}
header.sticky.sticky-active .btn-white:hover {background: #ffffff !important; border-color: #232323; color: #232323;}

header.sticky.sticky-active [data-header-hover=dark] {
  background-color: #080808 !important;
}
header.sticky.sticky-active .header-reverse.header-dark.glass-effect {
  background-color: rgba(35, 35, 35, 0.8) !important;
}

.arisha-header {box-shadow: 0px -12px 8px 10px rgba(18,18,18,0.27) !important;}

/* footer */
footer .nav-link {
    color: var(--dark-gray);  
}
.nav-link {
    padding: 0.5rem 1.5rem;
}

.nav-link:hover {
    color: rgba(85,76,74,1) !important;
}

footer.half-footer {
    padding: 40px 0 40px 0;
}
footer .elements-social ul li:last-child {
    margin-right: 0;
}
/* page title */
.page-title-large h1 {
    font-size: 3.8rem;
    line-height: 4.2rem;
}
.page-title-large h2 {
    font-size: 20px;
    line-height: 30px;
}
/* media query responsive */
@media (max-width: 991px) {
    .tab-style-04 .nav-tabs .nav-item {
        padding: 0 20px;
    }
    .process-step-style-02 .progress-step-separator {
        display: block;
    }
    footer .nav-link {
        padding: 0.5rem 1rem; 
    }
}
@media (max-width: 768px) {
    .tab-style-04 .nav-tabs .nav-item {
        padding: 0 10px;
    }
}
@media (max-width: 575px) {
    .process-step-style-02 .progress-step-separator {
        display: none;
    }
    .background-position-center-bottom {
        background-position: center bottom -1px !important;
    }
}

.noshadow {box-shadow: none !important;}

/* AH */
.beegvanish {opacity: 0; transition: opacity 0.8s linear;}
.beegcancel.beegvanish {opacity: 1 !important;}
[data-background].active {opacity: 1; transition: opacity 1.0s ease;}
.bg-lightmist {background: radial-gradient(ellipse 60% 60% at 50% 0%, rgba(255, 255, 255, 0.45), transparent 70%), #efefef;}
.bg-pearlmist {background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(226, 232, 240, 0.65), transparent 100%), #979797;}
.bg-conicpearl {background: conic-gradient(#bee5d3, #d6b0b1, #8b5e83);}
.bg-conicsteel {background: radial-gradient(ellipse 0% 100%, #3f3f46, #71717a, #3f3f46);}
.bg-conicmarsh {background: conic-gradient(at bottom left, #766161, #87a7b3, #cdc7be);}
.bg-conicgrays {background: radial-gradient(ellipse at center, #f9f9f9, #bcbab8, #9d8f8f);}
.bg-radialglow {background-image: radial-gradient(circle 500px at 50% 200px, #3e3e3e, #232323);}
.bg-blue-prpl-grnt {background: linear-gradient(120deg, rgba(25, 33, 179, 1) 0%, rgba(209, 8, 122, 1) 100%);}
.text-blue-prpl-grnt {background-image: linear-gradient(64deg, #FC466B 0%, #3F5EFB 100%); background-clip: text; -webkit-text-fill-color: transparent;}
.text-blue-prpl-grnt-stroke {-webkit-text-stroke: 2px transparent;}
.text-blue-prpl-grnt-stroke::before {content: attr(data-value); position: absolute; background-image: linear-gradient(64deg, #FC466B 0%, #3F5EFB 100%); background-clip: text;}
.text-whte-gold-grnt-stroke {-webkit-text-stroke: 2px transparent;}
.text-whte-gold-grnt-stroke::before {content: attr(data-value); position: absolute; background-image: linear-gradient(64deg, rgba(255,255,255,0.1) 70%, #896e43 100%); background-clip: text;}
.text-gold-metl-grnt {background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.text-silv-metl-grnt {background: linear-gradient(to bottom, #cccccc 22%, #b8b8b8 26%, #d9d9d9 40%, #3e3e3e 78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bg-gradient-gray {background: radial-gradient(circle at 50% 0%, #454443, #141312);}
.text-bronze {color: #494948 !important;}
.bg-deep-dark-gray {background-color: #202020 !important;}
.bg-very-deep-gray {background-color: #161616 !important;}
.text-very-deep-gray {color: #161616 !important;}
.bg-bronze {background-color: #494948 !important;}
.bg-transparent-faint-light {background-color: rgba(255,255,255,0.1);}
.border-bronze {border-color: #494948 !important;}
.border-color-bronze {border-color: #494948 !important;}
.border-color-trns2-white {border-color: rgba(255,255,255,0.2) !important;}
.btn.btn-transparent-bronze {background-color: transparent !important; border-color: #494948 !important; color: #494948 !important;}
.text-outline-color-bronze {-webkit-text-stroke-color: #494948 !important;}
.text-bright {color: #f9f8f7 !important;}
.bg-bright {background-color: #f9f8f7 !important;}
.border-bright {border-color: #f9f8f7 !important;}
.btn.btn-transparent-bright {background-color: transparent !important; border-color: #f9f8f7 !important; color: #f9f8f7 !important;}
.text-faint-gray {color: #e1e1e1 !important;}
.text-mid-gray {color: #777879 !important;}


.border-color-lght-02 {border-color: rgba(250,240,230,0.2) !important;}
.border-color-medm-02 {border-color: rgba(125,135,145,0.2) !important;}

.feature-box-icon.outl-brdr-gray-fade {background-image: url(../img/icons/icon-brdr-gray-fade.png); background-size: 100% auto; aspect-ratio: 1/1;}
.headico-brdr-gray-fade {background-image: url(../img/icons/icon-brdr-gray-fade.png); background-size: 100% auto; aspect-ratio: 1/1;}
.bg-constraint-radial {background-image: url(../img/cover/notenic-ai-constraint-model.png); background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}
.bg-overconstrained {background-image: url(../img/cover/notenic-ai-overconstrained.gif); background-size: auto 60%; background-position: 20% center; background-repeat: no-repeat;}
.bg-unconstrained {background-image: url(../img/cover/notenic-ai-unconstrained.gif); background-size: auto 60%; background-position: 80% center; background-repeat: no-repeat;}
.bg-shadow-drop {background-image: url(../img/cover/shadow-drop.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.bg-dark-gray-trns {background-color: rgba(35, 35, 35, 0.9) !important;}


img {image-rendering: smooth;}

:root {
  --bronze: #494948 !important;
}

header.sticky .navbar-brand {
    padding: 24px 0;
}
.bg-nero-gray {
    background-color: #353535;
}

.format-financial:before {content: "$";}
.format-financial:after {content: ",000";}

/* Outside box */
.outside-box-top-200px {
    margin-top: -200px;
}

.navbar .navbar-nav.ignorewhite .nav-link {color: var(--dark-gray) !important;}



.p-1px {padding: 1px !important;}
.p-2px {padding: 2px !important;}
.p-3px {padding: 3px !important;}
.p-4px {padding: 4px !important;}
.p-6px {padding: 6px !important;}
.p-7px {padding: 7px !important;}
.p-8px {padding: 8px !important;}
.p-9px {padding: 9px !important;}

.m-1px {margin: 1px !important;}
.m-2px {margin: 2px !important;}
.m-3px {margin: 3px !important;}
.m-4px {margin: 4px !important;}
.m-6px {margin: 6px !important;}
.m-7px {margin: 7px !important;}
.m-8px {margin: 8px !important;}
.m-9px {margin: 9px !important;}

.mb-1px {margin-bottom: 1px !important;}
.mb-2px {margin-bottom: 2px !important;}
.mt-minus-1px {margin-top: -1px !important;}
.mt-minus-2px {margin-top: -2px !important;}

.ms-40 {margin-left: 40% !important;}
.me-40 {margin-right: 40% !important;}



.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}

.fs-31 {font-size: 31px;}
.fs-32 {font-size: 32px;}
.fs-33 {font-size: 33px;}
.fs-34 {font-size: 34px;}
.fs-35 {font-size: 35px;}
.fs-36 {font-size: 36px;}
.fs-37 {font-size: 37px;}
.fs-38 {font-size: 38px;}
.fs-39 {font-size: 39px;}

.fs-41 {font-size: 41px;}
.fs-42 {font-size: 42px;}
.fs-43 {font-size: 43px;}
.fs-44 {font-size: 44px;}
.fs-45 {font-size: 45px;}
.fs-46 {font-size: 46px;}
.fs-47 {font-size: 47px;}
.fs-48 {font-size: 48px;}
.fs-49 {font-size: 49px;}

.lh-41 {line-height: 41px !important;}
.lh-42 {line-height: 42px !important;}
.lh-43 {line-height: 43px !important;}
.lh-44 {line-height: 44px !important;}
.lh-46 {line-height: 46px !important;}
.lh-47 {line-height: 47px !important;}
.lh-48 {line-height: 48px !important;}
.lh-49 {line-height: 49px !important;}
.lh-51 {line-height: 51px !important;}
.lh-52 {line-height: 52px !important;}
.lh-53 {line-height: 53px !important;}
.lh-54 {line-height: 54px !important;}
.lh-56 {line-height: 56px !important;}
.lh-57 {line-height: 57px !important;}
.lh-58 {line-height: 58px !important;}
.lh-59 {line-height: 59px !important;}





.lh-p080 {line-height: 80% !important;}
.lh-p082 {line-height: 82% !important;}
.lh-p084 {line-height: 84% !important;}
.lh-p086 {line-height: 86% !important;}
.lh-p088 {line-height: 88% !important;}
.lh-p090 {line-height: 90% !important;}
.lh-p092 {line-height: 92% !important;}
.lh-p094 {line-height: 94% !important;}
.lh-p096 {line-height: 96% !important;}
.lh-p098 {line-height: 98% !important;}
.lh-p100 {line-height: 100% !important;}
.lh-p102 {line-height: 102% !important;}
.lh-p104 {line-height: 104% !important;}
.lh-p106 {line-height: 106% !important;}
.lh-p108 {line-height: 108% !important;}
.lh-p110 {line-height: 110% !important;}
.lh-p112 {line-height: 112% !important;}
.lh-p114 {line-height: 114% !important;}
.lh-p116 {line-height: 116% !important;}
.lh-p118 {line-height: 118% !important;}
.lh-p120 {line-height: 120% !important;}
.lh-p122 {line-height: 122% !important;}
.lh-p124 {line-height: 124% !important;}
.lh-p126 {line-height: 126% !important;}
.lh-p128 {line-height: 128% !important;}
.lh-p130 {line-height: 130% !important;}
.lh-p132 {line-height: 132% !important;}
.lh-p134 {line-height: 134% !important;}
.lh-p136 {line-height: 136% !important;}
.lh-p138 {line-height: 138% !important;}
.lh-p140 {line-height: 140% !important;}
.lh-p142 {line-height: 142% !important;}
.lh-p144 {line-height: 144% !important;}
.lh-p146 {line-height: 146% !important;}
.lh-p148 {line-height: 148% !important;}
.lh-p150 {line-height: 150% !important;}



.mt-minus-10px {margin-top: -10px;}
.mt-minus-11px {margin-top: -11px;}
.mt-minus-12px {margin-top: -12px;}
.mt-minus-13px {margin-top: -13px;}
.mt-minus-14px {margin-top: -14px;}
.mt-minus-15px {margin-top: -15px;}
.mt-minus-16px {margin-top: -16px;}
.mt-minus-17px {margin-top: -17px;}
.mt-minus-18px {margin-top: -18px;}
.mt-minus-19px {margin-top: -19px;}
.mt-minus-20px {margin-top: -20px;}
.mt-minus-21px {margin-top: -21px;}
.mt-minus-22px {margin-top: -22px;}
.mt-minus-23px {margin-top: -23px;}
.mt-minus-24px {margin-top: -24px;}
.mt-minus-25px {margin-top: -25px;}
.mt-minus-26px {margin-top: -26px;}
.mt-minus-27px {margin-top: -27px;}
.mt-minus-28px {margin-top: -28px;}
.mt-minus-29px {margin-top: -29px;}
.mt-minus-30px {margin-top: -30px;}
.mt-minus-31px {margin-top: -31px;}
.mt-minus-32px {margin-top: -32px;}
.mt-minus-33px {margin-top: -33px;}
.mt-minus-34px {margin-top: -34px;}
.mt-minus-35px {margin-top: -35px;}
.mt-minus-36px {margin-top: -36px;}
.mt-minus-37px {margin-top: -37px;}
.mt-minus-38px {margin-top: -38px;}
.mt-minus-39px {margin-top: -39px;}
.mt-minus-40px {margin-top: -40px;}
.mt-minus-41px {margin-top: -41px;}
.mt-minus-42px {margin-top: -42px;}
.mt-minus-43px {margin-top: -43px;}
.mt-minus-44px {margin-top: -44px;}
.mt-minus-45px {margin-top: -45px;}
.mt-minus-46px {margin-top: -46px;}
.mt-minus-47px {margin-top: -47px;}
.mt-minus-48px {margin-top: -48px;}
.mt-minus-49px {margin-top: -49px;}

.ms-minus-10px {margin-left: -10px;}
.ms-minus-15px {margin-left: -15px;}
.ms-minus-90px {margin-left: -90px;}
.pt-120px {margin-top: 120px !important;}



.h-100 {height: 100% !important;}
.h-95 {height: 95% !important;}
.h-90 {height: 90% !important;}
.h-80 {height: 80% !important;}
.h-70 {height: 70% !important;}
.h-60 {height: 60% !important;}
.h-50 {height: 50% !important;}
.h-40 {height: 40% !important;}
.h-30 {height: 30% !important;}
.h-20 {height: 20% !important;}
.h-10 {height: 10% !important;}

.w-18 {width: 18% !important;}
.w-19 {width: 19% !important;}
.w-20 {width: 20% !important;}
.w-21 {width: 21% !important;}
.w-22 {width: 22% !important;}
.w-23 {width: 23% !important;}
.w-24 {width: 24% !important;}
.w-25 {width: 25% !important;}
.w-26 {width: 26% !important;}
.w-27 {width: 27% !important;}
.w-28 {width: 28% !important;}
.w-29 {width: 29% !important;}
.w-30 {width: 30% !important;}

.w-45 {width: 45% !important;}
.w-80 {width: 80% !important;}



.left-0 {left: 0% !important;}
.left-5 {left: 5% !important;}
.left-30 {left: 30% !important;}
.left-35 {left: 35% !important;}
.left-50 {left: 50% !important;}
.sm-left-0 {left: 0% !important;}


.right-0 {right: 0% !important;}
.right-5 {right: 5% !important;}
.right-10 {right: 10% !important;}
.right-20 {right: 20% !important;}
.right-30 {right: 30% !important;}
.right-40 {right: 40% !important;}
.right-45 {right: 45% !important;}
.right-50 {right: 50% !important;}
.right-60 {right: 60% !important;}
.right-70 {right: 70% !important;}
.right-80 {right: 80% !important;}
.right-90 {right: 90% !important;}
.right-100 {right: 100% !important;}

.top-0 {top: 0% !important;}
.top-5 {top: 5% !important;}
.top-10 {top: 10% !important;}
.top-15 {top: 15% !important;}
.top-20 {top: 20% !important;}
.top-30 {top: 30% !important;}
.top-40 {top: 40% !important;}
.top-50 {top: 50% !important;}
.top-60 {top: 60% !important;}
.top-70 {top: 70% !important;}
.top-80 {top: 80% !important;}
.top-90 {top: 90% !important;}
.top-100 {top: 100% !important;}

.pe-12px {padding-right: 12px;}
.ps-12px {padding-left: 12px;}
.py-12px {padding-top: 12px; padding-bottom: 12px;}


.border-radius-pinned-left {border-radius: 0px 100px 100px 0px !important;}
.border-radius-40-pins {border-radius: 0px 40px 40px 0px !important;}
.border-radius-40-pine {border-radius: 40px 0px 0px 40px !important;}


.bgblur8 {
  filter: blur(8px); /* Blurs the image by 8 pixels */
}
.bgblur2 {
  filter: blur(2px); /* Blurs the image by 8 pixels */
}

.fading-blur-header {
    position: absolute;
    top: 0;
    /* Other styling like height, padding, etc. */
    height: 35%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 10; /* Ensure content is on top */
}

.fading-blur-header::before {
    content: "";
    position: absolute;
    inset: 0; /* Stretches the pseudo-element to cover the header */
    backdrop-filter: blur(12px); /* The main blur effect */
    z-index: -1; /* Place the pseudo-element behind the header content */
    /* The fading effect: opaque at the top, transparent at the bottom */
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    /* Add vendor prefixes for wider compatibility if needed: -webkit-mask-image */
}



i.iconari {width: auto; aspect-ratio: 1 / 1; vertical-align: middle; background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}
.iconari.anchor-blk-sld-ico {background-image: url(../img/icons/anchor-blk-sld-ico.png);}
.iconari.ready-blk-sld-ico {background-image: url(../img/icons/ready-blk-sld-ico.png);}
.iconari.switch-blk-sld-ico {background-image: url(../img/icons/switch-blk-sld-ico.png);}
.iconari.safecert-blk-sld-ico {background-image: url(../img/icons/safecert-blk-sld-ico.png);}

.iconari.grounded-wht-trns-ico {background-image: url(../img/icons/grounded-wht-trns-ico.png);}
.iconari.ready-wht-trns-ico {background-image: url(../img/icons/ready-wht-trns-ico.png);}
.iconari.switch-wht-trns-ico {background-image: url(../img/icons/switch-wht-trns-ico.png);}
.iconari.safecert-wht-trns-ico {background-image: url(../img/icons/safecert-wht-trns-ico.png);}

.iconari.anchor-wht-trns-ico {background-image: url(../img/icons/anchor-wht-trns-ico.png);}
.iconari.role-wht-trns-ico {background-image: url(../img/icons/role-wht-trns-ico.png);}
.iconari.aware-wht-trns-ico {background-image: url(../img/icons/aware-wht-trns-ico.png);}
.iconari.certified-wht-trns-ico {background-image: url(../img/icons/certified-wht-trns-ico.png);}

.iconari.ico-audit {background-image: url(../img/icons/ico-audit.png);}
.iconari.ico-compliance {background-image: url(../img/icons/ico-compliance.png);}
.iconari.ico-context {background-image: url(../img/icons/ico-context.png);}
.iconari.ico-data {background-image: url(../img/icons/ico-data.png);}
.iconari.ico-drift {background-image: url(../img/icons/ico-drift.png);}
.iconari.ico-explain {background-image: url(../img/icons/ico-explain.png);}
.iconari.ico-fast {background-image: url(../img/icons/ico-fast.png);}
.iconari.ico-verify {background-image: url(../img/icons/ico-verify.png);}
.iconari.ico-workflow {background-image: url(../img/icons/ico-workflow.png);}

.iconari.ai-gen-wht-ico {background-image: url(../img/icons/ai-gen-wht-ico.png);}
.iconari.ai-gen-blk-ico {background-image: url(../img/icons/ai-gen-blk-ico.png); opacity: 0.7;}

.iconari.ico-abstraction-dark {background-image: url(../img/icons/ico-abstraction-dark.png);}
.iconari.ico-orchestration-dark {background-image: url(../img/icons/ico-orchestration-dark.png);}
.iconari.ico-multicloud-dark {background-image: url(../img/icons/ico-multicloud-dark.png);}

.iconari.notenic-logo-embl-sold-blck-ico {background-image: url(../img/icons/notenic-ai-logo-linkedin.png);}
.iconari.notenic-logo-embl-outl-gray-ico {background-image: url(../img/brand/notenic-ai-embl-outl-gray.png);}
.iconari.notenic-logo-embl-sold-whte-ico {background-image: url(../img/brand/notenic-ai-embl-outl-fill.png);}
.iconari.notenic-logo-embl-outl-stmp-ico {background-image: url(../img/brand/notenic-ai-embl-outl-stmp.png);}
.iconari.notenic-logo-stck-outl-stmp-ico {background-image: url(../img/brand/notenic-ai-logo-outl-stmp.png);}
.iconari.notenic-logo-stck-drkoutl-stmp-ico {background-image: url(../img/brand/notenic-ai-logo-drkoutl-stmp.png);}

.border-color-transparent-lghtfade {border-color: rgba(255,255,255,0.1) !important;}
.border-color-transparent-darkfade {border-color: rgba(23,23,23,0.1) !important;}

.divider-style-01 .divider-border:after, .divider-style-01 .divider-border:before {
    flex: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    content: "";
    height: 10px;
    margin-top: 7px;
    border-top: 1px solid #E4E4E4;
}

.divider-style-01 .divider-border:after, .divider-style-01 .divider-border:before {
    flex: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    content: "";
    height: 10px;
    margin-top: 7px;
    border-top: 1px solid inherit;
}


.fancy-text-box-style-01 {
    border-bottom: 0px solid;
    border-right: 1px solid rgba(255,255,255,0.1);
    overflow: hidden;
    background-position: center right; 
    background-size: 100% auto; 
    background-repeat: no-repeat;
}

.fancy-text-box-style-01 .text-box-wrapper .text-box, .fancy-text-box-style-01 .text-box-wrapper .text-box-hover {
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.fancy-text-box-style-01 .text-box-wrapper:hover .text-box {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.fancy-text-box-style-01 .text-box-wrapper:hover .text-box-hover {
  opacity: 1;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.vertical-counter:after {
    content: attr(data-text);
    display: inline-block;
    margin-left: 3px;
    word-break: normal;
}

.bg-sliding-line-dark-gray {
    background-image: linear-gradient(135deg, transparent 45%, #464646 45%, #464646 55%, transparent 0);
    background-size: 5px 5px;
}

.wh-ratio-eq {aspect-ratio: 1 / 1;}
.bg-very-light-gray {
    background-color: #f7f7f7;
}

.bg-gradient-btt-lght-trns {
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.00));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.00));
}
.bg-gradient-ttb-lght-trns {
    background: -webkit-linear-gradient(to bottom, #f7f7f7, rgba(0, 0, 0, 0.00));
    background: linear-gradient(to bottom, #f7f7f7, rgba(0, 0, 0, 0.00));
}
.bg-gradient-ttb-blcktrns-trns {
    background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.20), rgba(0, 0, 0, 0.00));
    background: linear-gradient(to bottom, rgba(0,0,0,0.20), rgba(0, 0, 0, 0.00));
}

.bg-gradient-hlf-lght-whte {
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.0) 50%, #ffffff 50%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.0) 50%, #ffffff 50%);
}

.bg-leader-lght {
    background: -webkit-linear-gradient(149deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.00) 70%);
    background: linear-gradient(149deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.00) 70%);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px; padding-bottom: 10px;
    color: rgba(255,255,255,0.20) !important;
}

.bg-leader-dark {
    background: -webkit-linear-gradient(149deg, rgba(55,55,55,0.10) 0%, rgba(55,55,55,0.05) 20%, rgba(55,55,55,0.00) 70%);
    background: linear-gradient(149deg, rgba(55,55,55,0.10) 0%, rgba(55,55,55,0.05) 20%, rgba(55,55,55,0.00) 70%);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px; padding-bottom: 10px;
    color: rgba(55,55,55,0.20) !important;
}
/* INI: FORM CONTROLS */
slot#select-button {margin-right: -10px;}
.btn-deep-orange-grad {background: linear-gradient(90deg,rgba(253, 100, 29, 1) 0%, rgba(255, 149, 0, 1) 100%);}
.btn-deep-orange-grad:hover {color: #ffffff;}
/* END: FORM CONTROLS */
.bg-deep-orange-grad {background: linear-gradient(90deg,rgba(253, 100, 29, 1) 0%, rgba(255, 149, 0, 1) 100%);}


.bg-blur-box-light {
  background-color: rgba(255, 255, 255, 0.15); /* Semi-transparent background */
  backdrop-filter: blur(10px); /* Frosted glass effect */
  border: 1px solid rgba(255, 255, 255, 0.2); /* Thin, light border */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.background-size-100-auto {background-size:100% auto !important;}

.bg-trns-blck {background-color: rgba(0,0,0,0.80) !important;}
.bg-trns-blck-5 {background-color: rgba(0,0,0,0.30) !important;}

i.notenic-icon.linkedin {
    display: inline-block;
    aspect-ratio: 1 / 1;
    vertical-align: middle;
    background-image: url(../images/theme/icons/notenic-ai-logo-linkedin.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;}

.hover-opa:hover {opacity: 0.70;}
.hover-bg-white-opa-inverse:hover {background: rgba(0,0,0,0.30) !important;}


.last-paragraph-no-margin {margin-bottom: 0px !important;}



sup.lglceil {font-size: 0.12em; vertical-align: super; line-height: 0; position: relative; top: -2.5em;}
sup.nbrceil {font-size: 0.50em; vertical-align: super; line-height: 0; position: relative; top: 0.7em; padding-left: 2px;}

.arigleam {overflow: hidden; position: relative}
.arigleam::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%; /* Start position of the gleam */
  width: 30%;
  height: 100%;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.3) 80%, transparent 100%);
  transform: skewX(-30deg); /* Angle the gleam */
  animation: gleam 10s infinite; /* Apply the animation */
}
@keyframes gleam {
  0% {
    left: -75%;
  }
  95% {
    left: -75%;
  }
  100% {
    left: 125%; /* End position of the gleam */
  }
}

.bg-bronzefade {background-image: linear-gradient( 175.9deg,  rgba(185,168,144,1) 15%, rgba(85,76,74,1) 87.6% ); border: 0}
.bg-goldfade {background-image: linear-gradient(to left bottom, #666162, #625d5d, #5d5959, #595655, #545251, #555353, #565554, #575656, #5e5d5d, #646464, #6b6b6b, #727272);}
.aribox-shadow-large {box-shadow: 0px 0px 40px rgba(0,0,0,0.5);}
.footer-connect {background-color: #191817; box-shadow: 0px -8px 20px rgba(0,0,0,0.7);}
.address-connect {background-color: #191817; box-shadow: 0px -8px 20px rgba(0,0,0,0.7); background-image: url(../img/cover/address-locations.png); background-position: 5% center; background-size: auto 90%; background-repeat: no-repeat;}

@keyframes rhythmicBeat {
  0% { transform: scale(0.8); } /* Start slightly scaled down */
  58% { transform: scale(1.12); } /* End at baseline, ready for loop */
  76% { transform: scale(0.9); } /* Stronger second beat */
  78% { transform: scale(1.12); } /* End at baseline, ready for loop */
  100% { transform: scale(1.1); } /* End at baseline, ready for loop */
}

.beat-element {
  filter: blur(25px);
  box-shadow: 0px 0px 80px rgba(0,0,0,0.5);
  width: 50%;
  left: 25%;
  height: 400px;
  top: 17%;
	z-index: 1;  
  background-color: #ff6600;
  border-radius: 20px; /* Makes it a circle */
  /* Animation properties: name | duration | timing-function | iteration-count */
  animation: rhythmicBeat 8.5s linear infinite;
}

.beat-icon-element {
  filter: blur(15px);
  box-shadow: 0px 0px 25px rgba(255,255,255,0.5);
  width: 10%;
  left: 45%;
  height: 10%;
  top: 5%;
	z-index: 1;  
  background-color: #ffffff;
  border-radius: 20px; /* Makes it a circle */
  /* Animation properties: name | duration | timing-function | iteration-count */
  animation: rhythmicBeat 3.5s linear infinite;
}


.buttonglow {background-color: #232323; color: #ffffff;}
.buttonglow:hover {background-color: #ffffff; color: #232323 !important;}
.buttonglow::before {
    content: '';
    background: linear-gradient(45deg, #FC466B 0%, #3F5EFB 40%, #FC466B 60%, #3F5EFB 90%, #FC466B 100%);
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: 400%;
    z-index: -1;
    filter: blur(3px);
    width: calc(100%);
    height: calc(100%);
    animation: glowing 28s linear infinite;
    border-radius: 40px;
}

.radialglow {
    background: linear-gradient(45deg, #fc00e4 30%, #0068ff 60%, #fc00e4 60%, #0068ff 40%, #fc00e4 100%, #0068ff 90%, #fc00e4 30%, #0068ff 60%);
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: 400%;
    filter: blur(53px);
    width: calc(100%);
    height: calc(100%);
    animation: glowing 18s linear infinite;
    border-radius: 200px;
}


@keyframes glowing {
    0% { background-position: 100% 0; height: 100%; opacity: 1; rotate(60deg)}
    33% {height: 98%; opacity: 1; scale(0.4); rotate(60deg)}
    50% { background-position: 400% 0; height: 100%; opacity: 0.6; rotate(20deg)}
    85% {height: 98%; opacity: 1; scale(0.8);rotate(-20deg);}
    100% { background-position: 0 100%; height: 100%; opacity: 1; rotate(40deg)}
}

.box-hyperframe .performance-fact-content:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    background: #fcfbfa;
    transition: 0.2s ease-in-out;
}

.right-0 {right: 0px !important;}
.bottom-10 {top: 70% !important;}

/* INI: VERY IMPORTANT */
@keyframes spin {
  from {transform: rotateY(0deg);}
  to {transform: rotateY(360deg);}
}

@keyframes opague {
  0% {opacity: 0.00;}
  10% {opacity: 1.00;}
  30% {opacity: 0.00;}
  100% {opacity: 0.00;}
}

@keyframes renew {
  0% {opacity: 1.00;}
  15% {opacity: 0.00;}
  35% {opacity: 1.00;}
  100% {opacity: 1.00;}
}

@keyframes zoominout {
  0% {
    transform: scale(1), rotate(0deg);
  }
  50% {
    transform: scale(1.2); /* Zooms in */
  }
  100% {
    transform: scale(1), rotate(360deg);
  }
}
.arimation-spin-zoominout {
    -webkit-animation-name: spin, zoominout;
    -webkit-animation-duration: 26s, 6s;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-timing-function: linear, ease-in-out;
}

.arimation-spin-slowonly {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

.arimation-fadr-slowonly {
    -webkit-animation-name: renew;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

/* END: VERY IMPORTANT */

.feather-shadow {
    mask-image: linear-gradient(to right, transparent 0%, #232323 30%, #232323 70%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #141312 30%, #141312 70%, transparent 100%);
}
.feather-light-vh {
    mask-image: linear-gradient(to bottom, transparent 0%, #f9f8f7 20%, #f9f8f7 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #f9f8f7 20%, #f9f8f7 80%, transparent 100%);
}

.feather-light-hw {
    mask-image: linear-gradient(to right, transparent 0%, #f9f8f7 5%, #f9f8f7 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #f9f8f7 5%, #f9f8f7 95%, transparent 100%);
}

.performance-fact-content {padding: 20px; border: 1px solid #efefef; border-radius: 20px;}

/* GLOW OUTLINE EFFECT BELOW HERE*/

.feather-sharidow {
    mask-image: linear-gradient(to right, transparent 0%, #141312 20%, #141312 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #141312 30%, #141312 70%, transparent 100%);
}

.swiper-slide-prev.farider, .swiper-slide-prev.farider .card {
  filter: blur(12px); /* Blurs the image by 8 pixels */
  background: linear-gradient(to left, rgba(155, 155, 155, 0.9) 0%, #141312 60%);
  transform: scale(0.9);
  opacity: 1.0;
  border-radius: 10px 70px;
}

.swiper-slide-next.farider, .swiper-slide-next.farider .card {
  filter: blur(12px); /* Blurs the image by 8 pixels */
  background: linear-gradient(to right, rgba(155, 155, 155, 0.9) 0%, #141312 60%);
  transform: scale(0.9);
  opacity: 1.0;
  border-radius: 10px 70px;
}


.bg-gradient-gray {background: radial-gradient(circle at 50% 0%, #454443, #141312);}


.swiper-slide-active.farider {
  padding: 1px;
  border-radius: 10px 70px;
  background: radial-gradient(circle at 50% 0%, #454443, #141312);
}
.farider .card {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-size: 20px 20px;
  background: radial-gradient(circle 280px at 0% 0%, #e9e8e7, #e9e8e7);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.stack-card .stack-item {top: 200px !important;}

@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}






/* INI: PRODUCT PAGE */
.orbit {
	width: 300px;
	height: 300px;
	border-radius: 100%;
	background: linear-gradient(165deg, rgba(255,255,255,1) 0%, rgb(220, 220, 220) 40%, rgb(170, 170, 170) 98%, rgb(10, 10, 10) 100%);
	position: relative;
	margin: 0 auto;
}
.loader {
	
}

.loader:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border-bottom: 0 solid #ffffff05;
	
	box-shadow: 
		0 -10px 20px 20px #ffffff40 inset,
		0 -5px 15px 10px #ffffff50 inset,
		0 -2px 5px #ffffff80 inset,
		0 -3px 2px #ffffffBB inset,
		0 2px 0px #ffffff,
		0 2px 3px #ffffff,
		0 5px 5px #ffffff90,
		0 10px 15px #ffffff60,
		0 10px 20px 20px #ffffff40;
	filter: blur(3px);
	animation: 2s rotate linear infinite;
}

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


.base {
  width: 300px;
  height: 300px;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.circ {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 10px solid #f9f8f7;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.base .circ:nth-child(1) {
  transform: translate(75px, 0);
}
.base .circ:nth-child(2) {
  transform: translate(0, 75px);
}
.base .circ:nth-child(3) {
  transform: translate(-75px, 0);
}
.base .circ:nth-child(4) {
  transform: translate(0, -75px);
}
.base .circ:nth-child(5) {
  transform: translate(53.0325px, 53.0325px);
}
.base .circ:nth-child(6) {
  transform: translate(53.0325px, -53.0325px);
}
.base .circ:nth-child(7) {
  transform: translate(-53.0325px, 53.0325px);
}
.base .circ:nth-child(8) {
  transform: translate(-53.0325px, -53.0325px);
}


/* END: PRODUCT PAGE */
/* INI: FORM ELEMENTS */

.select:after {
    content: "\e842";
    font-family: feather !important;
    right: 0px;
    top: 50%;
    height: 34px;
    position: absolute;
    pointer-events: none;
    font-size: 24px;
    margin-top: -15px;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem);
  	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path d='M1 4 L3 6 L7 1' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /></svg>");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}


/* END: FORM ELEMENTS */

.tab-style-03 .nav-link {padding: 16px 20px 20px 20px; border-radius: 8px 8px 0px 0px;}
.tab-style-03 .nav-link.active {background-color: #232323; border-color: #161616; color: #f9f8f7;}
.tab-style-03 .nav-link.active:hover {color: inherit !important;}
.tab-style-03 .nav-link:hover {color: #232323 !important;}
.border-radius-40px {border-radius: 40px 40px 40px 40px !important;}


.nav-link.text-white:hover {color: #454545 !important;}
.nav-link.text-white.active {color: #232323 !important;}
header.sticky.sticky-active .navbar-toggler[aria-expanded=false] .navbar-toggler-line {background-color: #ffffff !important;}
header.sticky.sticky-active .navbar-toggler[aria-expanded=true] .navbar-toggler-line {background-color: #ffffff !important;}
header .navbar-toggler[aria-expanded=false] .navbar-toggler-line {background-color: #ffffff !important;}
header .navbar-toggler[aria-expanded=true] .navbar-toggler-line {background-color: #ffffff !important;}

@media (max-width: 991px) {
.navbar-expand-lg: background-color: #232323;

}