@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&family=Source+Serif+Pro:wght@300;400;600;700&display=swap');
:root {
    --fs-small: clamp(14px, 14px + 0vw, 14px);
    --fs-bodyText: clamp(16px, 15.6px + 0.1205vw, 18px);
    --fs-h5: clamp(20px, 19.2px + 0.241vw, 24px);
    --fs-h4: clamp(22px, 20.8px + 0.3614vw, 28px);
    --fs-h3: clamp(24px, 22.4px + 0.4819vw, 32px);
    --fs-h2: clamp(28px, 24px + 1.25vw, 48px);
    --fs-h1: clamp(32px, 26.6px + 1.6867vw, 60px);

    --lh-small: clamp(20px, 20px + 0vw, 20px);
    --lh-bodyText: clamp(24px, 23.2px + 0.241vw, 28px);
    --lh-h5: clamp(28px, 26.8px + 0.3614vw, 34px);
    --lh-h4: clamp(32px, 30.8px + 0.3614vw, 38px);
    --lh-h3: clamp(34px, 33.2px + 0.241vw, 38px);
    --lh-h2: clamp(34px, 30.4px + 1.125vw, 52px);
    --lh-h1: clamp(38px, 32.2px + 1.8072vw, 68px);
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    color: #1D2A3B;
    font-size: var(--fs-bodyText);
    line-height: var(--lh-bodyText);
}
h1{
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
}
h2{
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
}
h3{
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
}
h4{
    font-size: var(--fs-h4);
    line-height: var(--lh-h4);
}
h5{
    font-size: var(--fs-h5);
    line-height: var(--lh-h5);
}
p, a{
    font-size: var(--fs-bodyText);
    line-height: var(--lh-bodyText);
}
label{
    font-size: var(--fs-small);
    line-height: var(--lh-small);
}

/* html:has(.modal-open){ */
    /* overflow-y: hidden; */
    /* overflow-y: clip; */
/* } */

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Source Serif Pro', serif;
    margin: 0;
    font-weight: 700;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
    color: #1D2A3B;
}

a:hover {
    color: currentColor;
}

.w-35-p {
    width: 35%;
}

.w-60-p {
    width: 60%;
}

.m-r-20 {
    margin-right: 16px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-40-sm {
    margin-top: 40px;
}

.p-x-sm-20 {
    padding: 0 20px;
}

.container {
    padding: 0 20px;
}

.container-full {
    padding: 0 20px;
}

.bg-gray {
    background-color: #F5F7F8;
}

.color-light-blue {
    color: #84C0FC !important;
}
.color-red {
    color: #e3342f !important;
}

.color-light-blue:hover {
    color: #84C0FC;
}

.bold-text {
    font-weight: 700;
}

.form-select {
    border-radius: 10px;
    border-color: #C7CDD5;
    height: 60px;
    font-size: var(--fs-bodyText);
    line-height: var(--lh-bodyText);
}

.form-select:focus {
    box-shadow: none;
}

.input-group-text {
    height: 60px;
    background-color: #FFFFFF;
    border-color: #C7CDD5;
    border-radius: 10px;
}

.box-shadow {
    box-shadow: 0 5px 10px #0000001A;
}


/* ================ NAVBAR =============== */

.navbar-collapse {
    width: 100% !important;
}
@media (max-width: 992px) {
    .navbar-collapse {
        position: absolute;
        top: 85px;
        left: 100%;
        padding-bottom: 40px;
        padding-left: 20px;
        width: 100%;
        transition: all 0.4s ease;
        display: block;
        z-index: 10;
        background-color: #FFFFFF;
        box-shadow: 0 5px 10px #0000001A;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-left: 50%;
        left: 50%;
        transition: all 0.2s ease;
    }
    .navbar-collapse.show {
        left: 0;
    }
}
@media (min-width: 1200px) and (max-width:1400px){
    .navbar-light .navbar-nav .nav-link, .select-currency, .desktop-login-register-btn a, .logged-user{
        font-size: var(--fs-small);
        line-height: var(--lh-small);
    }
}

.navbar-light .navbar-toggler-icon {
    background-image: none;
}

/* .navbar-toggler-icon::before {
    font-family: FontAwesome;
    content: "\f142";
    vertical-align: middle;
} */
.navbar-toggler.collapsed .navbar-toggler-icon::before{
    font-family: FontAwesome;
    content: "\f142";
    vertical-align: sub;
}
.navbar-toggler .navbar-toggler-icon::before{
    font-family: FontAwesome;
    content: "\f00d";
    vertical-align: sub;
}
.navbar-light .navbar-toggler {
    color: #1D2A3B;
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-light .navbar-nav .nav-link,
.select-currency {
    padding: 1rem 1em;
    color: #1D2A3B;
    font-weight: 700;
}


@media(max-width: 576px){
    .navbar-light .navbar-nav .nav-link,
    .select-currency {
        padding: 0.6rem 1em;
        color: #1D2A3B;
        font-weight: 700;
        /* font-size: 20px !important; */
    }
}

.hr-line {
    width: 70%;
    height: 2px;
    color: #C7CDD5;
    margin: 0;
    opacity: 1;
    margin-left: 1rem;
}

.navbar-drop-shadow {
    box-shadow: 0 5px 10px #0000001A;
}

.navbar-logo {
    width: 152px;
}

.nav-item-logged-user-mobile {
    padding: 1rem 1em;
}

.nav-item-logged-user-mobile a {
    font-size: 24px;
}

.navbar-blog-link {
    background-color: #C7CDD5;
    font-size: 16px;
    font-family: 'Source Serif Pro', serif;
    font-weight: 700;
    border-radius: 10px;
    color: #1D2A3B;
    margin-left: 15px;
}

/* ===================== BUTTONS =================== */
.btn{
    font-size: var(--fs-bodyText);
    line-height: var(--lh-bodyText);
}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none;
}

.btn-dark{
    background-color: #1D2A3B;
    border: 1px solid #1D2A3B;
    color: #FFFFFF;
    border-radius: 10px;
    /* font-size: 16px; */
}
.btn-light{
    background-color: #FFFFFF;
    border: 1px solid #1D2A3B;
    color: #1D2A3B;
    border-radius: 10px;
    /* font-size: 16px; */
}

.btn-login-navbar:hover,
.btn-see-more:hover,
.btn-learn-more:hover,
.btn-reset-password:hover,
.btn-login:hover,
.btn-view-order:hover,
.btn-call-configuration:hover,
.btn-change-password-save:hover,
.btn-profile-settings-save:hover,
.btn-send-request:hover,
.btn-register:hover,
.btn-profile-new-request:hover,
.btn-contacts-send:hover,
.btn-useful-info:hover,
.btn-order-recomended:hover,
.btn-404:hover,
.btn-dark:hover {
    background-color: #FFFFFF;
    color: #1D2A3B;
    border: 1px solid #1D2A3B;
}

.btn-my-cart:hover,
.btn-order-model-server:hover,
.btn-empty-cart:hover,
.btn-data-center:hover,
.btn-order:hover,
.btn-profile-additional-info:hover,
.btn-light:hover {
    background-color: #1D2A3B;
    color: #FFFFFF;
}

.btn-login-navbar {
    padding: 12px 20px;
    background-color: #1D2A3B;
    border: 1px solid #1D2A3B;
    color: #FFFFFF;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    /* font-size: 12px; */
}

.btn-my-cart {
    background-color: #FFFFFF;
    color: #1D2A3B;
    font-weight: 700;
    /* font-size: 12px; */
    text-decoration: none;
    border-radius: 10px;
    border: #1D2A3B 1px solid;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 110px;
}
@media(max-width:991.99px){
    .btn-my-cart {
        min-width: 130px;
    }
}

.btn-see-more {
    background-color: #1D2A3B;
    color: #FFFFFF;
    /* font-size: 16px; */
    font-weight: 700;
    padding: 20px 45px;
    border-radius: 10px;
    margin-bottom: 73px;
    width: fit-content;
}

.btn-learn-more {
    background-color: #1D2A3B;
    color: #FFFFFF;
    /* font-size: 16px; */
    font-weight: 700;
    border-radius: 10px;
    padding: 20px 70px;
    width: 100%;
}

.btn-reset-password,
.btn-login,
.btn-view-order {
    background-color: #1D2A3B;
    color: #FFFFFF;
    /* font-size: 16px; */
    font-weight: 700;
    border-radius: 10px;
    width: 100%;
    padding: 20px 0;
}
.btn-verify{
    width: 230px !important;
    padding: 10px 10px !important;
}

.btn-create-new-account {
    display: none;
    padding: 32px 0;
    background-color: #F5F7F8;
    border-radius: 10px;
    margin-top: 55px;
    color: #495C77;
}

.btn-create-new-account span {
    font-weight: 700;
    color: #1D2A3B;
}

.btn-order {
    padding: 20px 0;
    background-color: transparent;
    color: #1D2A3B;
    font-weight: 700;
    /* font-size: 16px; */
    width: 100%;
    border: #1D2A3B 1px solid;
    border-radius: 10px;
}

.btn-order-recomended {
    padding: 20px 0;
    background-color: #1D2A3B;
    color: #FFFFFF;
    font-weight: 700;
    /* font-size: 16px; */
    width: 100%;
    border-radius: 10px;
}

.btn-order-model-server {
    padding: 13px 40px;
    background-color: #FFFFFF;
    color: #1D2A3B;
    font-weight: 700;
    /* font-size: 16px; */
    text-decoration: none;
    border-radius: 10px;
    border: #1D2A3B 1px solid;
    width: fit-content;
    height: fit-content;
}

.btn-empty-cart {
    padding: 20px 62px;
    background-color: #FFFFFF;
    color: #1D2A3B;
    font-weight: 700;
    /* font-size: 16px; */
    text-decoration: none;
    border-radius: 10px;
    border: #1D2A3B 1px solid;
    width: fit-content;
}

.btn-promo-code {
    background-color: #F5F7F8;
    color: #1D2A3B;
    border-radius: 10px;
    border-color: #F5F7F8;
    padding: 0px 37px;
}

.btn-promo-code:hover {
    background-color: #1D2A3B;
    color: #FFFFFF;
}

.btn-security-code {
    background-color: #84C0FC;
    border-radius: 10px;
    padding: 15px 50px;
}

.btn-call-configuration {
    padding: 20px 90px;
    background-color: #1D2A3B;
    color: #FFFFFF;
    border-radius: 10px;
    font-weight: 700;
    /* font-size: 16px; */
    text-decoration: none;
    width: 100%;
    margin-bottom: 105px;
}

.btn-data-center {
    padding: 20px 70px;
    background-color: #FFFFFF;
    color: #1D2A3B;
    border-radius: 10px;
    border: #1D2A3B 1px solid;
    width: fit-content;
    margin-bottom: 40px;
    font-weight: 700;
    /* font-size: 16px; */
    text-decoration: none;
}

.btn-change-password-save,
.btn-profile-settings-save {
    padding: 20px 37px;
    width: fit-content;
    height: fit-content;
    background-color: #1D2A3B;
    color: #FFFFFF;
    font-weight: 700;
    /* font-size: 16px; */
    text-decoration: none;
    border-radius: 10px;
}

.btn-send-request {
    padding: 20px 62px;
    width: fit-content;
    height: fit-content;
    background-color: #1D2A3B;
    color: #FFFFFF;
    font-weight: 700;
    /* font-size: 16px; */
    text-decoration: none;
    border-radius: 10px;
    margin-top: 30px;
    white-space: nowrap;
    text-align: center;
}

.btn-register {
    background-color: #1D2A3B;
    color: #FFFFFF;
    font-weight: 700;
    /* font-size: 16px; */
    text-decoration: none;
    border-radius: 10px;
    padding: 20px 0;
    margin-top: 45px;
}

.btn-profile-additional-info {
    padding: 13px 35px;
    background-color: #FFFFFF;
    color: #1D2A3B;
    border-radius: 10px;
    border: #1D2A3B 1px solid;
    width: fit-content;
    font-weight: 700;
    /* font-size: 16px; */
    margin-top: 30px;
}

.btn-profile-new-request {
    background-color: #1D2A3B;
    color: #FFFFFF;
    font-weight: 700;
    /* font-size: 16px; */
    border-radius: 10px;
    padding: 13px 61px;
    width: fit-content;
    margin-top: 30px;
}

.btn-contacts-send {
    background-color: #1D2A3B;
    color: #FFFFFF;
    font-weight: 700;
    /* font-size: 16px; */
    border-radius: 10px;
    padding: 20px 75px;
    width: fit-content;
    margin-top: 48px;
}

.btn-useful-info {
    background-color: #1D2A3B;
    color: #FFFFFF;
    font-weight: 700;
    /* font-size: 16px; */
    border-radius: 10px;
    padding: 17px 97px;
    width: fit-content;
}

.btn-guest-order {
    padding: 20px 0;
    background-color: #F5F7F8;
    color: #1D2A3B;
    font-weight: 700;
    /* font-size: 16px; */
    border-radius: 10px;
    width: 100%;
    border: 3px solid #1D2A3B;
}

.btn-404 {
    background-color: #1D2A3B;
    color: #FFFFFF;
    font-weight: 700;
    /* font-size: 16px; */
    border-radius: 10px;
    padding: 20px 0px;
    /* width: fit-content; */
    width: 256px;
}

.owl-theme .owl-dots .owl-dot span {
    background: #C7CDD5 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1D2A3B !important;
}


/* .next {
    transform: rotate(180deg);
} */

@media(min-width: 1400px){
    .btn-my-cart, .btn-login, .btn-guest-order{
        padding: 12px 40px;
    }
}
/* ======================== INDEX BANNER ================== */

.index-banner {
    background-color: #84C0FC;
    text-align: left;
    padding-top: 65px;
}

.index-banner-content p {
    font-weight: 600;
    letter-spacing: 0.06px;
    /* font-size: 16px; */
    margin: 0;
}

.index-banner-content h1 {
    /* font-size: 32px; */
    font-weight: 700;
    margin: 20px 0 38px 0;
    color: #FFFFFF;
}

.img-index-banner {
    display: none;
}

.banner-arrow-bg {
    height: 60px;
    width: 38px;
    padding: 5px;
    background: #FFFFFF;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 10px #0000001A;
}

.banner-arrow-border {
    padding: 10px;
    border: 2px white solid;
    margin-top: -65px;
    border-radius: 30px;
}

.banner-arrow-bg img {
    width: 25px;
    transform: rotate(90deg);
}

.page-headline h1 {
    /* font-size: 32px; */
}

.invalid-message{
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #e3342f;
}
/* ======================= INDEX CARDS WHAT WE OFFER =================== */

.index-about-us {
    padding: 30px 0;
}

.card {
    box-shadow: 0px 5px 10px #0000001A;
    border-radius: 10px;
    border: none;
    padding: 45px 35px 35px 35px;
}
.card-body {
    text-align: center;
}

.card-img-top {
    width: 250px;
    height: 155px;
    align-self: center;
}

.card-title {
    margin-bottom: 10px;
    /* font-size: 18px; */
    font-weight: 700;
    color: #1D2A3B;
    white-space: nowrap;
}

.card-text {
    color: #495C77;
    /* font-size: 16px; */
    font-weight: 400;
}
.card-price {
    /* font-size: 28px; */
    font-weight: 700;
    font-family: 'Source Serif Pro', serif;
}

.card-price span:first-child {
    font-size: var(--fs-h3);
    font-weight: 300;
    vertical-align: middle;
    font-family: 'Source Sans Pro', sans-serif;
}

.card-price span:last-child {
    vertical-align: top;
    /* font-size: 18px; */
    font-weight: 700;
}

@media(min-width:992px){
    .card-section .card{
        height: 100%;
    }
    .categories-img{
        height: 150px;
    }
}
@media(min-width:1400px){
    .categories-img{
        height: 200px;
    }
}
@media(min-width:1700px){
    .categories-img{
        height: 250px;
    }
}

/* ================= MAP SECTION ================= */

.data-ceter-main {
    display: flex;
    box-shadow: 0px 5px 10px #0000001A;
    border-radius: 10px;
    padding: 35px 0;
}

.map-headline {
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    font-weight: 700;
    margin-bottom: 32px;
    margin-left: 15px;
}

.map-text {
    font-size: var(--fs-h5);
    line-height: var(--lh-h5);
    margin-bottom: 20px;
    color: #495C77;
}

.map-bg {
    background-image: url("../assets/Map.svg");
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

.map-bg li::marker {
    color: #84C0FC;
}


/* ================= INDEX WHY US ================= */

.img-tick {
    width: 42px;
    margin-right: 20px;
}

.why-us-headline-index {
    font-weight: 700;
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    margin-bottom: 65px;
    margin-top: 50px;
}

.why-us-small-headline {
    font-weight: 700;
    /* font-size: 24px; */
}

.why-us-text {
    /* font-size: 16px; */
}

.why-us-img {
    display: none;
}

.about-us-why {
    justify-content: center;
}
.index-why-us-section li {
    list-style-type: none;
    background: url('../assets/Tick.svg') no-repeat left top;
    padding: 0px 0 0px 60px;
}

.index-why-us-section ul li {
  background-position: left 0px top 0px;
}


/* ================ CLIENT REVIEWS ================= */

.client-reviews {
    background-color: #F2F9FF;
    padding-bottom: 30px;
}

.client-reviews h1 {
    padding-top: 62px;
    padding-bottom: 48px;
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.client-review-item img {
    width: 41px !important;
    margin-bottom: 18px;
}

.clients-review-content p {
    color: #495C77;
    /* font-size: 15px; */
    margin-bottom: 23px;
}

.clients-review-content-text {
    /* font-size: 16px; */
    font-weight: 700;
    font-family: 'Source Serif Pro', serif;
}

.owl-theme .owl-nav [class*='owl-'] {
    background: none !important;
}

.owl-nav .owl-prev div {
    background-image: url("../assets/navigation-arrows/chevron-left.svg");
    width: 20px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
}

.owl-nav .owl-next div {
    background-image: url("../assets/navigation-arrows/chevron-right.svg");
    width: 20px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media(min-width: 991px) {
    .owl-nav {
        display: block !important;
    }
}

@media(min-width: 1200px) {
    .owl-nav .owl-prev div {
        position: absolute;
        top: 50px;
        left: -100px;
        width: 50px;
        height: 55px;
    }
    .owl-nav .owl-next div {
        position: absolute;
        top: 50px;
        right: -100px;
        width: 50px;
        height: 55px;
    }
    .index-article-section .owl-nav .owl-next div,
    .index-article-section .owl-nav .owl-prev div {
        top: 160px
    }
    .section-blog-bg .owl-nav .owl-next div{
        top: 175px;
        right: -60px;
    }
    .section-blog-bg .owl-nav .owl-prev div {
        top: 175px;
        left: -60px;
    }
    .carousel-width {
        width: 85%;
    }
}


/* ================= INDEX ARTICLE SLIDER ===================== */

.index-article-section {
    margin-top: 45px;
    margin-bottom: 80px;
}

.article-section-headline {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}

.article-slider-main-image {
    border-radius: 10px;
    object-fit: cover;
    width: 45%;
    margin: 0 20px 20px 0;
    float: left;
}


/* =============== FOOTER ===================== */

.footer {
    background-color: #1D2A3B;
    padding: 47px 0 0 0;
    color: #FFFFFF;
}

.footer-icons img {
    width: 28px;
    margin-right: 20px;
}
.footer-icons a{
    color: #FFFFFF;
}

.payment-logo {
    height: 32px;
    margin-bottom: 35px;
}

.payment-logo:last-child {
    height: 40px;
}

.footer-text p {
    font-size: var(--fs-h5);
    line-height: var(--lh-h5);
}

.footer-text-headline {
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
    font-family: 'Source Serif Pro';
    font-weight: 700;
    margin: 30px 0;
}

.text-uppercase {
    /* font-size: 32px; */
    margin: 43px 0 22px 0;
    font-weight: 700;
}

.footer-list {
    color: #FFFFFF;
    font-size: 16px;
}

.list-unstyled li {
    margin-bottom: 15px;
}

.media-icons i {
    color: #FFFFFF;
    padding: 5px;
    border: #FFFFFF 1px solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin: 0 7px;
}

.all-rights {
    padding: 34px 0;
    letter-spacing: 2.4px;
    font-size: 16px;
}

.eurocoders {
    letter-spacing: normal;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 30px;
}

.logo-eurocoders {
    width: 80px;
    margin-left: 8px;
}


/* ===================================================== SUCCESS ====================================== */
.success{
    color: #1FC063 !important;
}
.section-success {
    margin-top: 35px;
    margin-bottom: 65px;
    padding: 35px 20px 45px 20px;
    box-shadow: 0 5px 10px #0000001A;
    display: flex;
    flex-direction: column;
}

.success-headline {
    color: #1FC063;
    font-size: 24px;
    font-weight: 700;
}
@media(min-width: 1400px){
    .success-headline {
        font-size: 32px;
    }
}

.success-content hr {
    color: #C7CDD5;
    margin: 20px 0;
}

.success-content p {
    font-size: 24px;
    margin-bottom: 20px;
    font-family: 'Source Serif Pro', serif;
}

.success-content p:last-child:not(.success-page-bank-payment .success-content p:last-child) {
    font-size: 16px;
    font-weight: 700;
}

.success-page-bank-payment .details.row{
    font-size: 14px;
    line-height: 20px;
}

.success-content p span {
    font-weight: 700;
}

.success-content p a {
    color: #84C0FC;
}

.success-image {
    display: flex;
    justify-content: center;
}


/* ==================== RESET PASSWORD & LOGIN & GUEST LOGIN ====================== */

.section-reset-password,
.section-register,
.section-guest-login {
    margin: 47px 0 29px 0;
    display: flex;
    flex-direction: column;
}

.reset-password-content {
    padding: 24px 20px 64px 20px;
    box-shadow: 0 5px 10px #0000001A;
    width: 100%;
}

.login-content,
.register-content {
    width: 100%;
}

.register-content-2 {
    padding: 24px 20px 64px 20px;
    box-shadow: 0 5px 10px #0000001A;
}

.reset-password-image,
.register-image {
    display: none;
}

.reset-password-mobile-headline,
.login-mobile-headline,
.register-mobile-headline {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 700;
    align-items: center;
    margin-bottom: 30px;
}

.reset-password-headline {
    font-weight: 700;
    font-size: 32px;
    width: 75%;
}

.login-headline,
.register-headline {
    font-weight: 700;
    /* font-size: 32px; */
    margin-bottom: 0;
}

.reset-password-headline-go-back,
.login-headline-new-account,
.register-go-back {
    margin: 0;
    font-size: 16px;
    color: #1D2A3B;
}

.reset-password-content p {
    font-size: 16px;
    color: #495C77;
    margin-bottom: 27px;
}

.form-group label,
.file-upload-label {
    font-size: 16px;
    color: #495C77;
    margin-bottom: 15px;
    letter-spacing: 1.6px;
}

.form-control {
    border: 1px solid #C7CDD5;
    height: 60px;
    font-size: 16px;
    border-radius: 10px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #C7CDD5;
}

.select2-container--default .select2-selection--single{
    border-radius: 10px !important;
    border: 1px solid #C7CDD5 !important;
}
.select2-container .select2-selection--single{
    height: 60px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 60px !important;
    color: #495057 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 15px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: 1px solid #C7CDD5;
}
.form-group {
    margin-bottom: 35px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #C7CDD5;
    margin: 20px 0;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #C7CDD5;
    font-size: 20px;
}

.separator:not(:empty)::before {
    margin-right: 10px;
}

.separator:not(:empty)::after {
    margin-left: 10px;
}

.facebook {
    color: #3B5998;
    text-align: center;
    cursor: pointer;
}

.facebook:hover {
    color: #3B5998;
}

.facebook img {
    margin-right: 13px;
}

.google {
    color: #DD4B39;
    text-align: center;
    margin-top: 38px;
    cursor: pointer;
}

.google:hover {
    color: #DD4B39;
}

.google img {
    margin-right: 13px;
}

.section-login .input-group-text {
    height: 60px;
    background-color: #FFFFFF;
    border-color: #C7CDD5;
    border-right: hidden;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-login {
    border-left: hidden;
    border-radius: 10px;
}
.input-hr {
    height: 1px;
    color: #C7CDD5;
    width: 33px;
    transform: rotate(90deg);
}

.forgotten-password-link {
    text-decoration: underline;
    color: #84C0FC;
    font-size: 16px;
    float: right;
    margin-top: -20px;
    margin-bottom: 30px;
}

.forgotten-password-link-2 {
    min-width: fit-content;
}

.section-guest-login .input-group-text {
    border: 1px solid #C7CDD5;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.guest-login-main,
.guest-login {
    padding: 24px 20px 64px 20px;
}

.guest-login-text {
    margin: 15px 0 28px 0;
}


/* =========================================== WEB HOSTING & COLOCATION ========================================*/

.section-colocation,
.section-services {
    margin-top: 45px;
}

.web-hosting-headline,
.colocation-headline,
.rented-servers-headline {
    /* font-size: 32px; */
    font-weight: 700;
    margin-bottom: 15px;
}

.web-hosting-p,
.colocation-p,
.rented-servers-p {
    color: #495C77;
    /* font-size: 18px; */
    margin: 0;
}

.price-per-year {
    font-weight: 700;
}

.img-main {
    display: none;
}

.data-center-statistics div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner-icons-img {
    width: 50px;
    height: 55px;
}

.banner-icons div p {
    /* font-size: 16px; */
    font-weight: 700;
}

.section-plans {
    justify-content: center;
}

.plan-item {
    background-color: #F5F7F8;
    padding: 30px 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plan-item h3 {
    margin: 10px 0 0 0;
    /* font-size: 24px; */
    color: #495C77;
    font-weight: 600;
}

.plan-item h1 {
    /* font-size: 45px; */
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.plan-item-price {
    /* font-size: 48px; */
    margin-bottom: 0;
}

.plan-item-price span:last-child {
    /* font-size: 32px; */
}

.plan-item p {
    margin: 0;
    color: #495C77;
    /* font-size: 16px; */
    text-align: center;
}

.plan-item p:first-of-type {
    margin-bottom: 15px;
    text-align: center;
}

.plan-item p:last-of-type {
    margin: 25px 0;
    font-weight: 700;
    text-align: center;
}

.plan-item-start {
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px #0000001A;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}

.plan-recommended {
    /* font-size: 24px; */
    padding: 18px 0;
    color: #FFFFFF;
    background-color: #84C0FC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0;
    text-align: center;
    font-weight: 700;
}
@media(min-width: 1200px){
    .plan-recommended{
        position: absolute;
        bottom: 100%;
        width: calc(100% - 2*calc(var(--bs-gutter-x) / 2));
    }
}

.why-us-section {
    justify-content: center;
}

.why-us-headline {
    /* font-size: 32px; */
    font-weight: 700;
    margin: 80px 0 60px 0;
}

.why-us-reason {
    align-items: center;
    margin-bottom: 0px;
}

.why-us-reason-text h3 {
    /* font-size: 24px; */
    font-weight: 700;
}

.why-us-reason-text p {
    color: #495C77;
    /* font-size: 18px; */
    margin: 18px 0 37px 0;
}

.why-us-reason .col-img {
    display: none;
}


/* ====================================================== ABOUT US ==================================== */

.about-us,
.choose-us {
    padding: 40px 20px 50px 20px;
    box-shadow: 0 5px 10px #0000001A;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.about-us h2,
.choose-us h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
}

.about-us p,
.choose-us p {
    color: #495C77;
    font-size: 16px;
}

.what-we-offer h1 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin: 75px 0 43px 0;
}

.choose-us-background {
    padding-top: 70px;
    background: linear-gradient(to top, #FFFFFF 0 20%, #F5F7F8 20% 100%);
    margin-top: 60px;
}

.choose-us {
    background-color: #FFFFFF;
}

.section-about-us .container .about-us-why {
    margin-bottom: 70px;
}


/* ======================= CONFIGURE WEB HOSTING & CONFIGURE COLOCATION & COLOCATION DEDICATED ======================= */

.hosting-info {
    margin: 0 -20px 29px -20px;
    background-color: #F5F7F8;
    padding: 50px 0 35px 0;
}

.hosting-info .container h1 {
    padding: 0;
    margin: 0;
    /* font-size: 32px; */
    font-weight: 700;
    margin-bottom: 20px;
}

.headline-p {
    color: #C7CDD5;
    margin-bottom: 32px;
}

.hosting-info .container h2 {
    /* font-size: 24px; */
    font-weight: bold;
    /* margin-bottom: 15px; */
}

.plan-specifics {
    margin-bottom: 15px;
}

.plan-specifics p {
    color: #495C77;
    margin-bottom: 0;
}

.payment-info {
    margin-bottom: 50px;
}

.payment-info h3,
.added-services h3 {
    /* font-size: 24px; */
    font-weight: 700;
    margin-bottom: 15px;
}

.payment-plan,
.service {
    border: 1px solid #C7CDD5;
    border-radius: 10px;
}
.payment-plan p {
    margin: 0;
}
.domain-radio-group .payment-plan p {
    font-weight: 400;
}

.form-check-input {
    width: 25px;
    height: 25px;
}

.form-check-input:checked {
    background-color: #84C0FC;
    border: none;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-label {
    /* font-size: 24px; */
    font-weight: 700;
    margin-left: 20px;
}

.payment-plan .form-check-label {
    /* font-size: 20px; */
    margin-left: 10px;
}

.form-check h3,
.service h3 {
    /* font-size: 24px; */
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
}
.service-description{
    font-weight: 400;
    /* font-size: 16px; */
}

.form-check span {
    /* font-size: 16px; */
    margin: 0;
    margin-left: 20px;
    color: #C7CDD5;
    font-weight: 400;
}

.current-order-content {
    box-shadow: 0 5px 10px #0000001A;
    padding: 20px 20px 35px 20px;
}

.current-order h2 {
    text-align: center;
    font-size: var(--fs-h3);
    font-weight: 700;
}

.order-component {
    padding: 5px 20px;
}
.subscription.current-order .order-component div.justify-content-between{
    padding: 20px 0;
}

.order-component div {
    border-bottom: 1px solid #C7CDD5;
}

.order-component p {
    /* font-size: 16px; */
}

.added-services {
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 55px;
}

.order-total {
    font-weight: 700;
    padding: 25px 10px 30px 15px;
    font-size: 16px;
    align-items: center;
}

.order-total p {
    margin: 0;
}

.order-total p:last-child {
    font-size: var(--fs-h3);
}

.payment-plan-content {
    align-items: baseline;
    justify-content: space-between;
}

.section-colocation-dedicated .form-group,
.section-colocation-configure .form-group {
    padding: 0;
}

.checkbox-fix {
    margin-top: -30px;
}


/* ==================================================== RENTED SERVERS & SERVICES ================================================ */

.section-services {
    margin-bottom: 45px;
}

.section-table-rented-servers,
.section-table-services {
    box-shadow: 0 5px 10px #0000001A;
    margin-top: 60px;
    margin-bottom: 100px;
}
/* .server-model:nth-child(2n){
    background-color: #F5F7F8;
} */

.server-model {
    display: flex;
    flex-direction: column;
    /* font-size: 18px; */
    padding: 20px 35px 35px 35px;
    flex-grow: 1;
    /* flex-basis: 50%; */
}
.section-table-rented-servers .server-model {
    padding-top: 55px;
}

.server-model-price {
    display: flex;
    flex-direction: row;
    font-size: var(--fs-h3) !important;
    line-height: var(--lh-h3);
}

.server-model-price span {
    color: #1D2A3B !important;
    font-size: var(--fs-h5);
    line-height: var(--fs-h5);
}

.section-table-rented-servers div,
.section-table-services div {
    color: #1D2A3B;
    font-weight: 700;
    /* font-size: 16px; */
}

.section-table-rented-servers p {
    margin: 0;
    /* font-size: 32px; */
}

.section-table-rented-servers span,
.section-table-services span {
    color: #7F8DA0;
    font-weight: 700;
    /* font-size: 16px; */
}

.call-configuration img {
    width: 300px;
}

.call-configuration h2 {
    /* font-size: 32px; */
    font-weight: 700;
    margin: 35px 0 30px 0;
}

.call-configuration p {
    color: #495C77;
    /* font-size: 24px; */
    margin-bottom: 45px;
}

.section-services h1 {
    /* font-size: 32px; */
    font-weight: 700;
    margin-bottom: 33px;
}

.services-table-headline {
    color: #C7CDD5 !important;
    font-weight: 700;
}

.modal-configurations h5 {
    /* font-size: 24px; */
    font-weight: 700;
}

.modal-header {
    border: none;
    padding: 20px;
}

/* .modal-body {
    padding: 0 20px 20px 20px;
} */

.modal-configurations p {
    color: #495C77;
    font-size: 16px;
    margin: 0;
}

.modal-configurations label {
    margin: 20px 0 15px 0;
}

.modal-body .section-guest-login {
    height: auto;
    overflow: auto;
}


/* ==================================================== DATA CENTER ================================================ */

.data-center-banner-text h2 {
    margin: 40px 0 20px 0;
    font-size: 28px;
    font-weight: 700;
}

.data-center-banner-text p {
    color: #495C77;
    font-size: 16px;
    margin-bottom: 40px;
}

.data-center .what-we-offer {
    margin-bottom: 105px;
}

.data-center-ticks img {
    margin-right: 15px;
    width: 40px;
    height: 40px;
}

.data-center-ticks h3 {
    font-size: 16px;
    font-weight: 700;
}

.data-center-tick-row {
    margin: 17px 0;
}

.data-center-ticks {
    margin-top: 80px;
}

.data-center-statistics {
    margin-top: 90px;
}

.data-center-statistics img {
    width: 50px;
    height: 50px;
    margin-top: 35px;
    margin-bottom: 10px;
}

.data-center-statistics p {
    font-size: 16px;
    font-weight: 700;
    color: #495C77;
    text-align: center;
}

.data-center-statistics h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}


/* ==================================================== MY CART ================================================ */

.my-cart-order {
    padding: 50px 20px 30px 20px;
    margin: 0 -20px 45px -20px;
    font-size: 16px;
}

.my-cart-order p {
    margin: 6px 0;
}

.my-cart-order h1 {
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    font-weight: 700;
    margin-bottom: 40px;
}

/* Adjustments for tablet screens */
@media (max-width: 1199px) {
    .my-cart-order h1 {
        /* font-size: 28px; */
        margin-bottom: 30px;
    }
}

/* Adjustments for mobile devices */
@media (max-width: 575px) {
    .my-cart-order h1 {
        /* font-size: 24px; */
        margin-bottom: 20px;
    }
}

.continue-shopping {
    color: #1D2A3B;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
}

.continue-shopping:hover {
    color: #1D2A3B;
}

.section-my-cart .form-select {
    font-weight: 700;
}

.configurations-payment h3,
.profile-configuration h3 {
    /* font-size: 24px; */
    font-weight: 700;
    margin-top: 50px;
}
.profile-configuration h2{
    margin-top: 24px;
}
.cart-payment-info .form-label {
    margin-bottom: 15px;
    margin-top: 20px;
    color: #495C77;
    font-size: 16px;
}

.edit-delete-order {
    font-weight: 700;
}

.edit-delete-order a {
    color: #1D2A3B;
}

.label-curency-promo {
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 24px;
    font-family: 'Source Serif Pro', serif;
    font-weight: 700;
}


/* ==================================================== REGISTER ================================================ */

.security-code-show {
    margin-top: 25px;
}

.form-register-input-field label,
.security-code-field label {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #495C77;
}

.section-new-request .security-code-field label {
    margin-top: 0;
}

.input-password {
    border: 1px #C7CDD5 solid;
    /* border-right: hidden; */
    border-radius: 10px !important;
}

.form-register-input-field button {
    border: 1px #C7CDD5 solid;
    border-radius: 10px;
    border-left: hidden;
}


/* =========================== CHANGE PASSWORD & NEW REQUEST & PROFLE SETTINGS ============================== */

.logged-user-icon {
    width: 20px;
    margin-right: 8px !important;
}
.logged-user-icon-bell {
    width: 20px;
}
.logged-user-name{
    overflow: hidden;
    text-overflow: ellipsis;
}
.bell-notice{
    left: 45%;
    top: -10%;
}
/* .acount-notice{
    right: 65.8%;
} */
@media(max-width: 380px){
    .logged-user-icon{
        margin-right: 10px;
    }
}
@media(min-width: 1400px){
    .logged-user-icon, .logged-user-icon-bell{
        width: 25px;
    }
    .bell-notice{
        left: 50%;
        top: -15%;
    }
}

.account-notification-route{
    top: 0px;
    right: 0px;
}
@media(max-width: 992px){
    .account-notification-route{
        right: 8px;
    }
}
.account-notification-route svg{
    top: 0px;
    right: 7px;
}
@media(min-width: 1200px){
    .account-notification-route svg{
        right: 16px;
    }
}
@media(min-width: 1400px){
    .account-notification-route svg{
        right: 24px;
    }
}
.notice-box{
    display: none;
    width: 300px;
    right: -25%;
    font-size: 12px;
    padding: 16px;
    border-radius: 10px;
    line-height: 17px;
    z-index: 1;
    background-color: #FFFFFF;
    left: unset;
    top: unset;
}
@media(max-width: 992px){
    .notice-box{
        right: unset;
        left: 0;
        top: -55px;
    }
}
.notice-account-box{
    display: none;
    width: 300px;
    right: 9%;
    font-size: 12px;
    padding: 16px;
    border-radius: 10px;
    line-height: 17px;
    z-index: 1;
    background-color: #FFFFFF;
    top: 80%;
}
@media(max-width: 992px){
    .notice-account-box{
        right: unset;
        top: -55px;
    }
}
.account-notification-route:hover .notice-account-box{
    display: block;
}
.user-notice:hover .notice-box{
    display: block;
}
.notice-box .message{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #C7CDD5;
}
.notice-box .message{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #C7CDD5;
}
.logged-user {
    color: #84C0FC;
    font-weight: 700;
    /* font-size: 14px; */
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media(min-width:992px){
    .logged-user {
        max-width: 120px;
    }
}
@media(min-width:1400px){
    .logged-user {
        max-width: 130px;
    }
}
@media(max-width:576px){
    .logged-user {
        max-width: 115px;
        /* font-size: 16px; */
        display: block;
    }
    .logged-user-icon{
        width: 20px;
        margin-right: 10px;
    }
}
@media(max-width:992.99px){
    .logged-user {
        max-width: 200px;
    }
}

.change-password-img {
    width: 450px;
    float: right;
    margin-left: 100px;
}

.new-request-img {
    width: 400px;
    margin-left: 70px;
}

.change-password-cancel,
.profile-settings-cancel {
    color: #1D2A3B;
    /* font-size: 16px; */
    font-weight: 700;
    margin-top: 32px;
}

.change-password-headline h1 {
    /* font-size: 32px; */
    font-weight: 700;
    margin-bottom: 17px;
}

.profile-settings-headline h1 {
    /* font-size: var(--fs-h2);
    line-height: var(--lh-h2); */
    font-weight: 700;
}

.change-password-headline,
.new-request-headline {
    margin-bottom: 27px;
    margin-top: 48px;
}

.profile-settings-headline {
    margin-top: 48px;
    gap: 20px;
}
@media(min-width:992px){
    .profile-settings-headline{
        margin-top: 0;
    }
}

.section-change-password .form-group,
.section-new-request .form-group {
    margin-bottom: 20px;
}

.section-change-password,
.section-new-request,
.section-invoices {
    margin-bottom: 80px;
}

.section-new-request h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

.section-new-request p {
    color: #495C77;
    font-size: 16px;
    margin: 0;
}


/* .section-new-request textarea{
    height: 130px;
} */

.section-new-request .input-group-text {
    padding: 16px 28px;
    background: #C7CDD5;
}

.section-new-request .input-group-text img {
    width: 30px;
}

.save-cancel-btn {
    margin-top: 30px;
}

.section-profile-settings .save-cancel-btn {
    margin-bottom: 50px;
}

.section-profile-settings form {
    margin-right: 0px;
}

.section-profile-settings .form-label {
    margin: 20px 0 15px 0;
}


/* .owl-carousel-menu .owl-item div{
    width: max-content;
} */

.fileUpload {
    position: relative;
    overflow: hidden;
    padding: 16px 28px;
}


.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.btn--browse {
    border: 1px solid #C7CDD5;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    background-color: #C7CDD5;
    height: 60px;
}

.f-input {
    height: 60px;
    background-color: white;
    border: 1px solid #C7CDD5;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    float: left;
    width: 82%;
    padding: 0 20px;
}


/* ==================================================== PROFILE ================================================ */

.profile-bought {
    border-radius: 10px;
}

.profile-bought h3 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
}

.profile-bought p {
    /* font-size: 16px; */
    font-weight: 700;
}

.profile-optons {
    margin-top: 20px;
    border-radius: 10px;
}

.profile-optons-content {
    padding: 18px 27px 30px 27px;
}

.profile-optons p {
    font-size: 16px;
}

.profile-options-headline {
    padding: 0px 27px;
    font-size: 24px;
    font-weight: 700;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 96px;
}

.profile-optons-content-blog {
    margin: 18px 40px 16px 40px;
}

.profile-optons hr {
    margin: 0;
    height: 2px;
    color: #C7CDD5;
}


/* ==================================================== CONTACTS ================================================ */

.contacts-map-bg {
    background: linear-gradient(to top, #FFFFFF 0 60%, #F5F7F8 60% 100%);
}

.contacts-form form {
    padding: 35px 33px;
}

.contacts-form {
    margin-top: 72px;
    margin-bottom: 69px;
}

.contacts-info {
    padding: 40px 0 30px 0;
}

#map {
    height: 400px;
    width: 100%;
}

.contacts-info h3 {
    /* font-size: 16px; */
    font-weight: 700;
}

.contacts-info img {
    width: 40px;
    margin-right: 20px;
}

.contacts-form-headline h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

.contacts-form-headline h4 {
    color: #495C77;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 33px;
}

.contacts-form .form-group label {
    margin-bottom: 7px;
}

.contacts-form .form-group {
    margin-bottom: 20px;
}

.contacts-form textarea {
    height: 190px;
}

.contacts-check-agree {
    font-size: 16px;
    font-weight: 400;
}

.contacts-check-agree a {
    /* font-size: 16px; */
    font-weight: 700;
    text-decoration: underline;
}


/* ==================================================== OPEN ARTICLE & BLOG ================================================ */
.category-row{
    gap: 20px;
}
.section-open-article-bg {
    padding: 65px 0 70px 0;
    background: linear-gradient(to top, #FFFFFF 0 60%, #F5F7F8 60% 100%);
}

.section-blog-bg {
    padding: 45px 0 45px 0;
    background: linear-gradient(to top, #FFFFFF 0 40%, #F5F7F8 40% 100%);
}

.article-content {
    padding: 50px 20px;
    background-color: #FFFFFF;
}

.blog-last-articles {
    padding: 45px 20px;
    background-color: #FFFFFF;
    margin-top: 42px;
    margin-bottom: 50px;
}

.open-article-headline h1 {
    font-size: 24px;
    margin-bottom: 15px;
}

.open-article-headline p {
    color: #C7CDD5;
    font-size: 16px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.open-article-text {
    margin-top: 20px;
}

.open-article-text p {
    color: #495C77;
    font-size: 16px;
}

.blog-navbar-hr {
    width: 22px;
    transform: rotate(90deg);
    margin: 0;
    color: #C7CDD5;
}

.blog-categories h2 {
    font-size: 32px;
}

.blog-categories img {
    width: 23px;
    height: 11px;
    margin-right: 10px;
}

.blog-categories a {
    color: #495C77;
    font-size: 24px;
}

.blog-last-articles h1 {
    font-size: 32px;
    margin-bottom: 30px;
}

.blog-article-headline p {
    font-size: 16px;
    margin: 25px 0 10px 0;
    margin-right: 10px;
}
.index-article-section .article-domain{
    display: none;
}
.blog-article-headline h5 {
    font-size: 16px;
    margin-bottom: 10px;
}

.blog-article-text {
    font-size: 16px;
    color: #495C77;
    margin-bottom: 15px;
}

.blog-article-content img {
    width: 20px !important;
    height: 10px;
    margin-left: 10px;
}

.blog-articles-main-img {
    height: 360px;
    object-fit: cover;
    border-radius: 10px;
}

.blog-article {
    margin-bottom: 50px;
}

.owl-carousel.off {
    display: block;
}


/* ==================================================== USEFUL INFO ================================================ */

.useful-info-headline h1 {
    /* font-size: 32px; */
    margin-top: 48px;
    margin-bottom: 10px;
}

.useful-info-headline p {
    color: #495C77;
    /* font-size: 16px; */
    margin-bottom: 28px;
}

.useful-info-form {
    padding: 52px 21px;
    margin-bottom: 33px;
}

.useful-info-table {
    border: 1px #C7CDD5 solid;
    border-left: hidden;
    border-right: hidden;
    padding: 39px 21px 25px 21px;
    margin-bottom: 60px;
}

.useful-info-table-text {
    margin-left: 20px;
}

.useful-info-table-text h3 {
    font-size: 16px;
}

.useful-info-table-text p {
    font-size: 16px;
}

.useful-info-table-row {
    border-bottom: 1px solid #C7CDD5;
    padding-bottom: 20px;
    padding-top: 28px;
}

.useful-info-table-row:last-of-type {
    border: none;
    padding-bottom: 0;
}

.useful-info-table-row:first-of-type {
    padding-top: 0;
}

.useful-info-form form {
    width: 100%;
}

.useful-info-form .input-group input {
    font-size: 12px;
}


/* =========================== Page 404 =========================== */

.img-404-main {
    width: 180px;
}

.hr-404 {
    width: 40px;
    height: 2px !important;
    color: #84C0FC;
}

.hr-404:first-of-type {
    margin-right: 15px;
}

.hr-404:last-of-type {
    margin-left: 15px;
}

.logo-404 {
    margin-top: 50px;
    margin-bottom: 40px;
}

.text-404 {
    font-size: 18px;
    margin: 40px 25px;
    max-width: 530px;
}

.page-404 {
    margin-bottom: 100px;
}
.btn-order{
    padding: 20px 75px;
}

/* ==================================================== MEDIA QUERIES ================================================ */

@media only screen and (max-width: 480px) {
    .modal {
        width: auto;
        height: 100vh;
        overflow-y: auto;
    }
    .modal-title {
        font-size: 29px;
    }
    .modal-content {
        height: 100vh;
        overflow: auto;
        max-height: calc(100vh - 100px);
        margin-bottom: 20px;
    }
    .login-modal.request-modal {
        max-width: 100% !important;
        margin: 0 !important;
    }
}

@media(min-width: 362px) {
    .btn-contacts-send {
        padding: 20px 95px;
    }
    .btn-profile-new-request {
        padding: 13px 82px;
    }
}

@media(min-width: 576px) {
    .btn-learn-more {
        width: fit-content;
    }
    .page-headline h1 {
        /* font-size: 42px; */
    }
    .hosting-info {
        margin: 0 0 29px 0;
    }
    .my-cart-order {
        margin: 0 0 45px 0;
    }
    .section-success img {
        width: 320px;
    }
    .payment-plan .form-check-label {
        font-size: 24px;
    }
    .p-x-sm-20 {
        padding: 0;
    }
    .useful-info-form {
        border-radius: 10px;
    }
    .useful-info-table {
        border-right: 1px #C7CDD5 solid;
        border-left: 1px #C7CDD5 solid;
        border-radius: 10px;
    }
    .useful-info-form .input-group input {
        font-size: 16px;
    }
    .f-input {
        width: 415px;
    }
    .blog-last-articles {
        border-radius: 10px;
    }
    .img-404-main {
        width: 300px;
    }
    .hr-404 {
        width: 70px;
    }
    .hr-404:first-of-type {
        margin-right: 30px;
    }
    .hr-404:last-of-type {
        margin-left: 30px;
    }
}

@media(min-width: 600px) {
    .reset-password-image,
    .register-image {
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
    }
    .reset-password-image img,
    .register-image img {
        width: 85%;
    }
    .section-reset-password,
    .section-register {
        flex-direction: column-reverse;
        align-items: center;
    }
    .login-headline,
    .register-headline {
        /* font-size: 48px; */
    }
    .why-us-headline {
        /* font-size: 48px; */
        text-align: center;
    }
    .why-us-reason-text h3 {
        /* font-size: 32px; */
    }
}

@media(min-width: 768px) {
    .contacts-check-agree a {
        margin-left: 10px;
    }
    .img-reasons {
        width: 100%;
    }
    .why-us-reason .col-img {
        display: block;
    }
    .why-us-reason {
        margin-bottom: 50px;
    }
    .img-index-banner {
        display: block;
    }
    .map-text {
        /* font-size: 24px; */
    }
    .payment-info h2,
    .added-services h2 {
        /* font-size: 32px; */
    }
    .payment-plan-content {
        flex-direction: column;
    }
    .w-md-35 {
        width: 35%;
    }
    .w-md-60 {
        width: 60%;
    }
    .m-l-50 {
        margin-left: 50px;
    }
    .m-r-50 {
        margin-right: 50px;
    }
    .form-register-input-field {
        width: 310px;
    }
    .security-code-show {
        margin-top: 0px;
    }
    .section-register .security-code-field {
        width: 320px;
    }
    .section-new-request .security-code-field {
        width: 360px;
    }
    .security-code-show-input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .security-code-input {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .section-success {
        flex-direction: row;
        justify-content: center;
        margin: 35px 60px 65px 60px;
    }
    .data-center-ticks h3 {
        font-size: 24px;
    }
    .google {
        margin-top: 0;
    }
    .section-colocation-dedicated .form-group,
    .section-colocation-configure .form-group {
        padding: inherit;
    }
    .m-r-md-20 {
        margin-right: 20px;
    }
    .contacts-form form {
        width: 600px;
    }
    .continue-shopping {
        margin: 0;
    }
    .label-curency-promo {
        margin-top: 50px;
    }
    .checkbox-fix {
        margin-top: 0;
    }
    .open-article-text {
        margin: 20px 50px;
    }
    .f-input {
        width: 593px;
    }
    .guest-login-main,
    .guest-login {
        padding: 50px 60px 64px 40px;
    }
    .img-404-main {
        width: 400px;
    }
    .hr-404 {
        width: 100px;
    }
    .logo-404 {
        width: 256px;
    }
    .text-404 {
        margin: 75px 50px;
        font-size: 24px;
    }
    .logo-404 {
        margin-top: 100px;
    }
    .my-cart-order {
        padding: 50px 50px 30px 50px;
    }
    .page-headline h1 {
        /* font-size: 52px; */
    }
    .btn-order{
        padding: 20px 70px;
    }
    .btn-call-configuration {
        width: fit-content;
    }
}
/* @media (max-width: 992px) {
    .navbar-collapse {
        position: absolute;
        top: 54px;
        left: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
        transition: all 0.4s ease;
        display: block;
        background-color: #FFFFFF;
        z-index: 1;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-left: 50%;
        left: 50%;
        transition: all 0.2s ease;
    }
    .navbar-collapse.show {
        left: 0;
    }
} */

@media(min-width: 992px) {
    .nav-blog-last{
        border-left: 1px solid #C7CDD5;
    }
    .map-bg {
        background-image: none;
        padding-left: 80px;
    }
    .map-headline,
    .why-us-headline-index{
        white-space: nowrap;
        z-index: 1;
    }
    .img-main {
        display: block;
    }
    .img-main img {
        width: 100%;
    }
    .page-headline h1 {
        /* font-size: 60px; */
    }
    .w-lg-50 {
        width: 50%;
    }
    .contacts-check-agree a {
        margin-left: 0px;
    }
    .useful-info-headline h1 {
        /* font-size: 48px; */
    }
    .added-services {
        margin-bottom: 120px;
    }
    .p-r-lg-10 {
        padding-right: 10px;
    }
    .p-l-lg-10 {
        padding-left: 10px;
    }
    .checkbox-fix {
        margin-top: -30px;
    }
    .checkbox-fix-2 {
        margin-top: -30px;
    }
    .open-article-headline h1 {
        font-size: 32px;
    }
    .why-us-img {
        display: flex;
    }
    .why-us-headline-index {
        /* font-size: 60px; */
        margin-top: 120px;
    }
    .client-reviews h1,
    .article-section-headline,
    .map-headline {
        /* font-size: 60px; */
    }
    .section-success {
        margin: 35px 120px 80px 120px;
    }
    .success-content hr {
        margin: 45px 0;
    }
    .register-go-back {
        display: none;
    }
    .navbar {
        padding-top: 20px;
        margin-bottom: 40px;
    }
    .what-we-offer h1 {
        /* font-size: 60px; */
        margin: 116px 0 58px 0;
    }
    /* .footer-text-headline {
        font-size: 67px;
    } */
    .footer-text p {
        /* font-size: 24px; */
    }
    /* .configurations, */
    .configurations-payment {
        width: 600px;
    }
    .current-order {
        width: calc(100% - 620px);
    }
    .w-lg-65 {
        width: 65%;
    }
    .w-lg-80 {
        width: 80%;
    }
    .form-register-input-field {
        width: 245px;
    }
    .section-register .security-code-field {
        width: 255px;
    }
    .section-reset-password,
    .section-register {
        flex-direction: row;
    }
    .login-content,
    .register-content {
        margin-right: 45px;
    }
    .section-guest-login .login-content {
        margin-right: 0;
    }
    .reset-password-content {
        margin-right: 45px;
        padding-right: 100px;
    }
    .reset-password-image img,
    .register-image img {
        width: 100%;
    }
    .btn-create-new-account {
        display: block;
    }
    .about-us h2,
    .choose-us h2 {
        /* font-size: 60px; */
    }
    .about-us p,
    .choose-us p {
        width: 50%;
    }
    .section-success img {
        width: 270px;
    }
    .call-configuration img {
        width: 400px;
    }
    .btn-call-configuration {
        margin: 0;
    }
    .call-configuration {
        margin-bottom: 160px;
    }
    .call-configuration h2 {
        /* font-size: 48px; */
    }
    .data-center-banner-text h2 {
        /* font-size: 32px; */
    }
    .web-hosting-headline,
    .colocation-headline,
    .rented-servers-headline {
        /* font-size: 60px; */
        margin-bottom: 30px;
    }
    .change-password-headline h1 {
        /* font-size: 48px; */
        margin-bottom: 0;
    }
    .section-new-request h1 {
        /* font-size: 48px; */
    }
    .section-services h1 {
        /* font-size: 48px; */
        margin-bottom: 70px;
    }
    .section-new-request .btn-security-code {
        padding: 15px 15px;
    }
    .data-center-statistics img {
        width: 80px;
        height: 80px;
    }
    .m-t-lg-20 {
        margin-top: 20px;
    }
    .m-r-lg-20 {
        margin-right: 20px;
    }
    .profile-bought h3 {
        font-size: 68px;
        line-height: 74px;
    }
    .profile-bought p {
        /* font-size: 24px; */
    }
    .contacts-form form {
        padding: 50px 100px 70px 100px;
        width: 800px;
    }
    .contacts-form {
        margin-top: 116px;
        margin-bottom: 119px;
    }
    .contacts-info h3 {
        /* font-size: 20px; */
    }
    .contacts-info {
        padding: 74px 0 67px 0;
    }
    .m-t-40-sm {
        margin-top: 0px;
    }
    .contacts-form .form-group label {
        margin-bottom: 15px;
    }
    .contacts-form .form-group {
        margin-bottom: 30px;
    }
    .contacts-form-headline h2 {
        font-size: 48px;
    }
    .contacts-form-headline h4 {
        font-size: 24px;
    }
    .contacts-input-cols-2 .form-group {
        width: 290px;
    }
    .contacts-form textarea {
        height: 60px;
    }
    .btn-contacts-send {
        margin-top: 0;
    }
    .label-curency-promo {
        margin-top: 93px;
    }
    .index-banner-content {
        margin-left: 50px;
    }
    .modal-header {
        padding: 50px;
    }
    /* .modal-body {
        padding: 0 50px 50px 50px;
    } */
    .modal-configurations h5 {
        font-size: 32px;
    }
    .modal-configurations p {
        font-size: 22px;
    }
    .article-content {
        padding: 70px 100px;
    }
    .useful-info-headline h1 {
        margin-bottom: 15px;
    }
    .useful-info-headline p {
        margin-bottom: 35px;
    }
    .useful-info-form {
        margin-bottom: 95px;
    }
    .useful-info-img {
        margin-left: 50px;
    }
    .f-input {
        width: 372px;
    }
    .blog-categories h2 {
        margin-bottom: 0;
        margin-right: 69px;
    }
    .blog-last-articles h1 {
        font-size: 48px;
    }
    .blog-article-headline h5 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .blog-article-text {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .blog-last-articles {
        margin-bottom: 90px;
        padding: 55px 70px;
    }
    .section-profile-settings .save-cancel-btn {
        margin-bottom: 100px;
    }
    .profile-settings-headline h1 {
        /* font-size: 48px; */
    }
    .img-404-main {
        width: 500px;
    }
    .hr-404 {
        width: 150px;
    }
    .hr-404:first-of-type {
        margin-right: 20px;
    }
    .hr-404:last-of-type {
        margin-left: 20px;
    }
    .category-row{
        gap: 50px;
    }
}

@media(min-width: 1200px) {
    .index-banner {
        background-color: #FFFFFF;
        padding-top: 0;
    }
    .index-bg-desktop {
        background-image: url("../assets/Shape.svg");
        background-size: contain;
        background-position: center left;
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        padding: 55px 0;
    }
    .section-account-services .server-model .flex-column,
    .section-account-services .services-table-headline {
        width: 18%;
    }

    .section-account-services .server-model .flex-column:first-of-type,
    .section-account-services .services-table-headline:first-of-type {
        width: 10%;
    }
    .server-model:nth-child(2n){
        background-color: #F5F7F8;
    }
    .owl-carousel-menu .owl-item {
        width: fit-content !important;
    }
    .owl-carousel-menu .owl-stage-outer {
        float: right !important;
    }
    .guest-login-main,
    .guest-login {
        padding: 70px 120px 64px 80px;
    }
    .w-xl-90 {
        width: 90%;
    }
    .w-xl-55 {
        width: 55%;
    }
    .owl-carousel-menu .owl-stage {
        width: 100% !important;
    }
    .open-article-headline h1 {
        font-size: 48px;
    }
    .article-content {
        padding: 70px 140px;
    }
    .navbar-logo {
        width: 218px;
    }
    .checkbox-fix-2 {
        margin-top: 0px;
    }
    /* .plan-item-start {
        padding-bottom: 70px;
    } */
    .why-us-headline {
        margin-top: 200px;
        /* font-size: 60px; */
    }
    .about-us-why .container .why-us-headline {
        margin-top: 160px;
    }
    .section-plans {
        margin-top: 150px;
    }
    .section-about-us .container .about-us-why {
        margin-bottom: 170px;
    }
    .navbar-light .navbar-nav .nav-link,
    .select-currency {
        /* font-size: 12px !important; */
    }
    .logged-user{
        /* font-size: 12px !important; */
    }
    /* .configurations, */
    .configurations-payment {
        width: 720px;
    }
    .current-order {
        width: calc(100% - 740px);
    }
    .reset-password-content {
        padding-right: 180px;
    }
    .form-register-input-field {
        width: 322px;
    }
    .section-register .security-code-field {
        width: 332px;
    }
    .section-success img {
        width: 300px;
    }
    .server-model {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 60px 20px 35px 20px;
    }
    .call-configuration img {
        width: 500px;
    }
    .call-configuration h2 {
        /* font-size: 60px; */
    }
    .data-center-banner-text h2 {
        /* font-size: 48px; */
    }
    .data-center-ticks img {
        margin-right: 30px;
    }
    .change-password-img {
        width: 500px;
        margin-left: 150px;
    }
    .new-request-img {
        width: 400px;
        margin-left: 100px;
    }
    .change-password-cancel,
    .profile-settings-cancel {
        margin-top: 0;
        margin-left: 20px;
    }
    .w-xl-auto {
        width: auto;
    }
    .change-password-headline,
    .new-request-headline {
        margin-bottom: 66px;
        margin-top: 50px;
    }
    .profile-settings-headline {
        margin-bottom: 20px;
        /* margin-top: 100px; */
    }
    .profile-settings-headline {
        margin-top: 0;
    }
    .section-change-password .form-group,
    .section-new-request .form-group {
        margin-bottom: 50px;
    }
    .btn-change-password-save {
        margin-top: 0;
    }
    .section-table-services {
        margin-top: 25px;
    }
    .m-xl-70 {
        margin-left: 70px;
    }
    .m-t-xl-20 {
        margin-top: 20px;
    }
    .h-details {
        margin-left: 215px;
    }
    .h-end-date {
        margin-left: 512px;
    }
    .h-left-days {
        margin-left: 50px;
    }
    .data-center .card-img-top {
        width: 350px;
        height: 240px;
        align-self: center;
    }
    .hosting-name {
        /* font-size: 24px; */
    }
    .section-profile-settings form {
        margin-right: 150px;
    }
    .profile-optons {
        width: 353px;
    }
    .contacts-form form {
        padding: 62px 120px 85px 120px;
        width: 920px;
    }
    .contacts-info h3 {
        /* font-size: 24px; */
    }
    .contacts-input-cols-2 .form-group {
        width: 330px;
    }
    .index-banner-content {
        margin-left: 70px;
    }
    .index-banner-content h1 {
        /* font-size: 42px; */
    }
    .index-banner-content p {
        /* font-size: 22px; */
    }
    .modal-header {
        padding: 50px 100px;
    }
    .open-article-text {
        margin: 61px 75px 0 75px;
    }
    .f-input {
        width: 457px;
    }
    .section-profile-settings .save-cancel-btn {
        margin-bottom: 150px;
    }
    .img-404-main {
        width: 600px;
    }
    .hr-404 {
        width: 170px;
    }
    .hr-404:first-of-type {
        margin-right: 50px;
    }
    .hr-404:last-of-type {
        margin-left: 50px;
    }
    .my-cart-order {
        padding: 50px 50px 40px 50px;
    }
}

@media(min-width: 1300px) {
    .success-content p {
        width: 80%;
    }
}

@media (min-width: 1400px) {
    .navbar-light .navbar-nav .nav-link,
    .select-currency {
        /* font-size: 14px !important; */
    }
    .logged-user{
        /* font-size: 14px !important; */
    }
    .why-us-small-headline{
        /* font-size: 32px; */
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1300px;
    }
    .m-t-xl-20 {
        margin-top: 0px;
    }
    .contacts-check-agree a {
        margin-left: 10px;
    }
    .open-article-text {
        margin: 61px 100px 0 100px;
    }
    .call-configuration-text {
        margin-right: 250px;
    }
    .navbar {
        padding-top: 40px;
    }
    .hosting-info .container h1 {
        /* font-size: 60px; */
    }
    /* .configurations, */
    .configurations-payment {
        width: 850px;
    }
    .current-order {
        width: calc(100% - 870px);
    }
    /* .my-cart-order h1 {
        font-size: 48px;
    } */
    .reset-password-image img,
    .register-image img {
        width: auto;
    }
    .form-register-input-field {
        width: 305px;
    }
    .section-register .security-code-field {
        width: 315px;
    }
    .m-l-100 {
        margin-left: 100px;
    }
    .m-r-100 {
        margin-right: 100px;
    }
    .section-success {
        margin: 35px 280px 211px 280px;
        padding: 80px 50px 60px 50px;
    }
    .data-center-banner-text h2 {
        font-size: 60px;
    }
    .data-center-ticks h3 {
        font-size: 32px;
    }
    .data-center-ticks {
        margin-top: 162px;
    }
    .data-center-statistics {
        margin-top: 200px;
    }
    .change-password-img {
        width: 600px;
        margin-left: 200px;
    }
    .new-request-img {
        width: 450px;
        margin-left: 160px;
    }
    .server-name {
        font-size: 24px !important;
    }
    .h-details {
        margin-left: 340px;
    }
    .h-end-date {
        margin-left: 535px;
    }
    .h-left-days {
        margin-left: 60px;
    }
    .m-t-lg-20 {
        margin: 0;
    }
    .section-change-password,
    .section-new-request,
    .section-invoices {
        margin-bottom: 160px;
    }
    .section-profile-settings form {
        margin-right: 300px;
    }
    .profile-bought h3 {
        font-size: 90px;
        line-height: 95px;
    }
    .profile-bought p {
        /* font-size: 32px; */
    }
    .profile-optons {
        width: 406px;
    }
    .contacts-form form {
        width: 1150px;
    }
    .contacts-input-cols-2 .form-group {
        width: 445px;
    }
    .modal-configurations h5 {
        font-size: 48px;
    }
    .modal-configurations p {
        font-size: 24px;
    }
    .useful-info-form {
        padding: 60px 50px 60px 40px;
    }
    .useful-info-form .input-group {
        width: 310px;
    }
    .f-input {
        width: 228px;
    }
    .blog-navbar-hr {
        width: 39px;
    }
    .blog-last-articles {
        padding: 70px 138px;
    }
    .img-404-main {
        width: 700px;
    }
    .hr-404 {
        width: 230px;
    }
    .my-cart-order {
        padding: 50px 100px 40px 50px;
    }
    .banner-arrow-bg {
        height: 87px;
        width: 49px;
    }
    .banner-arrow-border {
        padding: 12px;
        margin-top: -80px;
        border-radius: 40px;
    }
    .map-bg {
        padding-left: 130px;
    }
}

@media (min-width: 1700px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1636px;
    }
    .open-article-text {
        margin: 61px 138px 0 138px;
    }
    .modal-xl {
        max-width: 1360px;
    }
    /* .configurations, */
    .configurations-payment {
        width: 1080px;
    }
    .current-order {
        width: calc(100% - 1100px);
    }
    .reset-password-content {
        padding-right: 220px;
    }
    .register-content-2 {
        padding: 25px 220px 64px 100px;
    }
    .register-content {
        margin-right: 80px;
    }
    .form-register-input-field {
        width: 315px;
    }
    .section-register .security-code-field {
        width: 325px;
    }
    .btn-order,
    .btn-order-recomended {
        padding: 20px 108px;
        width: fit-content;
    }
    .section-success {
        padding: 113px 138px 80px 105px;
    }
    .section-success img {
        width: 370px;
    }
    .data-center-banner-text h2 {
        font-size: 67px;
    }
    .change-password-img {
        width: 680px;
        margin-left: 250px;
    }
    .new-request-img {
        width: 500px;
        margin-left: 210px;
    }
    .m-xl-70 {
        margin: 0;
    }
    .h-details {
        margin-left: 405px;
    }
    .h-end-date {
        margin-left: 810px;
    }
    .h-left-days {
        margin-left: 55px;
    }
    .section-profile-settings form {
        margin-right: 420px;
    }
    .profile-optons {
        width: 518px;
    }
    .contacts-form form {
        width: 1360px;
    }
    .contacts-info h3 {
        /* font-size: 32px; */
    }
    .contacts-input-cols-2 .form-group {
        width: 550px;
    }
    .index-banner-content {
        margin-left: 138px;
    }
    .index-banner-content h1 {
        /* font-size: 60px; */
    }
    .index-banner-content p {
        /* font-size: 32px; */
    }
    .modal-header {
        padding: 70px 138px;
    }
    .useful-info-form .input-group {
        width: 450px;
    }
    .f-input {
        width: 308px;
    }
    .my-cart-order {
        padding: 50px 70px 40px 70px;
    }
}

@media(max-width: 576px) {
    .container-full {
        padding: 0;
    }
}
@media(min-width: 1700px) {
    .row-cols-xxxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .mr-xxxl-6{
        margin-right: 3rem !important;
    }
    .pl-xxxl-6{
        padding-left: 3rem !important;
    }
}

@media(max-width: 768px) {
    .stop-container .container {
        padding: 0 0;
    }
}

@media(min-width: 992px) and (max-width: 1120px) {
    .footer h5 {
        font-size: 26px;
    }
}

@media(min-width: 300px) and (max-width: 350px) {
    .checkbox-fix-2 {
        margin-top: -30px;
    }
    .btn-login-navbar, .btn-my-cart {
        padding: 12px 25px;
    }
}


.account-table.table > :not(:last-child) > :last-child > *, .account-table thead span {
    border-bottom-color: transparent;
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    vertical-align: middle;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .account-table.table > :not(:last-child) > :last-child > * {
        /* font-size: 14px; */
        /* font-weight: 600; */
    }
    .account-table.table th:first-of-type,
    .account-table td:first-of-type {
        padding-left: 1.5rem;
    }
    .account-table.table th:last-of-type,
    .account-table td:last-of-type {
        padding-right: 1.5rem;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .account-table.table > :not(:last-child) > :last-child > * {
        /* font-size: 12px; */
        /* font-weight: 400; */
    }
}

.ticket-number {
    width: 10%;
}

.account-table.table > :not(caption) > * > * {
    border-bottom: none;
}

.account-table td,
.account-table th {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.account-table.table th:first-of-type,
.account-table td:first-of-type {
    padding-left: 1.5rem;
}

.account-table.table th:last-of-type,
.account-table td:last-of-type {
    padding-right: 1.5rem;
}


.account-table.table tbody,
.table-small{
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    font-family: 'Source Serif Pro', serif;
    font-weight: 600;
}
.table-small span{
    color: #C7CDD5;
    font-family: 'Source Sans Pro', sans-serif;
}
@media(min-width: 576px) and (max-width:992px){
    .table-small-row:nth-child(4n-2), .table-small-row:nth-child(4n-1) {
        background-color: #F5F7F8;
    }
}
@media(max-width:576px){
    .table-small-row:nth-child(even){
        background-color: #F5F7F8;
    }
}

.td-details div{
    width: 130px;
}
.td-details div:first-of-type{
    width: 150px;
}
@media(min-width: 1400px){
    .td-details div{
        width: 150px;
    }
    .td-details div:first-of-type{
        width: 250px;
    }
}
@media(min-width: 1700px){
    .td-details div{
        width: 180px;
    }
    .td-details div:first-of-type{
        width: 360px;
    }
}
.details-specific{
    color: #7F8DA0;
}
@media(min-width: 1400px){
    .account-table{
        /* font-size: 16px; */
    }
}
.account-table tr:has(input[type="checkbox"]:checked),
.table-small-row:has(input[type="checkbox"]:checked),
.border-blue{
    border: 1px solid #84C0FC;
}
.payment-plan:has(input[type="radio"]:checked),
.service:has(input[type="checkbox"]:checked){
    border: 1px solid #84C0FC;
    background-color: rgb(245, 247, 248);
}
.tr-thead{
    border: none !important;
}

.section-invoices .account-table td:last-of-type{
    width: 10%;
    text-align: end;
}
@media(min-width: 1700px){
    .section-invoices .account-table{
        /* font-size: 24px; */
    }
}
@media(min-width: 1200px){
    .section-invoices .account-table{
        /* font-size: 20px; */
    }
    .choose-domain h1{
        font-size: 48px;
    }
    .choose-domain h2{
        font-size: 32px;
        font-weight: 400;
        margin-top: 38px;
    }
    .choose-domain h3{
        font-size: 24px;
    }
}
.domain-success{
    background-color: #1FC06326;
    color: #1FC063;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.domain-error{
    background-color: #DD4B3926;
    color: #DD4B39;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.domain-success.small, .domain-error.small{
    border-radius: 5px;
    width: fit-content;
}
.domain-table tr td:first-of-type{
    width: 45%;
}
.transferDomain{
    border-radius: 10px;
}
.transferDomain .row.info-row{
    --bs-gutter-x: 0;
    border-bottom: 1px solid #C7CDD5;
    font-size: 16px;
}
.domain-success h3, .domain-error h3, .domain-price{
    font-size: 18px;
}
@media(min-width: 768px){
    .domain-table tr td:first-of-type{
        width: 60%;
    }
}
@media(min-width: 1200px){
    .domain-table tr td:first-of-type{
        width: 75%;
    }
    .domain-success h3, .domain-error h3{
        font-size: 24px;
    }
}
.domain-table tr td a{
    padding: 12px 54px;
}
.domain-table tr td a,
.check-domain{
    border-radius: 10px;
    border: 1px solid #1D2A3B;
    color: #1D2A3B;
}
.domain-table tr td a:hover,
.check-domain:hover{
    background-color: #1D2A3B;
    color: #FFFFFF;
}
.check-domain{
    width: fit-content;
}
@media(min-width: 1400px){
    .transferDomain .row.info-row{
        font-size: 20px;
    }
    .domain-price{
        font-size: 20px;
    }
}
@media(min-width: 1700px){
    .check-domain{
        padding: 17.5px 96px !important;
    }
    .transferDomain .row.info-row{
        font-size: 24px;
    }
}
.sale{
    background-color: #84C0FC;
    color: #FFFFFF;
}

.login-modal {
    background: none;
    display: block;
    width: auto;

    /* height: auto !important; */
    left: 0;
    right: 0;
    overflow-y: scroll;
    height: calc(100vh - 20px);
}
.login-modal.request-modal{
background: #fff;
margin: auto;
max-width: 80%;
overflow-y: auto;
}
@media(max-width:992px){
    .request-modal .modal-content{
        padding: 20px !important;
    }
}
@media(min-width:768px){
    .request-modal {
        top: 5% !important;
    }
}
@media(min-width:992px){
    .request-modal {
        top: 15% !important;
    }
}
@media(min-width:1200px){
    .login-modal.request-modal {
        height: auto !important;
        /* margin: 6em auto 0px auto; */
    }
}
/* @media(min-width:1700px){
    .login-modal.request-modal {
        margin: 15em auto 0px auto;
    }
} */
.guest-login-modal{
    padding: 0 !important;
}
.guest-login-modal .modal-dialog{
    max-width: 100%;
}
@media(min-width:576px){
    .guest-login-modal .modal-dialog{
        max-width: 80%;
    }
}
.close-guest-login-modal{
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 10px;
}

/* Base styles for desktop */
.checkout-service-name,
.price-per-year-main {
    /* font-size: 15px; Desktop default font size */
    font-weight: 600;
    line-height: 24px;
}

.show-details-btn {
    font-size: 14px; /* Desktop default font size */
}
.show-credentials-btn {
    font-size: 14px; /* Desktop default font size */
    text-decoration: none;


}
.btn-lock {
    background-color: #F5F7F8;
    color: #84C0FC !important;
    border: 1px solid #1D2A3B;
    border-radius: 5px;
    padding: 0px 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    position: relative; /* Needed for the tooltip */
}

.btn-lock::after {
    content: "Show/Hide password";
    position: absolute;
    bottom: 100%; /* Position above the button */
    left: 50%;
    transform: translateX(-50%);
    background-color: #1D2A3B;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.btn-lock:hover::after {
    opacity: 1;
    visibility: visible;
}
.desktop-action-buttons img{
    width: 100%;
}

/* Styles for tablets and down */
@media (max-width: 1199px) {
    .checkout-service-name,
    .price-per-year-main {
        /* font-size: 18px; */
        line-height: 31px;
    }
}

/* Styles for mobile devices */
@media (max-width: 575px) {
    .checkout-service-name,
    .price-per-year-main {
        /* font-size: 15px; */
        line-height: 21px;
    }

    .show-details-btn {
        /* font-size: 12px; */
    }
}

/* .checkout-service-name,
.price-per-year-main{
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}
.show-details-btn{
    font-size: 14px;
}
@media(min-width:576px){
    .checkout-service-name,
    .price-per-year-main{
        font-size: 18px;
        font-weight: 600;
        line-height: 31px;
    }
}

@media(min-width:1200px){
    .checkout-service-name,
    .price-per-year-main{
        font-size: 24px;
        font-weight: 600;
        line-height: 31px;
    }
    .show-details-btn{
        font-size: 16px;
    }
    .desktop-action-buttons img{
        width: 100%;
    }
} */

.select2.select2-container.select2-container--default{
    width: 100% !important;
}
.input-group:has(.form-control.is-invalid) .btn{
    border-color: #e3342f;
}

.input-group:has(input:-internal-autofill-selected) .input-group-text{
    background-color: #E8F0FE !important;
}
html:has(.current-order),
body:has(.current-order) {
    overflow-x: unset;
}
.current-order{
    position: relative
}
/* .current-order-content{
    position: sticky;
    top: 20px;
} */
span.cvv{
    color: #C7CDD5 !important;
}
.login-img{
    max-width: 680px;
}
.login-content-2{
    box-shadow: 0 5px 10px #0000001A;
}
@media(min-width:992px){
    .login-content-2{
        padding: 40px 60px !important;
    }
}
@media(min-width: 1400px){
    .login-content-2{
        padding: 65px 80px !important;
    }
}
@media(min-width: 1700px){
    .login-form .input-group{
        width: 488px;
    }
}
.new-ticket-modal{
    width: 100%;
}
#newTicketModal .modal-dialog{
    max-width: 600px;
}
.modal .close span{
    font-size: 2.55rem;
    columns: #1D2A3B;
    font-weight: 400;
}
.close-modal{
    font-size: 16px;
    color: #1D2A3B;
}
.file-upload-msg{
    font-size: 12px;
    color: #C7CDD5;
}
#newTicketModal .form-group{
    margin-bottom: 24px;
}
#newTicketModal .form-group label,
#newTicketModal .file-upload-label{
    margin-bottom: 10px;
}
.modal-content{
    border-radius: 10px;
}
.customFileModal label {
    background-color: transparent;
    color: #C7CDD5;
    border: 1px solid #C7CDD5;
    height: 60px;
    border-radius: 10px;
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    min-height: calc(1.6em + 0.75rem + 2px);
    width: 100%;
    line-height: 1.6;
    font-size: 0.9rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.message-board{
    width:auto;
    height: auto;
    border: 1px solid #C7CDD5;
    border-radius: 10px;
}

.user-message-container{
    margin-left: 10%;
    background-color: #84C0FC;
}


.admin-message-container{
    margin-right: 10%;
    background-color: #e8f1f6;
}
.file-upload-label{
    color: #e5b216;
}
a.file-download {
    color: inherit; /* Use the default text color */
    text-decoration: none; /* Remove underline */
}

/* Styles when hovering over the link */
a.file-download:hover {
    color: blue; /* Change text color to blue on hover */
}

/* Text to display for PDF files on hover */
a.file-download[data-file-type="pdf"]::after {
    content: " Download"; /* Text to display for PDF files */
    font-size: 0.9em; /* Adjust font size */
    color: blue; /* Text color for PDF download text */
    margin-left: 8px; /* Space between the link text and PDF download text */
}

/* Text to display for image files on hover */
a.file-download[data-file-type="image"]::after {
    content: "View"; /* Text to display for image files */
    font-size: 0.9em; /* Adjust font size */
    color: blue; /* Text color for image view text */
    margin-left: 8px; /* Space between the link text and image view text */
}

#uploadFile2 {
    background-color: transparent;
    color: #000000;
    cursor: pointer;
    border: 1px solid #1D2A3B;
    border-radius: 10px;
    /* font-size: 16px; */
}
#uploadFile2 span {
    white-space: nowrap;
}
#fileNamesContainer{
    text-align: right;
}
.message-container{
    width: 100%;
    height: auto;
    border: 1px solid #C7CDD5;
    border-radius: 10px;
    padding: 5px 20px 20px 20px;
}
.ticket-date{
    font-size: 16px;
}
.ticket-date span{
    color: #C7CDD5;
    font-family: 'Source Sans Pro', sans-serif;
}
.ticket-status{
    font-size: var(--fs-h5);
    line-height: var(--lh-h5);
}
.ticket-name{
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    margin-right: 16px;
}
@media(max-width: 992px){
    .ticket-date{
        font-size: 14px;
    }
    .ticket-status{
        /* font-size: 18px; */
        /* line-height: 24px; */
    }
    .ticket-name{
        /* font-size: 24px;
        line-height: 28px; */
    }
}
.lang-dropdown button{
    text-transform: uppercase;
}
.lang-dropdown .dropdown-item span{
    text-transform: capitalize;
}
.navbar-light .navbar-nav .nav-link:focus{
    color: #1D2A3B;
}
.select-currency:focus-visible{
    outline: none;
}
.select-currency{
    border: 0;
}
select.select-currency {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
}
.input-group.select-currency-group.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: 0.5em solid transparent;
    position: absolute;
    left: 40px;
    z-index: -1;
}
@media(min-width:576px){
    .input-group.select-currency-group.dropdown-toggle::after {
        left: 55px;
    }
}
@media(min-width:992px){
    .input-group.select-currency-group.dropdown-toggle::after {
        border-top: 0.25em solid;
        border-right: 0.25em solid transparent;
        border-left: 0.25em solid transparent;
        left: 25px;
    }
}
@media(min-width:1200px){
    .input-group.select-currency-group.dropdown-toggle::after {
        left: 33px;
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
    }
}
@media(min-width:1400px){
    .input-group.select-currency-group.dropdown-toggle::after {
        left: 45px;
    }
}
.navbar-brand,
.navbar-brand a svg{
    width: 120px;
}
@media(max-width:768px){
    .request-configuration input{
        height: 45px;
    }
}
@media(max-width: 1200px){
    .navbar-expand-lg .navbar-toggler{
        display: block;
    }
    .navbar-collapse{
        display: block;
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav{
        flex-direction: column;
    }
    .desktop-login-register-btn{
        display: none !important;
    }
    .mobile-login-register-btn{
        display: flex !important;
    }
    .navbar-toggler-icon{
        vertical-align: sub;
    }
    .hr-line{
        margin-left: 0px !important;
    }
    .nav-link, .select-currency, .mobile-login-register-btn{
        padding-left: 0px !important;
    }
    .navbar-nav{
        padding-left: 20px !important;
    }
}
@media(min-width: 1200px){
    .navbar-expand-lg .navbar-toggler{
        display: none;
    }
    .navbar-expand-lg .navbar-nav{
        flex-direction: row;
    }
    .desktop-login-register-btn{
        display: flex !important;
    }
    .mobile-login-register-btn{
        display: none !important;
    }
    .navbar-drop-shadow {
        box-shadow: none;
    }
    .navbar-light .navbar-nav .nav-link,
    .select-currency{
        /* font-size: 11px; */
        padding: 0;
    }
    .nav-logo {
        width: 400px;
        margin-top: 70px;
    }
    .navbar-collapse {
        width: auto !important;
    }
    .navbar-expand-lg .navbar-collapse {
        justify-content: center;
    }
    .navbar-blog .navbar-collapse {
        justify-content: end;
    }
    .navbar-nav {
        align-items: center;
    }
    .btn-login-navbar {
        margin-right: 20px;
    }
    .navbar-expand-lg .navbar-collapse{
        display: flex;
    }
    .hr-line {
        display: none !important;
    }
}
.modal-content{
    overscroll-behavior-y: contain !important;
}
.err-class .input-group .select2-selection{
    border: 1px solid #e3342f !important;
}
.err-class label{
    color: #e3342f
}
.err-class .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #e3342f transparent transparent transparent;
}
.bank-details .form-control:disabled{
    background-color: #F5F7F8;
}
.bank-details .form-control:disabled::placeholder{
    color: #1D2A3B;
    font-weight: 700;
}
.disable_order_btn{
    font-size: 12px;
    padding: 4px !important;
}
.disable_order_btn_horizontal{
    font-size: 12px;
    padding: 10px !important;
    width: 70%;
    margin-left: 33px;
}

.verify-email-content-box {
    font-size: 16px;
}
.verify-email-content-box h2{
    font-size: 22px;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
@media(min-width: 1400px){
    .verify-email-content-box{
        padding: 5rem 3rem !important;
    }
    .verify-email-content-box {
        font-size: 24px;
    }
    .verify-email-content-box h2{
        font-size: 32px;
    }
}
@media(min-width: 1700px){
    .verify-email-content-box{
        padding: 5rem 8rem !important;
    }
}
#app {
    height: 100%;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    margin: auto;
}

.footer {
    flex-shrink: 0;
}
.change-email-arrow{
    width: 22px;
    margin-right: 10px;
    transform: rotate(180deg);
}
.eep-key-input{
    max-height: 48px;
}
.copy-button{
    background-color: #e9ecef;
    border: 1px solid #C7CDD5;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.ticket-image{
    width: 20%;
    height: 20%;
}
.message-image{
    width: 50px;
    height: 50px;
    margin-bottom: 5%;
    margin-top: 5%;
}
.copy-btn-text{
    background: white;
    padding: 2px 5px;
    border-radius: 5px;
    bottom: calc(100% + 5px);
    right: 0%;
    border: 1px solid #84C0FC;
}
.account-services{
    display: grid;
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
    gap: 20px;
}
@media(min-width: 576px){
    .account-services{
        grid-template: repeat(2, 1fr) / repeat(2, 1fr);
    }
}
@media(min-width: 768px){
    .account-services{
        grid-template: repeat(2, 1fr) / repeat(3, 1fr);
    }
}
@media(max-width: 576px){
    .btn-profile-additional-info{
        padding: 13px 25px;
    }
}



.cart {
    position: relative;
    flex-direction: row;
}

.current-order-content {
    position: sticky;
    top: 10px;
    overflow-y: auto;
}
.foreground {
    position: absolute;
    top: 3rem;
    height: calc(100% - 3rem);
    right:0;
    -z-index: 1;
    width:37%;
}
.current-order-content {
    box-sizing: border-box;
    height: auto;
    max-height: 80vh;
}
.background{
    width:60%
}
/* For WebKit browsers (e.g., Chrome, Safari) */
.current-order-content::-webkit-scrollbar {
    width: 7px;
}

.current-order-content::-webkit-scrollbar-thumb {
background-color: #F5F7F8;
border-radius: 7px; /* Rounded edges */
}

.current-order-content::-webkit-scrollbar-track {
background-color: transparent; /* Set the track color as needed */
}

/* For Firefox */
.current-order-content {
scrollbar-color: #F5F7F8 transparent;
}

/* For Internet Explorer and Edge */
.current-order-content {
scrollbar-base-color: #F5F7F8;
}
@media (max-width: 992px) {
    .foreground {
        position: unset;
        width:100%;
    }
    .background{
        width:100%
    }
    .cart {
        display: flex;
        flex-direction: column;
    }
    .current-order-content {
        max-height: unset;
    }
}

.invoice-price .amount{
    font-size: 22px;
}
.invoice-price .currency{
    font-size: 16px;
}
.file-upload-label-inner{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-justify{
    text-align: justify;
}


.password-input-container {
    position: relative;
    display: flex;
    align-items: center;
}

.input-group input {
    padding-right: 30px; /* Adjust padding to prevent text from hiding behind the icon */
}

.password-info-icon {
    position: absolute;
    right: 10px; /* Adjust based on your design */
    cursor: pointer;
    top: 18px;
}

@media (max-width: 576px) {
    .ticket-info-row {
        display: inline !important;
        text-align: inherit !important;
    }
}
.ticket-info-row {
    /* d-flex align-items-center */
    display: flex;
    text-align: center;
    align-items: center;
}
.acount-menu-box{
    top: 35px;
    width: max-content;
    right: 0;
    border-radius: 10px;
    background-color: #F5F7F8;
    box-shadow: 0px 5px 10px #0000001A;
    z-index: 9999;
    bottom: unset;
    display: none;
}
@media(max-width: 992px){
    .acount-menu-box{
        top: unset;
        bottom: 35px;
        right: -40px;
    }
}

.logged-user-box:hover .acount-menu-box{
    display:flex;
    flex-direction:column
}

.acount-menu-box-links{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    padding: 16px 16px 0;
}
.acount-menu-box-logout{
    border-top: 1px solid #C7CDD5;
    color: #495C77;
    padding: 16px;
    margin-top: 16px;
}
.acount-menu-box-logout a{
    display: flex;
    column-gap: 8px;
    color: #495C77;
    align-items: center;
}

.configuration_text {
    color: #495C77;
    /* font-size: 24px; */
    margin-bottom: 45px;
}
.exist-font-size {
    /* font-size: 16px !important; */
}

/* .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.input-password),
.input-group > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
} */
.gap-6{
    gap: 24px;
}
@media(min-width:992px){
    .text-lg-nowrap{
        white-space: nowrap
    }
}
@media(min-width:1200px){
    .text-xl-nowrap{
        white-space: nowrap
    }
}
.quotation-mark{
    position: absolute;
    z-index: -1;
    width: 80px;
    top: -10px;
    left: -30px;
}
img.quotation-mark.second {
    bottom: -10px;
    right: -30px;
    transform: rotate(180deg);
    left: unset;
    top: unset;
}
/* .our-mission-quote h3{
    font-size: 34px;
} */
.why-choose-us .reason{
    flex: 1 1 0%;
}
.display-7 {
    font-size: calc(1rem + 1vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-7 {
        font-size: 1.5rem;
    }
}