:root {
    --block-padding: 0.75;
    --theme-black: #0F3527;
    --theme-red: #EA3546;
    --theme-yellow: #FFC700;
    --theme-orange: #F86624;
    --theme-blue: #005E91;
    --theme-lightblue: #C8E1EF;
    --theme-turqis: #00E0FF;
    --theme-violet: #74226C;
    --theme-grey: #828282; 
    --theme-lightgrey: #F4F4F4; 
    --theme-bg_gradient: linear-gradient(225deg, #FAB712 0%, #006B42 100%);
    --bgsize: 100%;
    --transition: all 0.4s cubic-bezier(.25,.1,.25,1);
    --btn_bg: var(--theme-blue);
    --btn_color: #fff;
    --btn_hover_bg: var(--theme-lightblue);
    --btn_hover_color: var(--theme-blue);
    --link-color1: #fff;
    --link-hover-color1: #fff;
    --link-visited-color1: #fff;
    --bordercolor: var(--theme-lightgrey);
    --bordercolorHover: var(--theme-lightgrey);
    --bordercolorFocus: var(--theme-grey);
    --fieldcolor: var(--theme-lightgrey);
    --fieldcolorfocus: #fff;
    --inputtextcolor: var(--theme-black);
    --errorbackground: #ffdede;
    --placeholdercolor: var(--theme-grey);
    --borderradius: 0;

    --text-font-size: 16px;
    --text-line-height: 1.6;
}

/* Media Query
--------------------*/
@media screen {
    body {
        font-family: "Inter", sans-serif;
        font-size: var(--text-font-size);
        line-height: var(--text-line-height);
        color: #fff;
        background-color: var(--theme-blue);
        font-weight: 400;
        letter-spacing: 0.01em;
    }

    .ce_list ul li:before, .ce_text ul li:before {
        content: ' •'
    }

    .caption {
        color: #fff;
        font-size: 1rem;
        font-weight: 400;
        padding: 1rem 0;
        border-bottom: 1px solid #fff;
    }


}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    [class^="flex-col"]  > .white-box + .ce_image , [class*=" flex-col"] > .white-box + .ce_image {
        align-self: stretch;
        position: relative;
    }
    [class^="flex-col"]  > .white-box + .ce_image img , [class*=" flex-col"] > .white-box + .ce_image img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    :root {
        --text-font-size: 20px;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/