@keyframes moveLeftToRight{0%{transform:translateX(-50px)}50%{transform:translateX(50px)}to{transform:translateX(-50px)}}
@keyframes moveLeftToRight2{0%{transform:translateX(-20px)}50%{transform:translateX(20px)}to{transform:translateX(-20px)}}
@keyframes moveTopToBottom{0%{transform:translateY(-20%)}50%{transform:translateY(20%)}to{transform:translateY(-20%)}}
@keyframes moveTopToBottom2{0%{transform:translateY(-2%)}50%{transform:translateY(2%)}to{transform:translateY(-2%)}}
@keyframes moveBottomToTop{0%{transform:translateY(20%)}50%{transform:translateY(-20%)}to{transform:translateY(20%)}}
@keyframes moveRightToLeft{0%{transform:translateX(0)}50%{transform:translateX(-40px)}to{transform:translateX(0)}}
@keyframes moveRightTopToLeftBottom{0%{transform:translate(0)}25%{transform:translate(-30px,-10px)}50%{transform:translate(-15px)}75%{transform:translate(0)}to{transform:translate(0)}}
@keyframes rotateIt2{to{transform:rotate(1turn)}}
.top-bottom{animation:moveTopToBottom 15s linear infinite}
.right-left{animation:moveRightToLeft 10s linear infinite}
.top-bottom2{animation:moveTopToBottom2 8s linear infinite}
.bottom-top{animation:moveBottomToTop 15s linear infinite}
.left-right{animation:moveLeftToRight 15s linear infinite}
.left-right-top-bottom{animation:moveRightTopToLeftBottom 15s linear infinite}
.left-right2{animation:moveLeftToRight2 15s linear infinite}
.product-container{display:flex;flex-wrap:wrap;gap:20px}
.product-card{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box}
.card-carousel .product-card{height:100%}
.card-carousel{display:flex;gap:20px}
.product-card-content-title,.product-card-price,.product-card-content-offer{flex-shrink:0}
.product-card-content-offer{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}
.rts-hero{position:relative}
.rts-hero__one{padding-bottom:200px;padding-top:160px;transition:1s ease}
@media (max-width:450px){.rts-hero__one{padding-top:60px;padding-bottom:100px}}
.rts-hero.banner-style-home-one{position:relative}
.rts-hero__blur-area{width:348px;height:458px;background:#08184e;border-radius:458px;filter:blur(200px);position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:-1}
.rts-hero__content h6{border:1px solid #ffffffab;border-radius:20px;padding:8px 12px;display:inline-flex;align-items:center;gap:10px;color:var(--body-bg);font-size:18px;font-family:var(--font-secondary);margin-bottom:25px;line-height:100%}
.rts-hero__content h1{font-size:51px;font-weight:600;color:#fff;display:inline-block;line-height:var(--lh-h1);margin-bottom:25px;position:relative;z-index:1}
.rts-hero__content .description{color:var(--body-bg);border:none;line-height:28px;margin-bottom:60px;display:block;font-size:18px;font-family:var(--font-secondary);font-weight:500}
.rts-hero__content--group{display:flex;gap:40px;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.rts-hero__content--group .primary__btn{padding:13px 30px;font-family:var(--font-secondary);font-weight:600;color:var(--color-secondary)}
.rts-hero__content--group .plan__btn{color:#000;font-weight:600;padding:13px 30px}
.rts-hero__content p{color:var(--body-bg);margin-bottom:0;display:flex;align-items:center;gap:10px;font-weight:var(--medium)}
.rts-hero__content p span{color:#FFC107;font-weight:var(--semibold)}
.rts-hero__content p a{color:#FFC107;transition:var(--transition);text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;font-weight:600;font-family:var(--font-secondary);font-size:18px}
.rts-hero__content p a:hover{-webkit-text-decoration-color:#FFC107;text-decoration-color:#FFC107}
.rts-hero__images{margin-bottom:-10%;z-index:1}
.rts-hero__images .rts-hero-main{text-align:center}
.rts-hero__images .rts-hero-main .hero-shape{position:absolute}
.rts-hero__images .rts-hero-main .hero-shape.one{bottom:-7%;left:0;z-index:-1}
.rts-hero__images--shape .one{top:0;position:absolute;left:0}
.rts-hero__images--shape .two{position:absolute;bottom:10%;left:7%}
.rts-hero__images--shape .three{position:absolute;right:5%;top:0}
.rts-hero__images--shape .four{position:absolute;right:-2%;bottom:25%}
.card-offer{background:linear-gradient(145deg,#16182c,#1c1e36);border-radius:16px;border:1px solid rgba(255,255,255,0.05);color:#fff;padding:32px;text-align:center;transition:all 0.3s ease;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.card-offer:hover{transform:translateY(-6px);box-shadow:0 0 20px rgba(80,125,255,0.25)}
.card-offer h4{font-size:22px;font-weight:600;margin-bottom:12px}
.card-offer p{font-size:15px;line-height:1.7;color:rgba(255,255,255,0.75);margin-bottom:20px}
.card-offer h3{font-size:26px;font-weight:700;color:#ffffff;margin-bottom:16px}
.card-offer h3 span{font-size:14px;font-weight:400;color:rgba(255,255,255,0.5)}
.card-offer ul{padding:0;margin:0 0 24px;list-style:none;font-size:14.5px;line-height:1.9}
.card-offer ul li::before{content:"✔";color:#4ea6ff;font-weight:bold;margin-right:6px}
.card-offer .btn-primary{background:linear-gradient(90deg,#3f80ff,#2763ff);border:none;font-weight:500;padding:12px 24px;font-size:16px;border-radius:8px}
.card-offer .btn-outline-light{border:1px solid rgba(255,255,255,0.2);color:#ffffff;font-weight:500;padding:12px 24px;font-size:16px;border-radius:8px}
.card-offer .btn-outline-light:hover{background-color:rgba(255,255,255,0.05)}
.card-offer .badge-top{position:absolute;top:12px;right:16px;background:#7c6cff;color:white;padding:4px 12px;font-size:12px;font-weight:bold;border-radius:20px}
.rts-hosting-type__single{text-align:center;padding:30px 25px;border-radius:16px;position:relative;z-index:1;height:440px;min-width:250px!important;max-width:330px!important;display:flex;flex-direction:column;justify-content:flex-end}
@media (max-width:680px){.rts-hosting-type__single{max-width:335px!important}}
.rts-hosting-type__single:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:linear-gradient(180deg,rgba(251,157,100,.02) 16.41%,rgba(27,26,68,.66) 38.84%,#080A22 80.1%);z-index:2}
.card-landing-offer-illu{position:absolute;top:-50px;width:90%;max-width:100%;max-height:100%;z-index:1}
@media (min-width:1240px){.max-card{max-width:358px}}
.rts-hosting-type__single .hosting-icon{margin-bottom:40px}
.rts-hosting-type__single .hosting-icon img{transition:.2s;height:60px;width:60px}
.rts-hosting-type__single .title{color:#fff;font-size:24px;font-weight:600;text-transform:capitalize}
.rts-hosting-type__single a{text-decoration:none}
.rts-hosting-type__single p.excerpt{font-weight:500;color:#fff;font-size:18px;margin-bottom:7px}
.rts-hosting-type__single h6.price__start{font-weight:600;font-size:21px;margin-bottom:40px}
.rts-hosting-type__single .button-secondary-octo{padding:10px 32px}
.rts-about{--about-content:linear-gradient(189deg,#F5F8FF 6.76%,#FFF 59.6%);overflow:hidden}
.rts-about__image{background:linear-gradient(90.13deg,#050d26,#061234 51%,#081c52);text-align:center;border-radius:20px;min-height:480px;display:flex;justify-content:center;align-items:flex-end;position:relative}
.rts-about__image .img-1{width:490px}
.rts-about__image .shape{position:absolute}
.rts-about__image .shape.one{left:45%;top:18%}
.rts-about__image .shape.two{left:20%;top:40%;animation:rotateIt2 12s linear infinite}
.rts-about__content{margin-left:50px}
.rts-about__content h3{font-size:36px;font-weight:var(--bold);color:var(--color-secondary);display:inline-block;margin-bottom:40px;max-width:386px}
.rts-about__content p.description{font-family:var(--font-secondary);font-weight:var(--regular);display:inline-block;margin-bottom:50px}
.rts-about__content--single{display:flex;gap:30px;align-items:flex-start}
.rts-about__content--single:not(:last-child){margin-bottom:40px}
.rts-about__content--single .image{display:inline-flex;height:60px;min-width:60px;border-radius:10px;background:linear-gradient(147deg,#E8ECFF 14.12%,#D1FFEF 80.26%);justify-content:center;align-items:center;box-shadow:0 4px 20px 0 rgba(87,147,251,.1)}
.rts-about__content--single .image.bg-2{background:linear-gradient(147deg,#E8ECFF 14.12%,#E3D1FF 80.26%)}
.rts-about__content--single .image.bg-3{background:linear-gradient(147deg,#fff7f7 14.12%,#ffc3c3 80.26%)}
.rts-about__content--single .image img{height:40px;width:40px}
.rts-about__content--single .description h6{font-weight:var(--semibold);color:var(--color-secondary);line-height:1;margin-bottom:10px}
.rts-about__content--single .description p{margin-bottom:0;font-family:var(--font-secondary);font-weight:var(--regular);max-width:99%}
.rts-about .rts-about-shape{right:-5%;top:35%;height:280px;width:1000px;transform:rotate(-20deg)}
.rts-about .rts-about-shape,.rts-shape__one{position:absolute;background:linear-gradient(.13deg,rgba(0,1,7,.06),rgba(0,1,7,.06) 70%);z-index:-1}
.rts-shape__one{width:260px;height:675px;transform:rotate(60deg);top:30%;left:5%}
/* ========================= NAVBAR DROPDOWNS ========================= */

/* Styles pour les dropdowns au survol */
.navbar .dropdown:hover .dropdown-menu {
    display: block;
}

.navbar .dropdown-menu {
    display: none;
    margin-top: 0;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background-color: #1900ff0f;
    border-radius: 8px;
}

.navbar .dropdown-item {
    padding: 8px 16px;
    color: #c7c7c7;
    transition: background-color 0.2s ease;
}

.navbar .dropdown-item:hover {
    background-color: #0001070f;
    color: #c7c7c7;
}

/* Responsive - Mobile */
@media (max-width: 991px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: none; /* Désactive le hover sur mobile */
    }
}