@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
    /* background-color: #fff; */
    background-color: #f1f1f1;

    /* background-color: aliceblue; */
    color: #545454;
    /* font-family: 'Roboto', arial, sans-serif; */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.logo {
    width: 10rem;
}
a:active{
    box-shadow: none;
}
#read_more{
    border: none;
    outline: none;
    background-color: rgba(255, 255, 255, 0);
    color: #0000ee;
}
#less{
    border: none;
    outline: none;
    background-color: rgba(255, 255, 255, 0);
    color: #0000ee;
}
.bg-white {
    background-color: #ffffff!important;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 12%), inset 0 -1px 0 0 #dadce0;
    left: 0;
    right: 0;
    top: 0;
    transform: translate3d(0,0,0);
    transition: transform .4s,background .4s;
}

.facebook{
    width: 42px;
    height: 42px;
    /* color: green; */
    position: fixed;
    bottom: 170px;
    left: 5px;
    z-index: 300;
    /* animation: whatsappzoom ease-in-out alternate 0.9s infinite; */
}

.youtube{
    width: 40px;
    height: 40px;
    /* color: green; */
    position: fixed;
    bottom: 70px;
    left: 5px;
    z-index: 300;
    /* animation: whatsappzoom ease-in-out alternate 0.9s infinite; */
}
.instagram{
    width: 40px;
    height: 40px;
    /* color: green; */
    position: fixed;
    bottom: 120px;
    left: 5px;
    z-index: 300;
    /* animation: whatsappzoom ease-in-out alternate 0.9s infinite; */
}
.announce{
    width: 45px;
    height: 45px;
    /* color: green; */
    font-size: 40px;
    position: fixed;
    bottom: 10px;
    left: 5px;
    z-index: 300;
    cursor: pointer;
    /* animation: whatsappzoom ease-in-out alternate 0.9s infinite; */
}
.followus_button{
    display: inline-block;
    align-items: center;
    justify-content: center;
    background-color: #0d6efd;
    color: white;
    outline: none;
    border: none;
    position: fixed;
    bottom: 10px;
    left: 5px;
    z-index: 300;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 1;
}
.close_button{
    color: white !important;
    font-size: 20px;
}
#hide{
    color: red;
}
.email{
    width: 55px;
    height: 55px;
    /* color: green; */
    position: fixed;
    bottom: 10px;
    right: 5px;
    z-index: 300;
    animation: whatsappzoom ease-in-out alternate 0.9s infinite;
}
.whatsapp{
    width: 60px;
    height: 60px;
    /* color: green; */
    position: fixed;
    bottom: 65px;
    right: 5px;
    z-index: 300;
    animation: whatsappzoom ease-in-out alternate 0.9s infinite;
}
@keyframes whatsappzoom {
    0%{transform: scale(0.9);}
    100%{transform: scale(1);}
}
/* =================== MODAL FORM CODE START ====================== */
.modal{
    z-index: 199999999;
}
.error1{
    color: red;
}

/* =================== MODAL FORM CODE START ====================== */

.nav-link {
    font-weight: 700;
    font-size: 0.9rem;
    font-family: 'Roboto',arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #3a3a3a !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.dropdown-menu li a{
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

.contact_and_start{
    border-radius: 30px;
    font-size: 0.8rem !important;
    text-transform: uppercase;
}
.nav-item {
    padding: 0.2rem 0.3rem;
}
main {
    margin-top: 5rem;
}

.btn {
    font-size: 0.8rem;
    padding: 10px 25px;
}
.btn:focus{
    box-shadow: none;
}
.btn:active{
    box-shadow: none;
}
.btn-light {
    border: 1px solid #dadada;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.nav-link-blue {
    color: #0d6efd !important;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.nav-link-blue:hover {
    color: #00378a !important;
}
.dropdown-item {
    font-weight: 700;
    font-size: 0.8rem;
    font-family: 'Roboto',arial,sans-serif;
    color: #3a3a3a !important;
}

.dropdown-menu[data-bs-popper] {
    left: 0;
    margin-top: .5rem;
}
/* From cssbuttons.io */
.btn_2 {
    position: relative;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1em 2.5em;
    display: inline-block;
    width: 300px !important;
    border-radius: 6em;
    transition: all .2s;
    border: none;
    font-family: inherit;
    font-weight: 500;
    color: rgb(255, 255, 255);
    /* background-color: rgb(52, 71, 247); */
   }
   
   .btn_2:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(81, 136, 255, 0.2);
   }
   
   .btn_2:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(81, 136, 255, 0.2);
   }
   
   .btn_2::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
   }
   
   .btn_2::after {
    background-color: rgb(9, 84, 197);
   }
   
   .btn_2:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
   }
/* button animation end*/
.footer_social_media_icon i{
    transition: ease-in-out all 0.3s;
}
.footer_social_media_icon i:hover{
    transform: translateY(-5px);
}
.footer_social_media_icon i{
    font-size: 28px;
    margin: 3px;
    color: rgb(255, 255, 255);
}
/* .footer_social_media_icon .fa-facebook{
    color: #3b5998;
}
.footer_social_media_icon .fa-instagram-square{
    color: rgb(255, 102, 0);
}
.footer_social_media_icon .fa-whatsapp-square{
    color: #0dfd35;
}
.footer_social_media_icon .fa-youtube{
    color: #fd0d0d;
} */

.footer {
    background: #241779;
    color: white;
}
.footer li a{
    font-size: 16px !important;
}
.footer-q-1 {
    color: #0d6efd;
    font-weight: 600;
}
.footer-q-2 {
    color: #fd0d0d;
    font-weight: 600;
    font-size: 1.8rem;
}

.footer-link {
    list-style: none;
    padding-left: 0rem !important;
}
.footer-link a {
    text-decoration: none;
    color: #545454;
    font-size: 12px;
}
.footer-link a:hover {
    text-decoration: underline;
    color: #545454;
    font-size: 12px;
}

.address {
    color: #545454;
    font-size: 16px;
    margin: 10px 0 !important;
}

.address a{
    color: #ffffff;
    font-size: 16px;
    margin: 10px 0 !important;
    text-decoration: none;
}
.address a:hover{
    color: rgb(71, 128, 252);
}
.contact-us-footer {
    color: #000;
    font-size: 25px;
    font-weight: 600; 
}
.contact-us-footer a{
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: 600; 
    text-decoration: none;
}
.contact-us-footer a:hover{
    color: rgb(71, 128, 252);
}
.footer_sub_heading{
    border-bottom: 2px solid white;
    padding-bottom: 10px;
}



@media screen and (max-width: 600px) {
    .nav-link {
        font-size: 0.8rem;
        letter-spacing: 0.5px;
    }
    .dropdown-menu li a{
        text-transform: uppercase;
        font-size: 0.8rem;
        letter-spacing: 0.5px;
    }
    .btn{
        font-size: 0.8rem !important;
        text-transform: uppercase;
    }
    .whatsapp{
        width: 50px;
        height: 50px;
    }
    .email{
        width: 47px;
        height: 47px;
        /* color: green; */
        position: fixed;
        bottom: 10px;
        right: 7px;
        z-index: 300;
        animation: whatsappzoom ease-in-out alternate 0.9s infinite;
    }
}