:root {
    /* =====> Default Variables */
    --ctm-primary:#1C3F3A;
    --ctm-secondary:#BED647;

    /* =====> Font Variables */
    --ctm-text-primary:#1C3F3A;
    --ctm-text-secondary:#BED647;
    --ctm-text-dark:#1C3F3A;
    --ctm-text-white:#ffffff;
    --ctm-text1:#49827A;
    --ctm-text2:#ADEAE1;

    /* =====> Background Variables */
    --ctm-bg-white:#ffffff;
    --ctm-bg-1:#F8FBED;
    --ctm-bg-2:#EDEDED;
    --ctm-bg-3:#E0E8E6;

    /* =====> Body Variables */
    --fm-body-bg:#FFFFFF;
    --fm-body-font:"Manrope", serif;
    --fm-body-font-color: #455452;
    --fm-body-font-size: 16px;
    --fm-body-font-weight: 400;

    /*
        font-family: "Manrope", serif;
        font-family: "Noto Serif", serif;
    */
}


/*
    ===========
    Default
    ===========
*/
*:not(table, tr, td, thead, tbody){
    box-sizing: border-box;
    position: relative;
    text-rendering: ocfimizeLegibility;
}

body{
    background: var(--fm-body-bg);
    margin: 0 auto;
    padding: 0;
    font-family: var(--fm-body-font);
    font-size: var(--fm-body-font-size);
    font-weight: var(--fm-body-font-weight);
    color: var(--fm-body-font-color);
    letter-spacing: 0.5px;
}


a {
    display: inline-block;
    outline: none;
    border: none;
    text-decoration: underline;
    transition: all .3s ease-out;
    color: var(--fm-body-font-color);
}

.fontManrope{font-family: "Manrope", serif; }
h1, h2, h3, h4, h5, h6{
    font-family: "Noto Serif", serif;
}

/*
    ===========
    Bootstrap --> Update Default Css
    ===========
*/
.wrapper {
    width: 100%;
    max-width:1440px;
}

.bgPrimary{background: var(--ctm-primary);}
.bgSecondary{background-color: var(--ctm-secondary);}
.bg1{background-color: var(--ctm-bg-1);}
.bg2{background-color: var(--ctm-bg-2);}
.bg3{background-color: var(--ctm-bg-3);}

.borderPrimary{border-color: var(--ctm-primary)!important;}
.borderSecondary{border-color: var(--ctm-secondary)!important;}
.borderColorlight{border-color: #305B54!important;}

/*
    ===========
    Bootstrap --> Update Default Css
    ===========
*/
.text-white{ color: var(--ctm-text-white)!important;}
.text-secondary{ color: var(--ctm-text-secondary)!important;}
.text1-color{ color: var(--ctm-text1)!important;}
.text2-color{ color: var(--ctm-text2)!important;}
.text-dark{ color: var(--ctm-text-dark)!important;}

.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}

.fs-8{font-size: 6px;}
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-25{font-size: 25px;}
.fs-30{font-size: 30px;}
.fs-35{font-size: 35px;}
.fs-40{font-size: 40px;}
.fs-45{font-size: 45px;}

.lh-8{line-height: 1.8 !important;}

.w-10{width: 10%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.w-30{width: 30%;}
.w-33{width: 33.33%;}
.w-35{width: 35%;}
.w-40{width: 40%;}
.w-45{width: 45%;}
.w-60{width: 60%;}
.w-85{width: 85%;}

.mw-50{min-width: 50px; max-width: 50px;}
.mw-100{min-width: 100px; max-width: 100px;}
.mw-200{min-width: 200px; max-width: 200px;}
.mw-250{min-width: 250px; max-width: 250px;}
.mw-300{min-width: 300px; max-width: 300px;}
.mw-350{min-width: 350px; max-width: 350px;}
.mb-90{margin-bottom: 90px;}

.h400{height: 400px;}
.h500{height: 500px;}
.h-45{height: 45%;}
.h-80{height: 80%;}

.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}

.mt-n1{margin-top: -1px;}
.mt-n2{margin-top: -2px;}
.mt-n3{margin-top: -3px;}
.mt-n4{margin-top: -4px;}
.mt-n5{margin-top: -5px;}
.mt-n6{margin-top: -6px;}
.mt-n7{margin-top: -7px;}
.mt-n8{margin-top: -8px;}
.mt-n9{margin-top: -9px;}
.mt-n10{margin-top: -10px;}

.px-10{padding-left: 10%!important; padding-right: 10%!important;}
.py-100{padding: 100px 0px;}
.pt-100p{padding-top: 100px;}

.pb-200p{padding-bottom: 200px;}
.p-25{padding: 12px;}
.top-10p{top: 10px;}
.top-15p{top: 15px;}

.left-10p{left: 10px;}
.left-15p{left: 15px;}

.bottom-10p{top: 10px;}
.bottom-15p{top: 15px;}

.right-10p{right: 10px;}
.right-15p{right: 15px;}

.grid{display: grid;}
.grid.grid-3{grid-template-columns: 30.66% 30.66% 30.66%; column-gap: 4%; row-gap: 12px;}

.bg-white-gradient {
  background: linear-gradient(180deg, #FFFFFF 28.31%, #EFF0F2 100%);
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.atm-bg-1{
    background-color: var(--ctm-primary);
}

.atm-bg-2{
    background-color: #234842;
}

.atm-bg-3{
    background-color: #376D66;
}

.atm-bg-4{
    background-color: #49827A;
}