body {
    font-family: 'Poppins', sans-serif !important;
}

@media (max-width: 600px) and (min-width: 300px) {
    .bannerContent .hedh1 {
        font-size: 1.6rem !important;

    }

    .bannerContent h3 {
        font-size: .9rem !important;
    
    }
    .bannerContent h3 .span1 {
        display: block !important;
    }
    .bannerContent h3 .span2 {
        display: block !important;
    }
    .bannerContent h3 .span3 {
        display: block !important;
    }


}
@media (max-width: 299px) and (min-width: 270px) {
    .bannerContent .hedh1 {
        font-size: 1.6rem !important;

    }

    .bannerContent h3 {
        font-size: .8rem !important;
    
    }
    .bannerContent h3 .span1 {
        display: block !important;
    }
    .bannerContent h3 .span2 {
        display: block !important;
    }
    .bannerContent h3 .span3 {
        display: block !important;
    }


}

@media (max-width: 991px) and (min-width: 601px) {
    .bannerContent .hedh1 {
        font-size: 2.5em !important;
        /* line-height: 1.3 !important; */
    }

    .bannerContent h3 {
        font-size: 2rem !important;
        /* line-height: 1.3 !important; */
    }
    
    


}

@media (max-width: 1200px) and (min-width: 992px) {
    .bannerContent .hedh1 {
        font-size: 2.8rem !important;
        /* line-height: 40px !important; */
        margin: 0 0 15px !important;
    }

    .bannerContent h3 {
        font-size: 25px !important;
        line-height: 34px !important;
    }
}

@media (min-width: 1201px) {
    .bannerContent .hedh1 {
        font-size: 3rem !important;
        color: #008cd4 !important;
        font-weight: 600 !important;
        margin: 0 0 20px !important;
    
    }
    
    .bannerContent h3 {
        font-size: 30px !important;
        line-height: 42px !important;
        font-weight: 600 !important;
        margin: 0 !important;
    }
}
.bannerContent .hedh1 {
    color: #008cd4 !important;
    font-weight: 600 !important;
    margin: 0 0 20px !important;

}

.bannerContent h3 {
    line-height: 40px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.bannerContent h3 .span3 {
   display: block !important;
}




.logoText {
    font-size: 2.5rem  !important;
}

.logoIcon {
    font-size: 1.5rem;

}

.textStyle {
    font-size: 2.3rem;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 20px;
}

.text2rem {
    font-size: 2.2rem;

}
@media (min-width:991px) {
    .logoWidth {
        max-width: 400px !important;
    }
    
}
@media (max-width: 990px) {
    .logoWidth {
        max-width: 300px;
    }

    .logoText {
        font-size: 1.5rem !important;
    }

    .logoIcon {
        font-size: 1rem;

    }

    .textStyle {
        font-size: 1.5rem;
        line-height: 40px;
        font-weight: 600;
        margin: 0 0 20px;
        text-align: start;
    }

    .text2rem {
        font-size: 1rem;
        text-align: start;

    }

    .doctImages {
        width: 100%;
        margin: auto;

    }
}

@media (max-width: 768px) {
    .logoWidth {
        max-width: 250px;
    }

    .textStyle {
        font-size: 1.5rem;
        line-height: 40px;
        font-weight: 600;
        margin: 0 0 20px;
        text-align: center;
    }

    .text2rem {
        font-size: 1rem;
        text-align: center;

    }

    .doctImages {
        width: 50%;
        margin: auto;

    }

}
@media (max-width: 400px) {
    .logoWidth {
        max-width: 200px    ;
    }
    .textStyle {
        font-size: 1rem;
        line-height: 40px;
        font-weight: 600;
        margin: 0 0 20px;
        text-align: center;
    }

    /* .text2rem {
        font-size: 1rem;
        text-align: center;

    }

    .doctImages {
        width: 50%;
        margin: auto;

    } */

}

.textRed {
    color: #e31937;
}

.borderRed {
    border: 2px solid #e31937;
}

.font-1 {
    font-size: 1rem !important;
}

.font-15 {
    font-size: 1.5rem !important;
}

.font-2 {
    font-size: 2rem !important;
}

.font-25 {
    font-size: 2.5rem !important;
}

.font-3 {
    font-size: 3rem !important;
}

.font-4 {
    font-size: 4rem !important;
}

.font-5 {
    font-size: 5rem !important;
}

.font-6 {
    font-size: 6rem !important;
}

.font-7 {
    font-size: 7rem !important;
}

.font-8 {
    font-size: 9rem !important;
}

.font-w1 {
    font-weight: 100 !important;
}

.font-w2 {
    font-weight: 200 !important;
}

.font-w3 {
    font-weight: 300 !important;
}

.font-w4 {
    font-weight: 400 !important;
}

.font-w5 {
    font-weight: 500 !important;
}

.font-w6 {
    font-weight: 600 !important;
}

.font-w7 {
    font-weight: 700 !important;
}

.font-w8 {
    font-weight: 800 !important;
}

.font-w9 {
    font-weight: 900 !important;
}

.font-wbold {
    font-weight: bolder;
}

.font-siz {
    font-size: 1.5rem !important;
}

.font-siz2 {
    font-size: 1.2rem !important;
}

.font-siz3 {
    font-size: 1.1rem !important;
}

.font-siz4 {
    font-size: 1.3rem !important;
}

.font-siz5 {
    font-size: 1.4rem !important;
}

.font-siz6 {
    font-size: 1.6rem !important;
}

.font-siz7 {
    font-size: 1.7rem !important;
}

.font-siz8 {
    font-size: 1.8rem !important;
}

.font-siz9 {
    font-size: 1.9rem !important;
}

.font-siz10 {
    font-size: 2rem !important;
}

.font-style {
    font-style: italic !important;
}

.font-normal {
    font-style: normal !important;
}

.font-oblique {
    font-style: oblique !important;
}

.font-inherit {
    font-style: inherit !important;
}

.font-revert {
    font-style: revert !important;
}

.font-unset {
    font-style: unset !important;
}

.textRed {
    color: #e31937 !important;
}

.textGreen {
    color: #00b050 !important;
}
.textdaker{
    color: #008cd4 !important;
}
.textWhite {
    color: #fff !important;
}

.textBlack {
    color: #000 !important;
}

.textGray {
    color: #808080 !important;
}

.textYellow {
    color: #f9d71c !important;
}

.textOrange {
    color: #f15a24 !important;
}

.textPink {
    color: #ff00ff !important;
}

.textPurple {
    color: #800080 !important;
}

.textBrown {
    color: #a52a2a !important;
}

.textCyan {
    color: #00ffff !important;
}

.textLime {
    color: #00ff00 !important;
}

.textMaroon {
    color: #800000 !important;
}

.textNavy {
    color: #000080 !important;
}

.textOlive {
    color: #808000 !important;
}

.textTeal {
    color: #008080 !important;
}

.textSilver {
    color: #c0c0c0 !important;
}

.textLightGray {
    color: #d3d3d3 !important;
}

.textDarkGray {
    color: #a9a9a9 !important;
}

.textLightBlue {
    color: #add8e6 !important;
}

.textLightGreen {
    color: #90ee90 !important;
}

.textLightCyan {
    color: #e0ffff !important;
}

.textLightRed {
    color: #ffb6c1 !important;
}

.textLightPink {
    color: #ffb6c1 !important;
}

.textLightYellow {
    color: #ffffe0 !important;
}

.fontfamily {
    font-family: 'Poppins', sans-serif !important;
}






.textBlue {
    color: #008cd4;

}

.textSize {
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 20px;
}

.textGreen {
    color: #00b050;
}

.ul {
    margin-bottom: 40px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    margin: auto;
}

.ul li {
    margin-bottom: .5rem;
    text-align: start;
}

.paraul {
    margin-bottom: 40px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    margin: auto;

}

.paraul li {
    margin-bottom: .5rem;
    text-align: start;
}

/* button section start here */
.btndaker{
    background-color: #064D8F;
    color: #fff;
    border: 1px solid #064D8F;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btndaker:hover {
    background-color: #fff;
    color: #064D8F;
    border: 1px solid #064D8F;
    transition: all .3s ease-in-out;
}
.btnGreen {
    background-color: #00b050;
    color: #fff;
    border: 1px solid #00b050;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnGreen:hover {
    background-color: #fff;
    color: #00b050;
    border: 1px solid #00b050;
    transition: all .3s ease-in-out;
}
.btnRed{
    background-color: #e31937;
    color: #fff;
    border: 1px solid #e31937;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnRed:hover {
    background-color: #fff;
    color: #e31937;
    border: 1px solid #e31937;
    transition: all .3s ease-in-out;
}
.btnBlue{
    background-color: #008cd4;
    color: #fff;
    border: 1px solid #008cd4;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnBlue:hover {
    background-color: #fff;
    color: #008cd4;
    border: 1px solid #008cd4;
    transition: all .3s ease-in-out;
}
.btnYellow{
    background-color: #f9d71c;
    color: #fff;
    border: 1px solid #f9d71c;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnYellow:hover {
    background-color: #fff;
    color: #f9d71c;
    border: 1px solid #f9d71c;
    transition: all .3s ease-in-out;
}
.btnOrange{
    background-color: #f15a24;
    color: #fff;
    border: 1px solid #f15a24;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnOrange:hover {
    background-color: #fff;
    color: #f15a24;
    border: 1px solid #f15a24;
    transition: all .3s ease-in-out;
}
.btnPurple{
    background-color: #800080;
    color: #fff;
    border: 1px solid #800080;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnPurple:hover {
    background-color: #fff;
    color: #800080;
    border: 1px solid #800080;
    transition: all .3s ease-in-out;
}
.btnPink{
    background-color: #ffc0cb;
    color: #fff;
    border: 1px solid #ffc0cb;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnPink:hover {
    background-color: #fff;
    color: #ffc0cb;
    border: 1px solid #ffc0cb;
    transition: all .3s ease-in-out;
}
.btnGrey{
    background-color: #808080;
    color: #fff;
    border: 1px solid #808080;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnGrey:hover {
    background-color: #fff;
    color: #808080;
    border: 1px solid #808080;
    transition: all .3s ease-in-out;
}
.btnBlack{
    background-color: #000000;
    color: #fff;
    border: 1px solid #000000;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnBlack:hover {
    background-color: #fff;
    color: #000000;
    border: 1px solid #000000;
    transition: all .3s ease-in-out;
}
.btnWhite{
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.btnWhite:hover {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffff;
    transition: all .3s ease-in-out;
}

/* button section end here */
/* background color section start here */
.bgRed{
    background-color: #e31937;
}
.bgBlue{
    background-color: #008cd4;
}
.bgYellow{
    background-color: #f9d71c;
}
.bgOrange{
    background-color: #f15a24;
}
.bgPurple{
    background-color: #800080;
}
.bgPink{
    background-color: #ffc0cb;
}
.bgGrey{
    background-color: #808080;
}
.bgBlack{
    background-color: #000000;
}
.bgWhite{
    background-color: #ffffff;
}
.bgGreen{
    background-color: #00b050;
}
.bgdaker
{
    background-color: #064D8F;
}
/* background color section end here */
/* border section start here */
.borderRed{
    border: 1px solid #e31937;
}
.borderDaker
{
    border: 1px solid #064D8F;
}

.borderBlue{
    border: 1px solid #008cd4;
}
.borderYellow{
    border: 1px solid #f9d71c;
}
.borderOrange{
    border: 1px solid #f15a24;
}
.borderPurple{
    border: 1px solid #800080;
}
.borderPink{
    border: 1px solid #ffc0cb;
}
.borderGrey{
    border: 1px solid #808080;
}
.borderBlack{
    border: 1px solid #000000;
}
.borderWhite{
    border: 1px solid #ffffff;
}
.borderGreen{
    border: 1px solid #00b050;
}
/* border section end here */
/* text color section start here */