.cl1{color:#ffffff}.bg1{background-color:#ffffff}
        .cl2{color:#1e1e20}.bg2{background-color:#1e1e20}
        .cl3{color:#39832f}.bg3{background-color:#39832f}
        .cl4{color:#1c84c6}.bg4{background-color:#1c84c6}
        .cl5{color:#eae6e6}.bg5{background-color:#eae6e6}
        .cl6{color:#ffffff}.bg6{background-color:#ffffff}
        .cl7{color:#f5c2c2}.bg7{background-color:#f5c2c2}
        .cl8{color:#ffffff}.bg8{background-color:#ffffff}
        .cl9{color:#ffffff}.bg9{background-color:#ffffff}
        .cl10{color:#ffffff}.bg10{background-color:#ffffff}

        .flex{display:flex;justify-content: space-between}

        .fz1{font-size: 1.5em}
        .fz2{font-size: 2em}
        .fz3{font-size: 2.5em}
        .fz4{font-size: 3}
        .fz5{font-size: 4em}

        .p10{padding: 10px}
        .p20{padding: 20px}
        .p30{padding: 30px}
        .p40{padding: 40px}
        .p50{padding: 50px}

        .mb10{margin-bottom: 10px}
        .mb20{margin-bottom: 20px}
        .mb30{margin-bottom: 30px}
        .mb40{margin-bottom: 40px}
        .mb50{margin-bottom: 50px}
        .mb60{margin-bottom: 60px}
        .mb70{margin-bottom: 70px}

        .mt10{margin-top: 20px}
        .mt20{margin-top: 20px}
        .mt30{margin-top: 30px}
        .mt40{margin-top: 40px}
        .mt50{margin-top: 50px}
        .mt60{margin-top: 60px}
        .mt70{margin-top: 70px}

        .ta-center{text-align: center}
        .ai-start{align-items: start}
        .ai-center{align-items: center}

        .col-1{width:10%}
        .col-2{width:20%}
        .col-22{width:22%}
        .col-25{width:25%}
        .col-3{width:30%}
        .col-32{width:32%}
        .col-48{width: 48%}
        .col-4{width:40%}
        .col-5{width:50%}
        .col-6{width:60%}
        .col-65{width:65%}
        .col-7{width:70%}
        .col-8{width:80%}
        .col-9{width:90%}
        .col-10{width:100%}

        @media (max-width : 960px) {

        header, footer, .c, .col-1, .col-25, .col-2, .col-3, .col-32, .col-4, .col-48, .col-5, .col-6, .col-65, .col-7, .col-8, .col-9, .col-10{width: 100% !important;display: block}

        }


        /* ---------- Custom Style -------------*/
        .serv2{border:1px solid #1c84c6}
        header nav li:hover,.btn1:hover{background-color:#1c84c6}
        .btn2:hover{background-color:#39832f}


        /* ------- Scroll Anim ---------- */

        .reveal-loaded .fade{
        opacity: 0;
        transform: translateY(50px);
        transition: .8s ease;
        }

        .reveal-loaded .fade.anim_left{
        transform: translateX(50px);
        }

        .reveal-loaded .fade.anim_circle{
        transform: scale(0.1);
        }

        .reveal-loaded .fade_in{
        opacity: 1;
        transform: translateY(0)
        }

        .reveal-loaded .anim_left.fade_in{
        transform: translateX(0);
        }

        .reveal-loaded .anim_circle.fade_in{
        transform: scale(1);
        }