.simple-nav-link {
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    color: #575757;
}

.domain-search-list li {
    font-size: 2em;
}

/*Disable hover effects for element*/
.no-hover {
    pointer-events: none !important;
}

/* Hide all the periods pricing other than monthly*/
[class*="three-months-price"], [class*="six-months-price"], [class*="yearly-price"] {
    display: none;
}

/* line 3049, src/assets/scss/custom/_style.scss */
.pricing-onsale-custom {
    font-size: 14px;
    color: #757575;
    margin-top: 4px;
    font-weight: 400;
}

/* HIDE RADIO */
.single-radio-box input[type=radio], input[type="radio"].os-selector {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
    cursor: pointer;
}

/* Application d'un filtre grisâtre sur l'image non checkée d'un bouton radio */
[type=radio]:not(:checked) + img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* Ajout d'un effet d'ombrage de couleur bleu pour l'image checkée d'un bouton radio */
[type=radio]:checked + img {
    filter: drop-shadow(16px 16px 10px #035ded);
}

.ptb-100 {
    padding: 40px 0;
}

.ptb-50 {
    padding: 20px 0;
}

/* Ajustement de la taille pour les faq */
.accordion-faq .card-header h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1rem;
}

/* Ajustement des titres des items des sections Feature */
.promo-section h3 {
    font-weight: 600;
    font-size: 1.125rem;
}

.feature-section h3 {
    font-weight: 600;
    font-size: 1.125rem;
}

.cta-new h3 {
    font-weight: 600;
    font-size: 1.125rem;
}

.promo-feature h3 {
    font-weight: 600;
    font-size: 1.125rem;
}

.feature-tab-section h3 {
    font-weight: 600;
    font-size: 1.125rem;
}

.hero-custom-height {
    position: relative;
    min-height: 525px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* Fondu vers le violet pour la bannière DDos Gaming */
.gradient-overly-to-purple {
    z-index: 1;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.gradient-overly-to-purple:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.gradient-overly-to-purple:before {
    background: -webkit-gradient(linear, left top, right top, from(#031974), to(rgba(106, 0, 145, 0.61)));
    background: linear-gradient(90deg, #031974, rgba(106, 0, 145, 0.61));
}

/* Ajustement de la gauteur de la bannière */
.hero-500-height {
    position: relative;
    min-height: 500px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.ptb-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.accordion h3 {
    font-size: 1rem;
}

.accordion h3 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

/* line 6, src/assets/scss/vendors/bootstrap.min.css */
.w-90 {
    width: 90% !important;
}

/* line 1626, src/assets/scss/custom/_style.scss */
.custom-offer-box {
    max-width: 300px;
    width: auto;
    border-radius: 1rem;
    margin: 0 auto;
    padding: 15px;
    padding-right: 3em !important;
    background: rgba(26, 42, 112, 0.65);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* line 1635, src/assets/scss/custom/_style.scss */
.custom-offer-box:hover {
    background: rgba(3, 25, 116, 0.75);
}

/* line 1638, src/assets/scss/custom/_style.scss */
.custom-offer-box .offer-price {
    font-family: 'Open Sans', sans-serif;
    font-size: 120px;
    line-height: 1;
    font-weight: 600;
    position: relative;
}

/* line 1646, src/assets/scss/custom/_style.scss */
.custom-offer-box .offer-price .currency {
    font-size: 60px;
    line-height: 1;
    vertical-align: middle;
    margin-top: -60px;
    /*display: inline-block;*/
}

/* line 1654, src/assets/scss/custom/_style.scss */
.custom-offer-box .offer-price .decimal {
    font-size: 60px;
    line-height: 1;
    vertical-align: super;
    display: inline;
}

/* line 1661, src/assets/scss/custom/_style.scss */
.custom-offer-box .offer-price small {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    margin-left: -80px;
    display: inline;
}

.c-ml-3 {
    margin-left: 3em !important;
}

/* line 6, src/assets/scss/vendors/bootstrap.min.css */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #035ded;
    background-color: #fff;
    border: solid;
    border-radius: 25px;
}

.promotional-badge {
    display: inline-block;
    padding: 5px 10px;
    background-color: orange;
    color: white;
    font-weight: bold;
    border-radius: 20px;
}

.center-div {
    margin: 0 auto;
    width: 100px;
}

.text-gray {
    color: #757575 !important;
}


.promotion-section {
    border: 3px solid #fff;
    box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.6);
    padding: 20px;
    position: relative;
}

.promotion-section::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    z-index: -1;
    background: linear-gradient(45deg, rgba(115, 0, 255, 0.8), rgb(255, 0, 234));
    filter: blur(30px);
    opacity: 0.5;
    animation: neon 1.5s ease-in-out infinite alternate;
}

@keyframes neon {
    from {
        box-shadow: 0px 0px 10px 0px rgba(115, 0, 255, 0.8);
    }
    to {
        box-shadow: 0px 0px 10px 0px rgb(255, 0, 234);
    }
}

.popup-content {
    width: auto;
    height: auto;
    max-width: 95%;
    max-height: 95%;
}

@media (min-width: 768px) {
    .popup-content {
        max-width: 1000px;
        max-height: 800px;
    }
}

#spring-promotions-popup {
    /*display: flex !important;*/
    align-items: center;
    justify-content: center;
}

.badge.even-larger-badge {
    font-size: 1.1em;
}

.options-modal {
    max-width: 100%;
    max-height: 150vh; /* Ajustez la valeur en fonction de vos besoins */
    overflow-y: auto; /* Ajoute des barres de défilement verticales si nécessaire */
}

/*Section présentant une pile de 3 images à gauche et du texte à droite*/
.pt-200 {
    padding-top: 60px;
}

.gallery-section {
    position: relative;
    min-height: 600px; /* Hauteur totale des images plus une marge de 40px */
}

.images-deck img {
    border-radius: 10px; /* Ajouter des bordures arrondies */
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3); /* Ajouter une ombre portée en bas à droite */
}

.first-image {
    max-width: 75%;
    transform: translate(100px, 0);
    position: absolute;
    top: -20px;
    left: -100px;
    width: 500px;
    height: 300px;
    display: inline-block;
}

.second-image {
    max-width: 75%;
    transform: translate(-100px, 110px);
    position: absolute;
    top: 25%;
    left: 75px;
    width: 500px;
    height: 300px;
    display: inline-block;
    z-index: 2; /* Définir la valeur de z-index à 2 */
}

.third-image {
    max-width: 75%;
    transform: translate(0, -50px);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
    height: 300px;
    display: inline-block;
    z-index: 1; /* Définir la valeur de z-index à 1 */
}

.fw-600 {
    font-weight: 600 !important;
}

/*Boutons de sélection de langue*/
.language-flag {
    width: 32px;
}

.language-flag {
    cursor: pointer;
    transition: transform 0.3s ease-out;
}

.language-flag:hover {
    transform: scale(1.4);
}

/* line 3009, src/assets/scss/custom/_style.scss */
.pricing-table .rate {
    font-size: 25px;
    font-weight: 700;
    color: #035ded;
    font-family: 'Poppins', sans-serif;
}

/* line 3016, src/assets/scss/custom/_style.scss */
.pricing-table .rate span {
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
    opacity: 0.8;
    color: #757575;
}

.blue-light-bg {
    background: rgba(182, 178, 255, 0.8);
}

.double-images-section {
    min-height: 400px;
    position: relative;
    z-index: 1;
}
.panel-cbx {
    transform: scale(1.1);
}
.shadow-cbx {
    box-shadow: 0 10px 30px 0 rgba(60,53,66,.12);
    transition-duration: .3s;
}
.border-radius-10 {
    border-radius: 10px;
}
.double-images-section img {
    position: absolute;
    width: 75%;
}
.double-images-section picture ~ picture img {
    right: -15px;
    top: 150px;
}