.mcrogrns-mn-sc {

    font-family: 'Lato', sans-serif;

}





.mcrogrns-mn-sc h3 {

    font-family: "Poppins", sans-serif;

    font-size: 34px;

    margin-top: 0;

}





.mcro-1 img {

    width: 100%;

}



.mcro-1 .carousel-control {

    width: 7%;

}



.mcro-1-sbhd {

    width: 100%;

    height: auto;

    background: #00a1dd;

    padding: 10px 0;

}



.itm-cntr {

    align-items: center;

    display: flex;

}



.mcro-1-sbhd h2 {

    font-weight: 400;

    color: #fff;

    font-size: 26px;

    line-height: 30px;

    margin-top: 5px;

    margin-bottom: 5px;

}



.mcro-btn a {

    font-size: 14px;

    color: #fff;

    background: #515151;

    border-radius: 5px;

    padding: 10px 30px;

    text-transform: uppercase;

    font-weight: 600;

    display: block;

    width: fit-content;

}



.mcro-btn a:hover {

    color: #fff;

    background: #1a7e33;

    text-decoration: none;

}



.mcro-1-sbs-dtls {

    padding: 40px 0;

}



.mcro-1-sbs-dtls h3 {

    font-weight: 500;

    font-size: 28px;

    text-transform: uppercase;

    color: #000;

    margin-top: 0;

    margin-bottom: 20px;

}



.mcro-1-sbs-dtls p {

    font-size: 18px;

    line-height: 32px;

    color: #000;

}



.mcro-2 {

    padding: 50px 0;

    background: #f3f3f3;

}



.mcro-2 h3 {

    font-weight: 500;



    text-transform: uppercase;

    color: #000;

    text-align: center;

    margin-bottom: 30px;

    margin-top: 0;

}



.mcro-2 img {

    border-radius: 30px;

}



.mcro-2 h3 span {

    text-transform: capitalize;

    font-size: 23px;

}



.wht-bx li {

    font-size: 20px;

    color: #000;

    padding-left: 10px;

    line-height: 34px;

}



.wht-bx li::marker {

    content: '✔';

    color: #28aa48;

    margin-right: 10px;

    font-size: 20px;

}







.mcro-3 {

    padding: 50px 0;

}



.mcro-3 h3 {

    text-align: center;

    margin-bottom: 30px;

}



.mcro-4 {

    text-align: center;

    background: #6fc27666;

    padding: 40px 0;

    display: grid;

    align-items: center;

    justify-content: center;

    align-content: center;

}



.mcro-4 h3 {

    color: #000000;

    margin-bottom: 20px;

    margin-top: 0;

}



.mcro-4 h4 {

    font-size: 20px;

    font-weight: 700;

    color: #000;

}



.mcro-4 ul li {

    font-size: 17px;

    font-weight: 400;

    color: #000;

    text-align: left;

    line-height: 30px;

    padding-left: 5px;

}



.mcro-4 ul {

    width: fit-content;

    margin: auto;

    margin-bottom: 20px;

    margin-top: 20px;

}



.mcro-4 ul li::marker {

    content: '✔';

    color: #28aa48;

    margin-right: 10px;

    font-size: 20px;

}



.sbscrb-btn {

    text-align: center;

    display: grid;

    align-items: center;

    justify-content: center;

}



.sbscrb-btn a {

    font-size: 14px;

    color: #fff;

    background: #28aa48;

    border-radius: 5px;

    padding: 10px 30px;

    text-transform: uppercase;

    font-weight: 600;

    display: block;

    width: fit-content;

}



.sbscrb-btn a:hover {

    color: #fff;

    background: #1a7e33;

    text-decoration: none;

}



.mcro-5 {

    padding: 50px 0;

}



.mcro-5 h3 {

    text-align: center;

    margin-bottom: 30px;

}



.mcro-5 .form-control {

    border-radius: 5px;

    height: 40px;

    font-size: 16px;

    color: #646464;

}



.mcro-5 button {

    margin-top: 20px;

    font-size: 14px;

    color: #fff;

    background: #28aa48;

    border-radius: 5px;

    padding: 10px 30px;

    text-transform: uppercase;

    font-weight: 600;

    border: 0;

}



.mcro-5 button:hover {

    color: #fff;

    background: #1a7e33;

    text-decoration: none;



}



.mcro-6 {

    padding: 40px 0;

    background: #26a144;

}



.mcro-6 {

    padding: 40px 0;

    background: #26a144;

}



.mcro-frm {

    margin: auto;

}



.mcro-6 h4 {

    font-size: 24px;

    color: #fff;

}



.mcro-frm-mn {

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.mcro-6 p {

    font-size: 16px;

    color: #fff;

}



.ftr-wtsp a {

    display: flex;

    color: #fff;

    font-size: 20px;

}



.ftr-wtsp a:hover {

    color: #fff;

    text-decoration: none;

}



.ftr-wtsp a i {

    margin-right: 10px;

    font-size: 40px;

}



.subscribe-table tbody {

    background: #fcfaee;

}



.subscribe-table thead th {

    background: #28aa48;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    text-align: center;

    vertical-align: middle !important;

}



.subscribe-table table tbody td span {

    font-size: 16px !important;

}





.why-sub-sc-bx {

    text-align: center;

    margin-bottom: 30px;

}



.why-sub-sc-bx h4 {

    font-size: 20px;

    color: #000;

    font-weight: bold;

}



.why-sub-sc-bx p {

    font-size: 16px;

}



.why-sub-sc-bx img {

    margin: auto;

}





 



@media (min-width:200px) and (max-width:767.9px) {

    .why-sub-sc-bx h4 {

        font-size: 20px;

    }

    .why-sub-sc-bx {

        margin-bottom: 10px;

    }

    .why-sub-sc-bx p {

        font-size: 15px;

    }

    .mcro-4 ul {

        margin-bottom: 20px;

        margin-top: 20px;

    }



    .mcro-4 {

        padding: 20px 0 20px;

    }



    .mcro-4 ul li {

        font-size: 16px;



    }



    .mcro-3 h3 {

        text-align: center;

        margin-bottom: 20px;

    }



    .mcro-3 {

        padding: 20px 0;

    }



    .mcro-1-sbs-dtls {

        padding: 20px 0;

    }



    .wht-bx ul {

        margin-top: 20px;

        padding-left: 20px;

    }



    .mcro-2 {

        padding: 20px 0;

    }



    .itm-cntr {

        align-items: center;

        display: block;

    }



    .mcrogrns-mn-sc h3 {

        font-size: 25px;

    }



    .mcro-2 h3 span {

        font-size: 19px;

    }



    .wht-bx li {

        font-size: 17px;

        padding-left: 10px;

        line-height: 26px;

    }



    .mcro-1-sbhd h2 {

        font-size: 18px;

        line-height: 23px;

        margin-top: 5px;

        margin-bottom: 15px;

    }



    .mcro-1-sbhd {

        width: 100%;

        height: auto;

        background: #00a1dd;

        padding: 10px 0 20px;

    }



    .mcro-1-sbs-dtls h3 {



        margin-top: 10px;

    }



    .mcro-1-sbs-dtls p {

        font-size: 16px;

        line-height: 26px;

    }



    .subscribe-table thead {

        display: none;

    }



    .subscribe-table td {

        border: 1px solid #5f5f5f !important;

        margin-bottom: 10px;

        padding: 0;

        line-height: 34px;

        font-size: 16px;

        border: 0;

        display: block;

    }



    .subscribe-table td {

        font-size: 16px;

    }



    .subscribe-table td::before {

        content: attr(data-th) ": ";

        font-weight: bold;

        width: 100%;

        display: inline-block;

        font-size: 14px;

        line-height: 30px;

        background: #28aa48;

        padding: 5px 20px;

        color: #fff;

    }



    .subscribe-table tbody tr td {

        text-align: left;

        align-items: center;

        align-content: center;

    }



    .subscribe-table tbody tr {

        margin-bottom: 20px;

    }





}



@media (min-width:768px) and (max-width:991.9px) {

    .why-sub-sc-1 {

        height: 100%;

        display: grid;

        align-items: center;

        min-height: 250px !important;

    }

    .mcro-btn a {

        padding: 10px 10px;

    }

    .mcro-1-sbhd h2 {

        font-size: 21px;

    }

    .ftr-wtsp a {

        display: flex;

        color: #fff;

        font-size: 17px;

    }

    .wht-bx ul {

        padding-left: 10px;

    }

    .wht-bx li {

        font-size: 18px;

        color: #000;

        padding-left: 10px;

        line-height: 28px;

    }





    }