/* ************************************************************************************************************************** */
/* ***********************************************       Global CSS      **************************************************** */
/* ************************************************************************************************************************** */


:root {
    --Greenbackgroundcolor: #0A4934;
    --textcolor:#fff;
    --texthovercolor:#2EA251;
    --greenBorderBottom: #028f6e;
    --greyBg: #f9f9f9;
    --greenCardBg: rgba(194, 201, 63, 0.7254901960784313);
    --textBlue:#00baf2;
    --darkBlueText:#1f2857;
    --BlueBorder:#ab9dc5;
    --Home2ndBackGround:#f7f4f8;

    --socialBg: #0bbd82b4;
    --socialBgHover: #55f08b;
    

    --footerFont: 13px;
    --font30: 30px;
    --font26: 26px;
    --font24: 24px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font15: 15px;
    --font12: 12px;
    --font10: 10px;


    --fontWeight700: 700;
    --fontWeight600: 600;
    --fontWeight500: 500;

    
    --lineheight22: 22px;
    --lineheight40: 40px;
}

*{
    font-family: Rubik, sans-serif;
    line-height: var(--lineheight22) !important;
    -webkit-font-smoothing: antialiased;
}

/* *********************            Font Sizes           ****************** */

.font30{
    font-size: var(--font30);
}

.font26{
    font-size: clamp(20px, 4vw, var(--font26)) !important;
}

.font24{
    font-size: clamp(18px, 4vw, var(--font24)) !important;
}

.font20{
    font-size: clamp(14px, 4vw, var(--font20));;
}

.font18{
    font-size: clamp(12px, 4vw, var(--font18));;
}

.font16{
    font-size: clamp(10px, 4vw, var(--font16));
}

.font15{
    font-size: clamp(9px, 4vw, var(--font15));;
}

.font12{
    font-size: var(--font12);
}

.font11{
    font-size: var(--font11);
}

.font10{
    font-size: var(--font10);
}

.greenDark{
    color: var(--Greenbackgroundcolor) !important;
}

/* *********************            Font Sizes           ****************** */

/* *********************           Font Weights          ****************** */


.fontWeight700{
    font-weight: var(--fontWeight700);
}

.fontWeight600{
    font-weight: var(--fontWeight600);
}

.fontWeight500{
    font-weight: var(--fontWeight500);
}



/* *********************           Font Weights          ****************** */


/* *********************           Line Heights          ****************** */


.lineHeight40{
    line-height: var(--lineheight40) !important;
}



/* *********************           Line Heights          ****************** */

.textJustified{
    text-align: justify !important;
}

.footerFont{
    font-size: var(--footerFont);
}

.blueText{
    color: var(--textBlue);
}

.darkBluetext{
    color: var(--darkBlueText);
}

/* ************************************************************************************************************************** */
/* ***********************************************       Global CSS      **************************************************** */
/* ************************************************************************************************************************** */



/* ************************************************************************************************************************** */
/* *******************************************       Header and Footer       ************************************************ */
/* ************************************************************************************************************************** */


.footerBg, .headerBg, .greenBg{
    background-color: var(--Greenbackgroundcolor);
}
.nav-link:hover{
    color: var(--texthovercolor) !important;
}

.nav-item:active, .nav-item:visited, .activeLink{
    color: var(--texthovercolor) !important;
    border-bottom: 1px solid var(--texthovercolor) !important;
}



.btnLogin, .btnLogin:hover, .btnLogin:focus {
    background-color: var(--texthovercolor);
    color: #fff
}

.borderGreenbottom{
    border-bottom: 1px solid var(--greenBorderBottom);
}

.afterToggleBtn{
    display: none;
}

.navbar-toggler{
    border: none !important;
}

.greenBgSocial{
    background-color: var(--socialBg);
}

.greenBgSocial:hover{
    transform: scale(1.05);
}

.fa-brands::before{
    color:  #fff;
}

.sociallink:hover .fa-brands::before{
    color: var(--socialBgHover);
}




@media screen and (max-width: 991px) and (min-width: 1px) {
    .footer1stlogomainCol{
        padding-left: 0% !important;
        padding-bottom: 3% !important;
    }
    
    .footer1stlogo{
        display: flex;
    }

    .footer1stlogo p{
        margin-left: 5% !important;
    }

    .beforeToggleBtn{
        display: none;
    }
    
    .afterToggleBtn{
        display: flex;
    }
}


@media screen and (max-width: 470px) and (min-width: 1px) {
    .footer1stlogo{
        display: block !important;
    }

    .footer1stlogo{
        padding: 0% !important;
    }

    .copyrightRow{
        padding: 2% !important;
    }

    .flex-coll{
        flex-direction: column;
    }

    .headerLogoImg{
        height: 10px;
    }
}


@media screen and (max-width: 575px) and (min-width: 1px) {
    .footerBg .row{
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
}



/* ************************************************************************************************************************** */
/* *******************************************       Header and Footer       ************************************************ */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* **********************************************        Index Page       *************************************************** */
/* ************************************************************************************************************************** */

.card11 {
    cursor: pointer;
    color: white;
    background-color: #2ea251 !important;
}

.card11:hover{
    cursor: pointer;
    color: #000;
    background-color: #fff !important;
}

.activeCard {
    color: #000;
    background-color: white !important;
}

.absoluteDiv{
    position: absolute;
    margin-top: -7% ;
}

.cardimg{
    height: 10vh !important;
}

.row2ndBackGround{
    margin-top: 6%;
    background-color: var(--Home2ndBackGround);
}

.form-control::placeholder{
    font-size: var(--font12);
}

.form-control:focus{
    box-shadow: none !important;
    border: 1px solid #cb3066;
}

.whitebgRow{
    margin-top: 9% ;
}

.btn-green{
    background-color: #2ea251;
}
.btn-green:hover {
    border:1px solid #2ea251;
    color:#2ea251 !important;
}
.absoluteDivv{
    position: absolute;
    margin-top: -5% ;
}

.row2ndIndex{
    margin-top: 8% ;
}

.hoveringDropLink:hover{
    background-color: var(--Home2ndBackGround);
}

.activeDropCard{
    background-color: #d9d8d8;
}





@media screen and (max-width: 767px) and (min-width: 576px) {
    .index1stRowCards{
        margin-top: 3% !important;
    }
}

@media screen and (max-width: 1355px) and (min-width: 1060px) {
    
    .whitebgRow{
        margin-top: 9% !important;
    }

}

@media screen and (max-width: 1090px) and (min-width: 900px) {
    
    .whitebgRow{
        margin-top: 12% !important;
    }

}

@media screen and (max-width: 899px) and (min-width: 810px) {
    
    .whitebgRow{
        margin-top: 14% !important;
    }

}

@media screen and (max-width: 809px) and (min-width: 768px) {
    
    .whitebgRow{
        margin-top: 16% !important;
    }

}

@media screen and (max-width: 767px) and (min-width: 748px) {
    
    .absoluteDiv{
        margin-top: -10% !important;
    }

    .whitebgRow{
        margin-top: 27% !important;
    }

}

@media screen and (max-width: 747px) and (min-width: 684px) {
    
    .whitebgRow{
        margin-top: 30% !important;
    }

}

@media screen and (max-width: 683px) and (min-width: 634px) {
    
    .whitebgRow{
        margin-top: 33% !important;
    }

}

@media screen and (max-width: 633px) and (min-width: 586px) {
    
    .whitebgRow{
        margin-top: 36% !important;
    }

}

@media screen and (max-width: 585px) and (min-width: 576px) {
    
    .whitebgRow{
        margin-top: 38% !important;
    }

}

@media screen and (max-width: 575px) and (min-width: 530px) {
    
    .whitebgRow{
        margin-top: 50% !important;
    }

}

@media screen and (max-width: 531px) and (min-width: 486px) {
    
    .whitebgRow{
        margin-top: 55% !important;
    }

}

@media screen and (max-width: 485px) and (min-width: 450px) {
    
    .whitebgRow{
        margin-top: 60% !important;
    }

}

@media screen and (max-width: 449px) and (min-width: 418px) {
    
    .whitebgRow{
        margin-top: 65% !important;
    }

}

@media screen and (max-width: 417px) and (min-width: 390px) {
    
    .whitebgRow{
        margin-top: 70% !important;
    }

}

@media screen and (max-width: 389px) and (min-width: 365px) {
    
    .whitebgRow{
        margin-top: 75% !important;
    }

}

@media screen and (max-width: 364px) and (min-width: 345px) {
    
    .whitebgRow{
        margin-top: 80% !important;
    }

}

@media screen and (max-width: 344px) and (min-width: 325px) {
    
    .whitebgRow{
        margin-top: 85% !important;
    }

}

@media screen and (max-width: 324px) and (min-width: 308px) {
    
    .whitebgRow{
        margin-top: 90% !important;
    }

}

@media screen and (max-width: 307px) and (min-width: 295px) {
    
    .whitebgRow{
        margin-top: 95% !important;
    }

}

@media screen and (max-width: 294px) and (min-width: 280px) {
    
    .whitebgRow{
        margin-top: 100% !important;
    }

}

@media screen and (max-width: 279px) and (min-width: 0px) {
    
    .whitebgRow{
        margin-top: 110% !important;
    }
    
}


/* ****************************************************************************** */


@media screen and (max-width: 1330px) and (min-width: 1180px) {
    .absoluteDivvHeading{
        font-size: var(--font20) !important;
    }
}

@media screen and (max-width: 1179px) and (min-width: 1110px) {
    .absoluteDivvHeading{
        font-size: var(--font18) !important;
    }

    .absoluteDivvText{
        padding: 2% !important;
    }
}

@media screen and (max-width: 1109px) and (min-width: 1022px) {
    .absoluteDivvHeading{
        font-size: var(--font18) !important;
    }

    .absoluteDivvText{
        padding: 2% !important;
    }

    .imgCardDiv img{
        height: 50px;
    }
}

@media screen and (max-width: 1021px) and (min-width: 10px) {
    .absoluteDivvHeading{
        font-size: var(--font16) !important;
        margin-bottom: 0% !important;
    }

    .absoluteDivvText{
        font-size: var(--font10) !important;
        padding: 2% !important;
    }

    .imgCardDiv img{
        height: 50px;
    }
}


/* ****************************************************************************** */


@media screen and (max-width: 1160px) and (min-width: 992px) {
    
    .absoluteDivv{
        margin-top: -7% !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 880px) {
    
    .absoluteDivv{
        margin-top: -6% !important;
    }
}

@media screen and (max-width: 879px) and (min-width: 575px) {
    
    .absoluteDivv{
        margin-top: -8% !important;
    }

}

@media screen and (max-width: 574px) and (min-width: 0px) {
    
    .absoluteDivv{
        margin-top: -13% !important;
    }
}


/* ****************************************************************************** */



@media screen and (max-width: 991px) and (min-width: 910px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 25% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 909px) and (min-width: 768px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 35% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) and (min-width: 680px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 70% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 679px) and (min-width: 603px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 80% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 602px) and (min-width: 518px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 90% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 517px) and (min-width: 465px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 100% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 464px) and (min-width: 422px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 110% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 421px) and (min-width: 387px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 120% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 386px) and (min-width: 355px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 130% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 354px) and (min-width: 320px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 150% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 319px) and (min-width: 309px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 165% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 308px) and (min-width: 298px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 175% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
}

@media screen and (max-width: 297px) and (min-width: 2px) {
    
    .row2ndIndex{
        padding: 0% !important;
        margin-top: 190% !important;
    }
    .row2ndIndex p{
        font-size: 22px;
    }
    
}

@media screen and (max-width: 991px) and (min-width: 576px) {
    .lastCardOfIndex{
        margin-top: 5% !important;
    }
}



/* ************************************************************************************************************************** */
/* **********************************************        Index Page       *************************************************** */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* *********************************************       Business Page       ************************************************** */
/* ************************************************************************************************************************** */

/* No Css */


/* ************************************************************************************************************************** */
/* *********************************************       Business Page       ************************************************** */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* *********************************************       Consumer Page       ************************************************** */
/* ************************************************************************************************************************** */


.greyBG{
    background-color: var(--greyBg);
}

.greenCardBg{
    border: none;
    border-radius: 0px !important;
    background-color: var(--greenCardBg);
}

@media screen and (min-width: 1130px) {

    .card_body{
        align-self: center;
        width: 80% !important;
    }
    
}


/* ************************************************************************************************************************** */
/* *********************************************       Consumer Page       ************************************************** */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* *********************************************        Company Page       ************************************************** */
/* ************************************************************************************************************************** */

.companyCards{
    border: none;
}

.imgCard{
    box-shadow: 0 1px 2px rgba(0,0,0,.07058823529411765);
    border-radius: 50%;
    width: fit-content;
    height: fit-content;
}


/* ************************************************************************************************************************** */
/* *********************************************        Company Page       ************************************************** */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* ************************************************       FAQ Page      ***************************************************** */
/* ************************************************************************************************************************** */

.answer {
    display: none;
}


/* ************************************************************************************************************************** */
/* ************************************************       FAQ Page      ***************************************************** */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* *********************************************        Services Page       ************************************************* */
/* ************************************************************************************************************************** */

.greendivBg{
    border: none;
    border-radius: 0px !important;
    background-color: var(--greenCardBg);
}

/* ************************************************************************************************************************** */
/* *********************************************        Services Page       ************************************************* */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* *******************************************        Refund Policy Page       ********************************************** */
/* ************************************************************************************************************************** */


.refundPoliciesCard{
    box-shadow: 0 3px 8px rgba(0,0,0,.24);
}

/* ************************************************************************************************************************** */
/* *******************************************        Refund Policy Page       ********************************************** */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* *******************************************        Privacy Policy Page       ********************************************** */
/* ************************************************************************************************************************** */

.blueBorderBottom{
    border-bottom: 0.8px solid var(--BlueBorder);
}


/* ************************************************************************************************************************** */
/* *******************************************        Privacy Policy Page       ********************************************** */
/* ************************************************************************************************************************** */


/* ************************************************************************************************************************** */
/* **********************************************        Contact Page       ************************************************* */
/* ************************************************************************************************************************** */

.mapRow{
    position: relative;
}

.mapContentRow{
   position: absolute;
   bottom: 0%;
   right: 10%;
   width: fit-content;
}

/* ************************************************************************************************************************** */
/* **********************************************        Contact Page       ************************************************* */
/* ************************************************************************************************************************** */


/* ************************************************************************************************************************** */
/* **********************************************        Login Page       ************************************************* */
/* ************************************************************************************************************************** */


.bgImg{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(83deg, rgba(255, 255, 255, 0.194) 59.62%, rgba(255, 255, 255, 0.194) 59.62%),  url(../images/LoginBg.jpg);
}

.glassBox{
    background: white;
    background: linear-gradient(
        to right bottom,
        rgba(255, 255, 255, 0.4),
        rgba(255, 255, 255, 0.2)
    );
    backdrop-filter: blur(1rem);
    z-index: 1;
    display: flex;
    justify-content: center;
    border-radius: 1rem 1rem 1rem 1rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}

.form-controlLogin{
    border-radius: 1rem 1rem 1rem 1rem !important;
}

.greenLoginBtn:hover, .greenLoginBtn:active , .greenLoginBtn:focus{
    background-color: var(--Greenbackgroundcolor) !important;
}


/* ************************************************************************************************************************** */
/* **********************************************        Login Page       ************************************************* */
/* ************************************************************************************************************************** */


.w3l-footer-29-main #movetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
    outline: none;
    background: var(--Greenbackgroundcolor);;
    padding: 0px;
    border-radius: 4px;
    transition: all 0.5s ease-out 0s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}