:root {
    --light-2: #e5e5e5;
}

.header-image-height {
    height: 70px !important;
}

.home-carousel-height {
    height: auto !important;
}

.page-top-image {
    height: 200px !important;
}

.page-middle-image {
    height: 300px !important;
}

.light-2-c {
    color: var(--light-2);
}

.light-2-bg {
    background-color: var(--light-2);
}


.light-2-brdr {
    border-color: var(--light-2);
}

.twitter-bg {
    background-color: #08a0e9;
}
.facebook-bg{
    background-color: #3b5998;
}
.whatsapp-bg{
    background-color: #25d366;
}
.instagram-bg{
    background-color: #dd2a7b;
}
.youtube-bg{
    background-color: #c4302b;
}
.telegram-bg{
    background-color: #0088cc;
}
.linkedin-bg {
    background-color: #0077b5;
}


.custom-list {
    padding-inline-start: 30px;
}

.cfs-1 {
    font-size: calc(1rem * 1);
}

.cfs-2 {
    font-size: calc(1rem * 1.25);
}

.cfs-3 {
    font-size: calc(1rem * 1.5);
}

.cfs-4 {
    font-size: calc(1rem * 1.75);
}

.cfs-5 {
    font-size: calc(1rem * 2);
}

.cfs-6 {
    font-size: calc(1rem * 2.25);
}

.cfs-7 {
    font-size: calc(1rem * 2.5);
}


.cfs-8 {
    font-size: calc(1rem * 2.75);
}


.cfs-9 {
    font-size: calc(1rem * 3);
}


@media (min-width: 576px) {
    .home-carousel-height {
        height: 600px !important;
    }

    .page-top-image {
        height: 400px !important;
    }

    .page-middle-image {
        height: 500px !important;

    }

}

@media (min-width: 768px) {
   
}

@media (min-width: 992px) {
    .header-image-height {
        height: 125px !important;
    }
}

@media (min-width: 1200px) {}