/*
Theme Name: ccarmignani
Theme URI: ccarmignani.it
Description: Tema minimale, che segue le ultime tendenze del web design
Version: 1.0
Author: Alessio Piazzini 
*/

@charset "UTF-8";
/* CSS Document */



:root {
  --primary-color:#0A2E54;  
  --secondary-color: #153F69;   
  --tertiary-color:#7FA2C1;  
  --quaternary-color: #071F38;  
  --quinary-color:#06080c;  
  --nonary-color: ;
  --black-color: ;
  --primary-gradient:  ;
  --secondary-gradient:  ;
  --primary-font: "Inter", sans-serif;
  --secondary-font:  "Manrope", sans-serif;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height: 1.3;}

body{font-size: 16px; font-family:var(--primary-font);font-weight:400;color:#334155;line-height:1.8;}

a{color:var(--tertiary-color); text-decoration: none;}
a:link{color:var(--tertiary-color); text-decoration: none;}
a:visited{color:var(--tertiary-color); text-decoration: none;}
a:hover{color:var(--tertiary-color); text-decoration: none;}
a:active{color:var(--tertiary-color); text-decoration: none;}

/* gradient */
.gradient-circle{background: radial-gradient( circle at top left,rgba(0,166,255,0.10),transparent 35% ),radial-gradient(circle at bottom right,rgba(182,0,255,0.10), transparent 35% ), #020617;}
.gradient-blue{background: linear-gradient( 135deg, rgba(11,31,60,0.85), rgba(31,79,163,0.85) );}
.gradient-text {display: inline-block;background: linear-gradient( 90deg,#4facfe 0%, #6c63ff 50%, #b16cea 100%);background-size: 200% auto;background-position: 0% center; -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;animation: gradientMove 4s linear infinite;}
@keyframes gradientMove {  0% { background-position: 0% center;  } 100% { background-position: 200% center;}}

/* bg */
.bg-primary{background-color: var(--primary-color) !important;}
.bg-secondary{background-color: var(--secondary-color) !important;}
.bg-senary{background-color: var(--senary-color);}
.bg-quaternary{background-color: var(--quaternary-color);}
.bg-quinary{background-color: var(--quinary-color);}
.bg-septenary{background-color: var(--septenary-color);}  
.bg-tertiary{background-color: var(--tertiary-color);}  
.bg-octonary{background-color: var(--octonary-color);} 

/* Color */
.color-primary{color: var(--primary-color);}
.color-secondary{color: var(--secondary-color);}
.color-quaternary{color: var(--quaternary-color);}
.color-tertiary{color: var(--tertiary-color);}
.color-quinary{color: var(--quinary-color);}

/* font */
.primary-font{font-family: var(--primary-font);}
.secondary-font{font-family: var(--secondary-font);}

/* bold */
.fw-800{font-weight: 800;}
.fw-700{font-weight: 700;}
.fw-600{font-weight: 600;}

/* title */
.fs-120 {font-size: 120px;}
.fs-60 {font-size: 60px;}
.fs-52 {font-size: 52px;}
.fs-20 {font-size: 20px;}
.fs-18 {font-size: 18px;}
.fs-16 {font-size: 16px;}
.fs-15 {font-size: 15px;}
.fs-14 {font-size: 14px;}
.fs-13 {font-size: 13px;}
.fs-12 {font-size: 12px;}
.fs-11 {font-size: 11px;}
.fs-10 {font-size: 10px;}
.fs-9 {font-size: 9px;}

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-16px {width: calc(33% - 16px);}
.w67-16px {width: calc(67% - 16px);}

/* Height */
.height-vh-85{height: 85vh;}
.height-vh-90{height: 90vh;}
.height-vh-95{height: 95vh;}

/* Margin */
.mt-6 {margin-top: 5rem; }
.mb-6 {margin-bottom: 5rem; }

/* Gap */
.gap-6 {gap: 6rem;}

/* Flex */
.flex-1 {flex: 1;}

.height-vh-75{height: 75vh;}

/* Padding */
.py-6{padding-top:5rem;padding-bottom:5rem;}
.px-6{padding-left:5rem;padding-right:5rem;}
.pt-6{padding-top:5rem;}
.pb-6{padding-bottom:5rem;}
.pe-6{padding-right:5rem;}
.ps-6{padding-left:5rem;}
.pt-7{padding-top:6rem;}
.py-7{padding-top:6rem;padding-bottom:6rem;}
.py-8{padding-top:7rem;padding-bottom:7rem;}


/* Flex */
.flex-1 {flex: 1;}

/* Z-INDEX */
.z-index-1{z-index: -1;top:0; left: 0; right:0;bottom: 0; }

/* BG COVER */
.background-cover-center {background-size: cover; background-position: center; }

/* BG PARALLAX */
.parallax{background-attachment: fixed;}

/* MOVE ELEMENTS */
.reveal{opacity:0;transform:translateY(40px);transition:all .8s ease;}
.reveal.show{opacity:1;transform:translateY(0);}
.reveal-logo{transition-delay:0.1s;}
.reveal-title{transition-delay:0.3s;}
.reveal-text{transition-delay:0.6s;}
.reveal-btn{transition-delay:0.8s;}

/* BTN PRIMARY PREMIUM */
a.btn-primary, a.btn-primary:link{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;color:#fff;text-decoration:none;font-weight:600;letter-spacing:.3px;border:none;border-radius:12px;background:linear-gradient(135deg,#0A2E54 0%,#153F69 100%);position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,background .35s ease;}
a.btn-primary::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-25deg);transition:left .8s ease;}
a.btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,46,84,.35),0 0 20px rgba(127,162,193,.15);}
a.btn-primary:hover::before{left:140%;}
.btn-primary .arrow{transition:transform .3s ease;}
.btn-primary:hover .arrow{transform:translateX(6px);}

/* BTN OUTLINE PREMIUM */
a.btn-outline-light, a.btn-outline-light:link{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;color:#fff;text-decoration:none;font-weight:600;letter-spacing:.3px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(127,162,193,.35);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
a.btn-outline-light:hover{color:#fff;transform:translateY(-3px);border-color:#7FA2C1;box-shadow:0 10px 25px rgba(10,46,84,.20),0 0 15px rgba(127,162,193,.12);}
a.btn-outline-light::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(127,162,193,.08),transparent);opacity:0;transition:opacity .35s ease;}
a.btn-outline-light:hover::before{opacity:1;}
.btn-outline-light .arrow{transition:transform .3s ease;}
.btn-outline-light:hover .arrow{transform:translateX(6px);}

/* EYEBROW */
.eyebrow{color:#618aaa;background:rgba(127,162,193,.08);border:1px solid rgba(127,162,193,.25);box-shadow:inset 0 0 12px rgba(127,162,193,.08),0 0 18px rgba(10,46,84,.08);padding:3px 10px;border-radius:30px;letter-spacing:1px; backdrop-filter:blur(10px); transition:all .35s ease;}


@keyframes fadeIn{
from{opacity:0;transform:translateX(15px);}
to{opacity:1;transform:translateX(0);}
}

@media(max-width:768px){
.whatsapp-widget{right:20px;bottom:20px;}
}

/* NAVBAR */
.scroll-progress{position:absolute;top:0;left:0;height:5px;width:0%;background:linear-gradient(90deg,#0A2E54 0%,#153F69 50%,#7FA2C1 100%);transition:width .1s linear;z-index:1000;}
.navbar-nav{gap:25px;}
.navbar,.main-navbar{background:transparent!important;backdrop-filter:none;box-shadow:none;}
.navbar .nav-link{color:white;}
.navbar .nav-link{position:relative;color:rgba(255,255,255,.82);transition:color .35s ease,text-shadow .35s ease;}
.navbar .nav-link:hover{color:#7fe6ff;}
.navbar .nav-link::after{content:'';position:absolute;left:50%;bottom:4px;width:0;height:1px;background:linear-gradient(90deg, transparent 0%,rgba(31,212,226,.9) 50%,transparent 100%);box-shadow:0 0 8px rgba(31,212,226,.35);transform:translateX(-50%);transition:width .45s cubic-bezier(.16,1,.3,1),opacity .3s ease;opacity:0;}
.navbar .nav-link:hover::after{width:100%;opacity:1;}
.brand-text{display:flex;flex-direction:column; line-height:1.2;}
.name{letter-spacing: 0.3px;}

/* NAVBAR SCROLL EFFECT */
.main-navbar.scrolled{backdrop-filter:blur(10px); background-color:rgba(11,19,36,0.8) !important; box-shadow:0 4px 20px rgba(0,0,0,0.08);}

/* HERO home */
.hero-line{position:relative;width:100%;height:1px;margin:30px 0;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.25) 20%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.25) 80%,rgba(255,255,255,.05) 100%);box-shadow:0 0 8px rgba(255,255,255,.10),0 0 20px rgba(255,255,255,.05);transform:scaleX(0);transform-origin:left center;animation:lineReveal 1.4s ease-out .4s forwards;}
.hero-line::after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:lineShine 5s ease-in-out 2s infinite;}
@keyframes lineReveal{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes lineShine{0%{left:-30%;}100%{left:130%;}}

/* PUNTI DI FORZA */

@media (min-width:992px){

    .punti-forza .pf-item{
        flex:1;
        padding:0 2rem;
    }

    .punti-forza .pf-item + .pf-item{
        border-left:1px solid rgba(255,255,255,.55);
    }

    .punti-forza .pf-item:first-child{
    padding-left:0;
}

.punti-forza .pf-item:last-child{
    padding-right:0;
}

}


/* FEATURE BOX */
.hero-features{position:relative;z-index:2;margin-top:-80px;background:linear-gradient(to bottom,#06090f30 0%,#07070d 40%,#06080d 100%);}
.feature-box-wrapper{background: radial-gradient(circle at top left,rgba(0,140,255,.01) 0%,rgba(0,0,0,0) 35%),radial-gradient(circle at bottom center,rgba(0,180,255,.05) 0%,rgba(0,0,0,0) 45%),linear-gradient(135deg,rgba(7,17,31,.72) 0%,rgba(5,18,37,.62) 35%,rgba(2,4,13,.55) 70%,rgba(5,8,20,.68) 100%);background-size: auto, auto, auto;border: 1px solid rgba(90,140,255,.12);border-radius: 35px;box-shadow: inset 0 0 80px rgba(0,140,255,.03),inset 0 0 120px rgba(0,180,255,.02),0 0 40px rgba(0,0,0,.65);backdrop-filter: blur(16px);}
.feature-box-wrapper::before {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -12px;width: 80%;height: 28px;background: linear-gradient(90deg,rgba(0,140,255,0) 0%,rgba(0,140,255,.45) 25%,rgba(123,63,255,.55) 50%,rgba(176,38,255,.45) 75%,rgba(176,38,255,0) 100%);filter: blur(18px);opacity: .55;border-radius: 100px; pointer-events: none;}
.feature-box-wrapper::after { content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 100%;height: 1px;background: linear-gradient(90deg,transparent 0%,rgba(30,144,255,.7) 25%,rgba(176,38,255,.7) 50%,rgba(30,144,255,.7) 75%,transparent 100%);opacity: .7; box-shadow: 0 0 6px rgba(30,144,255,.35),0 0 12px rgba(176,38,255,.25);pointer-events: none;}
.feature-box{position:relative;gap:20px;}
.feature-box-last{border-right:none;}
.feature-icon svg{width:56px;height:56px;}
.feature-box::after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:70%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.08) 80%,transparent 100%);}
.feature-box-last::after{display:none;}

@media(max-width:991px){
.feature-box{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}
.feature-box-last{border-bottom:none;}
}

@media(max-width:767px){
.feature-box{padding:32px 24px;}
.feature-title{font-size:22px;}
.feature-text{font-size:16px;}

}

/* PRESENTATION */
.process-line{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 15%,rgba(255,255,255,.08) 85%,transparent 100%);}
.process-steps-wrapper{position:relative;}
.process-connector{position:absolute;top:105px;left:8%;width:84%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(120,130,255,.25) 15%,rgba(120,130,255,.55) 50%,rgba(120,130,255,.25) 85%,transparent 100%);overflow:hidden;z-index:0;}
.process-connector::after{content:'';position:absolute;top:50%;left:-120px;transform:translateY(-50%);width:120px;height:12px;background:radial-gradient(circle,rgba(120,130,255,.9) 0%,rgba(120,130,255,.25) 45%,transparent 75%);filter:blur(6px);animation:connectorFlow 6s linear infinite;}
@keyframes connectorFlow{0%{left:-120px;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{left:100%;opacity:0;}}
.process-item{position:relative;z-index:2;}
.process-icon{margin-bottom:30px;}
.process-icon img{object-fit:contain;}
.process-number{position:relative;z-index:3;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f8cff 0%,#8b5cf6 100%);box-shadow:0 0 12px rgba(99,102,241,.25),0 0 24px rgba(99,102,241,.12);animation:numberGlow 3.5s ease-in-out infinite;}
.process-number::before{content:'';position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.35) 0%,rgba(99,102,241,.12) 45%,transparent 75%);z-index:-1;animation:numberPulse 3.5s ease-in-out infinite;}
@keyframes numberGlow{0%{transform:scale(1);box-shadow:0 0 12px rgba(99,102,241,.18),0 0 22px rgba(99,102,241,.08);}50%{transform:scale(1.06);box-shadow:0 0 18px rgba(99,102,241,.35),0 0 38px rgba(99,102,241,.18);}100%{transform:scale(1);box-shadow:0 0 12px rgba(99,102,241,.18),0 0 22px rgba(99,102,241,.08);}}
@keyframes numberPulse{0%{opacity:.35;transform:scale(.9);}50%{opacity:.65;transform:scale(1.08);}100%{opacity:.35;transform:scale(.9);}}

@media(max-width:991px){
.process-box{padding:35px;margin-top:50px;}
.process-connector{display:none;}
}

@media(max-width:767px){
.process-box{padding:28px;}
.process-header{font-size:24px;}
.process-title{font-size:22px;}
}

/* swiper */
.swiper-gallery {width: 100%;}
.swiper-gallery .swiper-slide {overflow: hidden;aspect-ratio: 3 / 4;position: relative;}
.swiper-gallery img {width: 100%;height: 100%;object-fit: cover;display: block; background-position: top;}
.swiper-button-next, .swiper-button-prev {color: #fff !important;}
.slide-content{backdrop-filter: blur(10px);background-color: rgba(11,19,36,0.8) !important;position: absolute;left: 0;right: 0; bottom: 0;}
.slide-subject{padding:3px 10px;border-radius:30px;letter-spacing:1px;backdrop-filter:blur(10px);transition:all .35s ease;}
.slide-subject-blue{ color:#4FACFE;background:rgba(79,172,254,.08);border:1px solid rgba(79,172,254,.22);box-shadow: inset 0 0 12px rgba(79,172,254,.08), 0 0 18px rgba(79,172,254,.08);}
.slide-subject-purple{color:#B16CEA;background:rgba(177,108,234,.08);border:1px solid rgba(177,108,234,.22); box-shadow:inset 0 0 12px rgba(177,108,234,.08),0 0 18px rgba(177,108,234,.08);}
.slide-content .arrow{ display:inline-block;transition:transform .3s ease;}
.slide-content a:hover .arrow{transform:translateX(5px);}
.swiper-slide{position:relative;border:1px solid transparent;border-radius:24px;overflow:hidden;background-image:linear-gradient(rgba(7,10,20,.96),rgba(7,10,20,.96)),linear-gradient(135deg,rgba(79,172,254,.9) 0%,rgba(108,99,255,.9) 45%,rgba(177,108,234,.9) 100%);background-origin:border-box;background-clip:padding-box,border-box;transition:transform .4s ease,box-shadow .4s ease;}
.swiper-slide:hover{transform:translateY(-6px);box-shadow:0 0 25px rgba(79,172,254,.12),0 0 45px rgba(177,108,234,.10);}
.swiper-slide::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 30%);pointer-events:none;z-index:1;}

/* PUBBLICO/PANEL */
.panel-box{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(0,140,255,.01) 0%,rgba(0,0,0,0) 35%),radial-gradient(circle at bottom center,rgba(0,180,255,.05) 0%,rgba(0,0,0,0) 45%),linear-gradient(135deg,rgba(7,17,31,.72) 0%,rgba(5,18,37,.62) 35%,rgba(2,4,13,.55) 70%,rgba(5,8,20,.68) 100%);border:1px solid rgba(90,140,255,.12);border-radius:35px;box-shadow:inset 0 0 80px rgba(0,140,255,.03),inset 0 0 120px rgba(0,180,255,.02),0 0 40px rgba(0,0,0,.65);backdrop-filter:blur(16px);padding:80px;background-size:140% 140%;animation:panelBgMove 14s ease-in-out infinite;}
.panel-box::before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;width:80%;height:28px;background:linear-gradient(90deg,rgba(0,140,255,0) 0%,rgba(0,140,255,.45) 25%,rgba(123,63,255,.55) 50%,rgba(176,38,255,.45) 75%,rgba(176,38,255,0) 100%);filter:blur(18px);opacity:.55;border-radius:100px;pointer-events:none;}
.panel-box::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(30,144,255,.7) 25%,rgba(176,38,255,.7) 50%,rgba(30,144,255,.7) 75%,transparent 100%);opacity:.7;box-shadow:0 0 6px rgba(30,144,255,.35),0 0 12px rgba(176,38,255,.25);pointer-events:none;}
@keyframes panelBgMove{0%{background-position:0% 0%,100% 100%,50% 50%;}50%{background-position:10% 15%,90% 85%,50% 50%;}100%{background-position:0% 0%,100% 100%,50% 50%;}}
.panel-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28;mix-blend-mode:screen;filter:saturate(1.1) blur(.5px);transform:scale(1.05);z-index:0;pointer-events:none;}

.panel-contact {
    border: 1px solid rgb(17 56 96);
    background: radial-gradient(circle at top left, rgba(0, 140, 255, .01) 0%, rgba(0, 0, 0, 0) 35%), radial-gradient(circle at bottom center, rgba(0, 180, 255, .05) 0%, rgba(0, 0, 0, 0) 45%), linear-gradient(135deg, rgba(7, 17, 31, .72) 0%, rgba(5, 18, 37, .62) 35%, rgba(2, 4, 13, .55) 70%, rgba(5, 8, 20, .68) 100%);
    background-size: auto, auto, auto;
    background-size: auto, auto, auto;
}

.panel-contact img.map{width: 100%;height: 100%;object-fit: cover;}

/* contenuto sopra */
.panel-box > *:not(.panel-bg){position:relative; z-index:2;}

/* VIDEO AI */
.video-ai .object-fit-cover{ object-fit: cover;}
.video-ai .letter-spacing{letter-spacing: 2px;}

/* REVIEW */
.review {position: relative;z-index: 2;margin-top: -80px;background: linear-gradient(to bottom,#0000 0%,#05070c 52%,#04060b 100%);}

/* STEP NUMBER */
.step-number{font-weight: 800;line-height: 1;color: transparent;-webkit-text-stroke: 1px rgba(111,130,255,.35);opacity: .35;pointer-events: none;position: absolute;top: -100px;left: -150px;transform: translateY(-50%);font-size: 380px;line-height: 0.8;}

/* metodo */
.metodo .container{position: relative;z-index: 2;}
.florence-image{position:absolute;top:0;right:0;bottom:0;width:50vw;display:flex;pointer-events:none;z-index:1;overflow:hidden;}
.florence-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070c 0%,transparent 100%);z-index:2;}
.florence-image img {width: 100%;max-width: 900px;height: auto;object-fit: cover;}

/* GRID BOX */
.grid-box .single-box{border: 1px solid rgb(17 56 96);background: radial-gradient(circle at top left,rgba(0,140,255,.01) 0%,rgba(0,0,0,0) 35%),radial-gradient(circle at bottom center,rgba(0,180,255,.05) 0%,rgba(0,0,0,0) 45%),linear-gradient(135deg,rgba(7,17,31,.72) 0%,rgba(5,18,37,.62) 35%,rgba(2,4,13,.55) 70%,rgba(5,8,20,.68) 100%);background-size: auto, auto, auto;background-size: auto, auto, auto;}
.grid-box .single-box .section-title-line{position:relative;height:1px;width:100%;overflow:hidden;background:linear-gradient(90deg,transparent 0%,rgba(127,162,193,.25) 20%,rgba(255,255,255,.65) 50%,rgba(127,162,193,.25) 80%,transparent 100%);}
.grid-box .single-box .section-title-line::after{content:"";position:absolute;top:0;left:-20%;width:20%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);}
.section-dark{ background:radial-gradient(circle at top right,rgba(127,162,193,.10),transparent 35%),linear-gradient(180deg, #041423 0%,#071F38 35%,#0A2E54 100%);}
.section-dark::before{
    content:"";
    position:absolute;
    top:-200px;
    right:-200px;

    width:600px;
    height:600px;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(127,162,193,.12) 0%,
        rgba(127,162,193,0) 70%
    );

    pointer-events:none;
}   

/* FAQ */
.faq-card{position:relative;border-radius:4px!important;overflow:hidden;background:rgba(7,12,30,0.95);z-index:1;border:none!important;}
.faq-card::before{content:"";position:absolute;inset:0;padding:1px;border-radius:4px;background:linear-gradient(90deg,#46bce5,#9d68ec);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:add,add;-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.faq-card:hover{box-shadow:0 0 20px rgba(0,166,255,0.15),0 0 30px rgba(182,0,255,0.15);transform:translateY(-2px);transition:all .3s ease;}
.faq-card .accordion-button{background:transparent!important;color:#fff!important;box-shadow:none!important;font-weight:700;border:0!important;}
.faq-card .accordion-button:not(.collapsed){background:transparent!important;color:#fff!important;}
.faq-card .accordion-button::after{filter:brightness(0) invert(1);}
.faq-card .accordion-collapse{border:0!important;}
.faq-card .accordion-body{background:transparent!important;line-height:1.8;border:0!important;}
.faq-filter{border:1px solid var(--tertiary-color);border-radius:40px;height:40px;padding:0 30px;display:flex;align-items:center;justify-content:center;color:var(--tertiary-color);text-decoration:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;}
.faq-filter:hover{color:#fff;border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 0 10px rgba(0,217,255,.25),0 0 20px rgba(182,0,255,.15);background:linear-gradient(90deg,rgba(0,166,255,.12),rgba(182,0,255,.12));}
.faq-filter.active{color:#fff;border-color:#00d9ff;background:linear-gradient(90deg,rgba(0,166,255,.18),rgba(182,0,255,.18));box-shadow:0 0 12px rgba(0,217,255,.20);}
.faq-category-badge{background: linear-gradient(90deg,#4FACFE,#6C63FF,#B16CEA);}
.accordion-header {padding-top: 15px;}

/* CONTACT */
.contact-cta{border-top: 1px solid #252424;border-bottom: 1px solid #252424;}
.contact-cta .container{position:relative;z-index:2;}
.contact-cta .cta-image {position: absolute;top: 0;right: 0;width: auto;z-index: 1;bottom: 0;height: 100%;}
.contact-cta .cta-image img {width: auto;height: 100%;}


@media (min-width:992px){
  .main-navbar .navbar-collapse{ display:flex !important; }
  .main-navbar .navbar-nav{ margin-left:auto; }
}

@media(max-width:992px){
.height-vh-90 {height: 120vh;}
.hero  .fs-20 {font-size: 16px}
.main-navbar .navbar-collapse{ position:fixed; top:0; left:0; width:100%; height:100vh; background:#0b1f3c; padding:100px 30px 40px; display:flex; flex-direction:column; justify-content:flex-start; transition:all .4s ease; z-index:999; }
.main-navbar .navbar-nav{ width:100%; text-align: center;}
.main-navbar .navbar-nav li{ margin-bottom:25px; }
.main-navbar .navbar-nav a{ color:white; font-size:24px; font-weight:600; letter-spacing:.5px; transition:.3s; }
.main-navbar .navbar-nav a:hover{ color:#3f7edb; transform:translateX(5px); }
.main-navbar .btn-primary-custom{ margin-top:auto; width:100%; text-align:center; font-size:18px; padding:15px; border-radius:8px; }
.main-navbar .navbar-collapse.collapse{ transform:translateY(-100%); opacity:0; pointer-events:none; }
.main-navbar .navbar-collapse.show{ transform:translateY(0); opacity:1; pointer-events:auto; }
.navbar-toggler{ border:none; background:transparent; box-shadow:none; padding:0; position:relative; z-index:1000; }
.navbar-toggler-icon{ background-image:none; width:30px; height:20px; position:relative; }
.navbar-toggler-icon::before, .navbar-toggler-icon::after, .navbar-toggler-icon span{ content:""; position:absolute; left:0; width:100%; height:2px; background:white; transition:.3s; }
.navbar-toggler-icon::before{ top:0; }
.navbar-toggler-icon span{ top:50%; transform:translateY(-50%); }
.navbar-toggler-icon::after{ bottom:0; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{ transform:rotate(45deg); top:9px; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after{ transform:rotate(-45deg); bottom:9px; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span{ opacity:0; }
.main-navbar.scrolled{ background:#2355aa; }
.main-navbar.scrolled .nav-link{ color:#fff; text-align:center; }
h1 {font-size: 32px !important;}
h2{font-size: 26px !important;}
h3{font-size: 18px !important;}
.w-50 { width: 100% !important;}
.hero-features {margin-top: 0px;background: linear-gradient(to bottom,#06070e 0%,#07070d 40%,#06080d 100%);}
.website-section{ min-height:auto;}
.website-image{position:relative; top:auto;right:auto;transform:none;width:100%;margin-top:40px;justify-content:center; }
.website-image img{width:100%;max-width:100%;}
.panel-box {padding:40px 30px;}
.video-ai .gap-4 {gap: 1.5rem !important;flex-direction: column;}
.video-ai .height-vh-75{height:  100%;}
.video-ai{height: auto !important;}
.review {margin-top: 0;background: linear-gradient(to bottom,#04060b 100%,#05070c 52%,#04060b 100%);}
.feature-box {flex-direction: column;}
.contact-cta .cta-image {opacity: 0.3;}
#menu .btn-outline-light {text-align: center;justify-content: center;width: 100%;margin-top: 30px;}
#menu .ms-5{margin-left: 0 !important;}
.florence-image { width: 100%;opacity: 0.4;}
}