@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

.font300{font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important;}
.font400{font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important;}
.font500{font-family: 'Montserrat', sans-serif !important; font-weight: 500 !important;}
.font600{font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important;}
.font700{font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;}
.font800{font-family: 'Montserrat', sans-serif !important; font-weight: 800 !important;}
body{
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}
html {
    height: 100%;
    margin: 0;
}
.comming-soon-page{
   position: relative;
    height: 100%;
}
.tabs-section{
    position: absolute;
    width: 99%;
    bottom: 100px;
}
.banner img.logo{
    width: 45%;
}
.countdown{
    font-size: 150%;
    text-transform: uppercase;
}
.footer{
    position: absolute;
    width: 99%;
    bottom: 20px;
}

bg-dark {
    background-color: #66a706 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000000;
    background-color: #fff;
}.nav-tabs .nav-link {
    border: 0px ;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.nav-item a {
        color: #ffffff;
        text-decoration: none;
        background-color: transparent;
}
.text-center a {
    color: #000000;
    
}
.bg-dark {
    background-color: #66a706 !important;
}
.tab-nav-sec ul li a.nav-link{
    padding: 15px 40px;
}
.tab-pane{
    padding: 10px 0px;
}
.tab-content p.content{
    font-size: 15px;
    letter-spacing: 7px;
}
.tab-content h1{
    font-weight: bold;
    font-size: 60px;
    margin-top: 5px;
}
.copyright span, .desgin-by-text span {
    font-size: 11px;
}
/*DESKTOP SCREEN SIZE*/
@media (min-width: 1601px) and (max-width: 1920px){
    .banner img.logo{
        width: 50% !important;
    }
    .tabs-section{
        bottom: 180px !important;
    }
    .footer{
        bottom: 30px;
    }

}

@media (max-width: 1366px) and (max-height: 668px){
    .banner img.logo{
        width: 35% !important;
    }
    .tabs-section{
        bottom: 100px !important;
    }
}
/*TABLET SCREEN SIZE*/
@media (min-width: 768px) and (max-width: 1024px) {
    .tabs-section{
        bottom: 200px !important;
    }
    .banner img.logo {
        width: 50% !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) {

    .banner img.logo {
        width: 90% !important;
    }
}
@media (width: 1024px) and (height: 600px){
    .banner img.logo{
        width: 40% !important;
    }
    .tabs-section{
        bottom: 85px !important;
    }
}
@media (width: 600px) and (height: 960px){
    .banner img.logo{
        width: 80% !important;
    }
    .tabs-section{
        bottom: 170px !important;
    }
    .tab-nav-sec ul li a.nav-link {
        padding: 15px 20px !important;
    }
    .copyright, .desgin-by{
        text-align: center !important;
    }
}
@media (width: 800px) and (height: 1280px){
    .banner img.logo{
        width: 90% !important;
    }
    .tabs-section{
        bottom: 220px !important;
    }
}
@media (min-width: 0px) and (max-width: 480px) {
    .tab-content h4{
        font-size: 17px;
    }
    .tab-content h4 span{
        font-size: 180%;
    }
    .tab-nav-sec ul li a.nav-link{
        font-size: 12px;
        padding: 10px !important;
    }
    .copyright{
        text-align: center;
    }
    .desgin-by{
        text-align: center !important;
    }
    .tab-content h1 {
        font-size: 30px;
    }
    .banner img.logo{
        width: 60% !important;
    }
    h2{
        font-size: 24px !important;

    }
}
@media (min-width: 320px) and (max-width: 375px) {
    .tabs-section {
        bottom: 150px !important;
    }
    .footer{

    }
    h2{
        font-size: 20px !important;

    }


}
/*@media (min-width: 375px) and (min-width: 667px) {*/
/*    .tabs-section {*/
/*        bottom: 150px !important;*/
/*    }*/
/*}*/
/*@media (max-width: 374px) {*/
/*    .tabs-section {*/
/*        bottom: 220px !important;*/
/*    }*/
/*    .footer{*/
/*        bottom: 80px*/
/*    }*/
/*}*/
/*}@media (min-width: 375px) and (max-width: 374px){*/
/*    .tabs-section{*/
/*        bottom: 150px !important;*/
/*    }*/
/*}*/
/*@media (min-width: 375px) and (max-width: 410px){*/
/*    .tabs-section{*/
/*        bottom: 200px !important;*/
/*    }*/
/*}*/
@media (min-width: 411px) and (max-width: 480px){
    .tabs-section{
        bottom: 180px !important;
    }
    .footer{
        bottom: 20px;
    }
    h2{
        font-size: 24px !important;

    }
}
@media (width: 375px) and (height: 812px){
    .tabs-section{
        bottom: 220px !important;
    }
    h2{
        font-size: 24px;

    }
}