@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
    font-family: Raleway;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.h1, .h2, .h3, .h4, .h5, .h6,
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
    font-family: 'Roboto Slab', serif !important;
    color: #585057;
}

h1, .h1 {
    font-weight: 700;
    font-size: 2rem;
}

h1 strong, .h1 strong {
    font-weight: 700;
}

h2, .h2 {
    font-weight: 700;
    font-size: 1.8rem;
}

h2 strong, .h2 strong {
    font-weight: 700;
}

h3, .h3 {
    font-weight: 500;
    font-size: 1.6rem;
}

h3 strong, .h3 strong {
    font-weight: 500;
    font-size: 1.6rem;
}

h4, .h4 {
    font-weight: 500;
    font-size: 1.4rem;
}

h4 strong, .h4 strong {
    font-weight: 500;
}

h5, .h5 {
    font-weight: 500;
    font-size: 1.2rem;
}

h5 strong, .h5 strong {
    font-weight: 500;
}

h6, .h6 {
    font-weight: 500;
    font-size: 1.1rem;
}

h6 strong, .h6 strong {
    font-weight: 500;
}

a:hover img {
    text-decoration: none;
}

footer {

}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.font-size-4 {
    font-size: 4rem;
    line-height: 4.4rem;

}

.font-size-3 {
    font-size: 3rem;
    line-height: 3.4rem;

}

.font-size-2-5 {
    font-size: 2.5rem;
    line-height: 2.9rem;

}

.font-size-2 {
    font-size: 2rem;
    line-height: 2.4rem;

}

.font-size-1-8 {
    font-size: 1.8rem;
    line-height: 2.2rem;

}

.font-size-1-6 {
    font-size: 1.6rem;
    line-height: 1.8rem;

}

.font-size-1-5 {
    font-size: 1.5rem;
    line-height: 1.9rem;

}

.font-size-1-4 {
    font-size: 1.4rem;
}

.font-size-1-3 {
    font-size: 1.3rem;
}

.font-size-1-2 {
    font-size: 1.2rem;
}

.font-size-1-1 {
    font-size: 1.1rem;
}

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

.font-size-0-9 {
    font-size: 0.9rem !important;
}

.font-size-0-8 {
    font-size: 0.8rem;
    line-height: 0.9rem;
}

.container-fluid {
    max-width: 2500px;
}

.border-radius {
    border-radius: 0.5rem;
}

.bg-primary a:not(.btn) {
    color:lightblue;
    text-decoration: underline;
}

.btn {
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

.btn-outline-primary, .btn-outline-secondary {
    box-shadow: 2px 5px 6px #aaa;
}

.btn:not(.w-auto) {
    width: 100%;
}

.btn-secondary, .btn-secondary:hover {
    color: white;
}

.btn-shadow {
    box-shadow: 2px 5px 6px #aaa;
}

.btn-primary-hover:hover {
    color: #111;
    background-color: #ce7115;
    border-color: #c36b14;
}

.text-black {
    color: #000;
}

.btn.btn-default {
    background-color: lightgrey;
    color: gray;
}

.btn-delete {
    color: #fff;
    background-color: tomato;
    border-color: darkred;
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

.btn-delete:hover {
    color: #fff;
    background-color: darkred;
    border-color: tomato;
}

.btn-delete:focus, .btn-delete.focus {
    box-shadow: 0 0 0 3px rgba(88, 80, 87, 0.5);
}

.btn-delete.disabled, .btn-delete:disabled {
    background-color: #90898E;
    border-color: #90898E;
}

.btn-delete:active, .btn-delete.active, .show > .btn-delete.dropdown-toggle {
    background-color: tomato;
    background-image: none;
    border-color: darkred;
}


.bg-delete {
    background-color: tomato !important;
    color: white;
}

.text-delete {
    color: darkred;
}

/**/
.btn-gray-1 {
    color: #fff;
    background-color: #90898E;
    border-color: #90898E;
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

.btn-gray-1:hover {
    color: #fff;
    background-color: #736d71;
    border-color: #787276;
}

.btn-gray-1:focus, .btn-gray-1.focus {
    box-shadow: 0 0 0 3px rgba(88, 80, 87, 0.5);
}

.btn-gray-1.disabled, .btn-gray-1:disabled {
    background-color: #90898E;
    border-color: #90898E;
}

.btn-gray-1:active, .btn-gray-1.active, .show > .btn-gray-1.dropdown-toggle {
    background-color: #736d71;
    background-image: none;
    border-color: #787276;
}

.bg-gray-1 {
    background-color: #90898E !important;
    color: white;
}

.text-gray-1 {
    color: #90898E;
}

/**/
.btn-gray-2 {
    color: #fff;
    background-color: #B9B3B7;
    border-color: #B9B3B7;
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

.btn-gray-2:hover {
    color: #fff;
    background-color: #968f94;
    border-color: #9b9499;
}

.btn-gray-2:focus, .btn-gray-2.focus {
    box-shadow: 0 0 0 3px rgba(88, 80, 87, 0.5);
}

.btn-gray-2.disabled, .btn-gray-2:disabled {
    background-color: #B9B3B7;
    border-color: #B9B3B7;
}

.btn-gray-2:active, .btn-gray-2.active, .show > .btn-gray-2.dropdown-toggle {
    background-color: #968f94;
    background-image: none;
    border-color: #9b9499;
}

.bg-gray-2 {
    background-color: #B9B3B7 !important;
    color: white;
}

.text-gray-2 {
    color: #B9B3B7;
}

/**/
.btn-gray-3 {
    color: #fff;
    background-color: #D4D1D3;
    border-color: #D4D1D3;
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

.btn-gray-3:hover {
    color: #fff;
    background-color: #aea9ad;
    border-color: #b4afb3;
}

.btn-gray-3:focus, .btn-gray-3.focus {
    box-shadow: 0 0 0 3px rgba(88, 80, 87, 0.5);
}

.btn-gray-3.disabled, .btn-gray-3:disabled {
    background-color: #D4D1D3;
    border-color: #D4D1D3;
}

.btn-gray-3:active, .btn-gray-3.active, .show > .btn-gray-3.dropdown-toggle {
    background-color: #aea9ad;
    background-image: none;
    border-color: #b4afb3;
}

.bg-gray-3 {
    background-color: #D4D1D3 !important;
    color: white;
}

.text-gray-3 {
    color: #D4D1D3;
}

/**/
.btn-gray-4 {
    color: #585057;
    background-color: #E5E3E5;
    border-color: #E5E3E5;
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

.btn-gray-4:hover {
    color: #585057;
    background-color: #dcdadc;
    border-color: #d7d5d7;
}

.btn-gray-4:focus, .btn-gray-4.focus {
    box-shadow: 0 0 0 3px rgba(88, 80, 87, 0.5);
}

.btn-gray-4.disabled, .btn-gray-4:disabled {
    background-color: #E5E3E5;
    border-color: #E5E3E5;
}

.btn-gray-4:active, .btn-gray-4.active, .show > .btn-gray-4.dropdown-toggle {
    background-color: #dcdadc;
    background-image: none;
    border-color: #d7d5d7;
}

.bg-gray-4 {
    background-color: #E5E3E5 !important;
    color: #585057;
}

.text-gray-4 {
    color: #E5E3E5;
}

/**/
.btn-gray-5 {
    color: #585057;
    background-color: #EFEFF1;
    border-color: #EFEFF1;
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

.btn-gray-5:hover {
    color: #585057;
    background-color: #e6e6e8;
    border-color: #e1e1e3;
}

.btn-gray-5:focus, .btn-gray-5.focus {
    box-shadow: 0 0 0 3px rgba(88, 80, 87, 0.5);
}

.btn-gray-5.disabled, .btn-gray-5:disabled {
    background-color: #EFEFF1;
    border-color: #EFEFF1;
}

.btn-gray-5:active, .btn-gray-5.active, .show > .btn-gray-5.dropdown-toggle {
    background-color: #e6e6e8;
    background-image: none;
    border-color: #e1e1e3;
}

.bg-gray-5 {
    background-color: #EFEFF1 !important;
    color: #585057;
}

.text-gray-5 {
    color: #EFEFF1;
}

/**/

.container-fluid {

    margin-bottom: 15px;
}

.colorDisabled {
    color: lightgrey;
}


.text-small {
    max-width: 100px;
}

.badge.badge-secondary {
    color: white;
}

.fa-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    font-size: 2rem;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

.copytoclipboard {
    cursor: pointer;
}

.copytoclipboard:active {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;

}

.modal-content {
    border-radius: 0.5rem;
    border: 0px;
}

/* Track */
::-webkit-scrollbar {
    position: absolute;
    width: 8px;
    height: 8px;

    background-color: #fff;

}

::-webkit-scrollbar-track {
    background-color: rgba(88, 80, 87, 0.1);
    border-radius: 0.5rem;

}

::-webkit-scrollbar-thumb {
    background-color: #585057;
    border-radius: 0.5rem;
}

.modal-backdrop.show {
    opacity: 0.8;
}

#navbar #lang,#navbar-home #lang, #navbar-home #btn-connexion {
    font-size: 0.8rem;
    line-height: 1.2rem;
}

#pricing .card-deck .card {
    min-width: 350px;
}

#pricing .card {
    padding-bottom: 0px !important;
}

#pricing .card-button {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    min-height: 100px
}

#pricing .fa-check {
    color: green;
}

#pricing .fa-xmark {
    color: red;
}

.choose-offer {
    cursor: pointer;
}

.fa-bullet {
    position: absolute;
    top: 4px;
    left: 0;
}
#frmContact label {
    margin-bottom: 0;
}

.faqs .card {
    border-radius: 0;
}
.faq-card-header{
    padding:0 !important;
    margin:0 !important;
    border:none !important;


}
.faq-card-header a {
    text-decoration: none;
}
.faq-section {
    font-size: 1rem;
    padding:0.5rem 1rem;
    margin : 0;

}