.display-1 {
    font-size: 8.125rem;
    line-height: 1;
    font-weight: 700;

}
.display-2{
    font-size: 5.5rem;
    line-height: 1;
    font-weight: 700;
}

.display-3 {
    font-size: 4.6875rem;
    line-height: 1;
    font-weight: 700;
}

.display-4 {
    font-size: 3.4937499999999995rem;
    line-height: 1.1;
    font-weight: 700;
}

.display-5 {
    font-size: 3.125rem;
    line-height: 2;
    font-weight: 500;
}
.display-6 {
    font-size: 2.1rem;
    line-height: 1.3;
    font-weight: 500;

}

.display-7 {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 400;

}

@media (max-width:992px) {
    .display-1 {
        font-size: 5.5rem
    }
}

@media (min-width:992px) {
    .css_background {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

@media (max-width:768px) {
    .display-1 {
        font-size: 4.6875rem;
        font-size: calc(2rem + (8.125 - 3.4937499999999995) * ((100vw - 20rem)/ (48 - 20)));
        line-height: calc(1 * (3.4937499999999995rem + (8.125 - 3.4937499999999995) * ((100vw - 20rem)/ (48 - 20))))
    }

    .display-2 {
        font-size: 3.4937499999999995rem;
        font-size: calc(2rem + (5.5 - 3.4937499999999995) * ((100vw - 20rem)/ (48 - 20)));
        line-height: calc(1 * (3.4937499999999995rem + (5.5 - 3.4937499999999995) * ((100vw - 20rem)/ (48 - 20))))
    }

    .display-3 {
        font-size: 3.125rem;
        font-size: calc(2rem + (4.6875 - 3.125) * ((100vw - 20rem)/ (48 - 20)));
        line-height: calc(1 * (3.125rem + (4.6875 - 3.125) * ((100vw - 20rem)/ (48 - 20))))
    }

    .display-4 {
        font-size: 2.1rem;
        font-size: calc(1.74375rem + (3.4937499999999995 - 1.74375) * ((100vw - 20rem)/ (48 - 20)));
        line-height: calc(1.1 * (1.74375rem + (3.4937499999999995 - 1.74375) * ((100vw - 20rem)/ (48 - 20))))
    }

    .display-5 {
        font-size: 2.1rem;
        font-size: calc(1.74375rem + (3.125 - 1.74375) * ((100vw - 20rem)/ (48 - 20)));
        line-height: calc(1.2 * (1.74375rem + (3.125 - 1.74375) * ((100vw - 20rem)/ (48 - 20))))
    }

    .display-6{
        font-size: 1.5rem;
        font-size: calc(1.0875rem + (2.1 - 1.0875) * ((100vw - 20rem)/ (48 - 20)));
        line-height: calc(1.2 * (1.0875rem + (2.1 - 1.0875) * ((100vw - 20rem)/ (48 - 20))))
    }

    .display-7 {
        font-size: 1rem;
        font-size: calc(1.0875rem + (1.25 - 1.0875) * ((100vw - 20rem)/ (48 - 20)));
        line-height: calc(1.2 * (1.0875rem + (1.25 - 1.0875) * ((100vw - 20rem)/ (48 - 20))))
    }
}

.css_background {
    background-color: #efefec;
    overflow: hidden
}

.css_background .mbr-section-title {
    color: #2b2b2b
}

.css_background .mbr-section-subtitle {
    color: #2b2b2b
}

.css_background .circle-blur {
    position: absolute;
    transform: translate(50%, -50%);
    display: block;
    width: 320px;
    height: 320px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-radius: 500px;
    opacity: .97;
    -webkit-filter: blur(50px) blur(50px);
    filter: blur(50px) blur(50px)
}

@media (max-width:991px) {
    .css_background .circle-blur {
        width: 140px;
        height: 140px
    }

    .css_background .circle-blur1 {
        top: 0;
        right: 50%;
    }

    .css_background .circle-blur2 {
        top: 30%;
        right: 50%;
    }

    .css_background .circle-blur3 {
        top: 50%;
        right: 10%;
    }

    .css_background .circle-blur4 {
        top: 75%;
        right: 25%;
    }
}

.css_background .circle-blur1 {
    top: 0;
    right: 70%;
        background-image: linear-gradient(132deg, #03a3edd3 22%, #03a3edd3 40%, #03a3edd3 59%)
}

.css_background .circle-blur2 {
    top: 30%;
    right: 50%;
        background-image: linear-gradient(132deg, #557fbe7c 22%, #557fbe7c 40%, #557fbe7c 59%)
}

.css_background .circle-blur3 {
    top: 50%;
    right: 10%;
        background-image: linear-gradient(132deg, #ff6a5faf 22%, #ff6a5faf 40%, #ff6a5faf 59%)
}

.css_background .circle-blur4 {
    top: 75%;
    right: 25%;
        background-image: linear-gradient(132deg, #ffb25b79 22%, #ffb25b79 40%, #ffb25b79 59%)
}


.rounded {
    border-radius: 1rem !important;
}

.rounded-top {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.border-gray-300 {
    border-color: #e5e7eb !important;
}

.shadow_card_light {
    -webkit-box-shadow: 5px 0px 29px 2px rgba(0, 0, 0, 0.13);
    box-shadow: 5px 0px 29px 2px rgba(0, 0, 0, 0.13);
}

.border-bottom-orange {
    border-bottom: solid 2px;
    border-color: #ff6a5fa6 !important;
}
.border-primary {
    border-color: #03a4ed !important;
}
.border-secondary {
    border-color: #ff6a5fa6 !important;
}

.btn-secondary {
    background: #03a4ed !important
}

.hoverlay_shadow:hover {
    /* add shadow more dark   */
    -webkit-box-shadow: 5px 5px 29px 2px rgba(0, 0, 0, 0.23);
    box-shadow: 5px 5px 29px 2px rgba(0, 0, 0, 0.23);

}