:root {
    --background-blue: #2699fb;
    --background-white: #fff;
    --txt-white: #fff;
    --txt-blue: #2699fb;
    --txt-darkblue: #24272c;
    --txt-darkblack: #24272c;
    --txt-lightblack: #24272c;
    --button-blue: #2699fb;
    --clr1: #24272c;
    --fs14: 14px;
    --fs15: 15px;
    --fs16: 16px;
    --fs18: 18px;
    --fs20: 20px;
    --fs22: 22px;
    --fs25: 25px;
    --fs30: 30px;
    --fs35: 35px;
    --fs36: 36px;
    --fs45: 45px;
    --fs40: 40px;
    --fs55: 55px;
}

.btn,
.btn:hover {
    background-color: var(--background-blue);
    color: var(--txt-white);
}

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

.txtDarkBlue {
    color: #1b2e4b !important;
}

.bg-gray {
    /*background-color: #fbfbfb;*/
      background-color: #ededed;
}
@media(min-width: 1200px) {
     :root {
        --fs14: 12px;
        --fs15: 13px;
        --fs16: 14px;
        --fs18: 15px;
        --fs20: 16px;
        --fs22: 16px;
        --fs30: 20px;
        --fs35: 26px;
        --fs36: 27px;
        --fs45: 27px;
        --fs55: 45px;
    }
}
@media(min-width: 1600px) {
     :root {
            --fs14: 14px;
            --fs15: 15px;
            --fs16: 16px;
            --fs18: 18px;
            --fs20: 20px;
            --fs22: 22px;
            --fs25: 25px;
            --fs30: 30px;
            --fs35: 35px;
            --fs36: 36px;
            --fs45: 45px;
            --fs55: 55px;
        }
}


@media(max-width: 1199px) {
     :root {
        --fs14: 12px;
        --fs15: 13px;
        --fs16: 14px;
        --fs18: 14px;
        --fs20: 15px;
        --fs22: 18px;
        --fs30: 23px;
        --fs35: 24px;
        --fs36: 25px;
        --fs45: 24px;
        --fs55: 28px;
    }
}

@media(max-width: 575px) {
     :root {
        --fs14: 12px;
        --fs15: 13px;
        --fs16: 13px;
        --fs18: 13px;
        --fs20: 14px;
        --fs22: 15px;
        --fs30: 20px;
        --fs35: 20px;
        --fs36: 20px;
        --fs45: 24px;
        --fs55: 25px;
    }
}