@font-face {
    font-family:'rubik';
    src: url(font/Rubik-VariableFont_wght.ttf);
}
@font-face {
    font-family:'avennir';
    src: url(font/avenir_roman_12.otf);
}
@font-face {
    font-family: 'rodetta';
    src: url(font/rodetta-stamp.ttf);
}
*{
    margin: 0;
    padding: 0;
    font-family: 'avennir';
}

.theme{
    color: #4d3535;
    font-weight: 600;
}
button.letbtn:hover{
    background-color:#f89f37;
    transition: 0.3s ;
    border:1px solid #4d3535

}
.logosalt img{
    width: 60% ;
}
.theme{
    background-color: #f89f37 !important;
}
.navbar ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    
}
.goodtxt{ text-align: left;}
.navbar ul li a{
    color: #fff !important;
}

section{
    height: 100% !important;
    background: #f89f37;
    color: #fff;
}


.flotingbtn a{
    position: fixed;
    right: 1%;
    top: 40%;

}



.recdicon{
    text-align: center;
}


.recdicon img{
    width: 100%;
}


.forticon {
text-align: center;}

.slogn{
    margin-bottom: 8%;
    text-align: center;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
    }
    .cnt223 a{
    text-decoration: none;
    }
    .popup-onload{
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
    }
    .cnt223{
    min-width: 600px;
    width: 600px;
    min-height: 150px;
    margin: 100px auto;
    background: #f3f3f3;
    position: relative;
    z-index: 103;
    padding: 15px 35px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    }
    .cnt223 p{
    clear: both;
        color: #555555;
        /* text-align: justify; */
        font-size: 20px;
        font-family: sans-serif;
    }
    .cnt223 p a{
    color: #d91900;
    font-weight: bold;
    }
    .cnt223 .x{
    float: right;
    height: 35px;
    left: 22px;
    position: relative;
    top: -25px;
    width: 34px;
    }
    .cnt223 .x:hover{
    cursor: pointer;
    }
@media only screen and (max-width: 600px) {
    .forticon img {
      width: 100%;
      padding:0px;
      overflow: hidden;
    }
    .slogn h1 {
        text-align: center;
        font-size: 12px;
    }
    h3{
        font-size: 12px;
    }
  }
  .navicon img{
width: 100%;
  }
  .navbar-toggler{
    width: 80px;
    
  }
  .center{
    text-align: center;
  }
.mobile{
    display: none;
}

.fillform{
    
    text-align: center;
 }
 .bgb{
    background-color: #4d3535;
    text-align: left    ;
 }
 
input{

 outline: none;
 padding: 0px 5px ;
 border: 2px #fff solid;
 width: 85%;
 height: 45px;
 margin-top: 8px !important;
     background: none;
 }
 input::placeholder{
     color: #fff;
 }

.submit{
 
 font-size: 1.8rem;
 color: #fff;
 outline: none;
 border-radius: 8px 8px 8px 8px;
 background: #4d3535;
 margin-top: 9%;
 width: 70%;
 height: 48px;
 text-align: center;
 margin-bottom: 20%;
}

footer  {
    font-size: 10px;
    text-align: center;
    color: #fff;
    background: #4d3535;
   
}
.letbtn{
    margin-top: 12px;
    border-radius: 12px;
    border:1px solid #f89f37;
    padding:12px 18px;
    color:#fff;
    background: #4d3535;

    
}
.mrgin-30{
    margin-top: 110px;
}
.bgb h2{
    padding-left:0 !important;
}
.home p{
    font-size: 20px;
}
.mobile_me{
    display: none;
}
  @media only screen and (max-width: 600px){
    .mrgin-30{
        display: none;
    }
    .destop_me{
        display: none;
    }
    .mobile_me{
        display: block;
    }
    h1.og{
        font-size: 28px;
        text-align: left;
    }
    .bgb h2{

        padding: 0 !important;
        font-size: 28px;
        padding-top: 20px !important;
    }

    .home h2{
        font-size: 1.6rem;
    }
    .theme {
        font-size: 1.6rem;
    }
    
    .mobile{
        display:none;
    }
    .goodluck img{
        width: 100%;
        text-align: center;
    }
    .fillform{
    
       text-align: center;
    }
   input{
   
    outline: none;
    padding: 0px 5px ;
    border: 2px #fff solid;
    width: 85%;
    height: 45px;
    margin-top: 8px !important;
        background: none;
    }
    input::placeholder{
        color: #fff;
    }

.submit{
    
    font-size: 1.8rem;
    color: #fff;
    outline: none;
    border-radius: 8px 8px 8px 8px;
    background: #4d3535;
    margin-top: 9%;
    width: 70%;
    height: 48px;
    text-align: center;
    margin-bottom: 20%;
}
.singing-img img{
    width: 100%;
    margin-bottom: 50px;

}

.about-us img{
width: 100%;
margin-bottom: 40px;
}

.about-theme{
    background: #4d3535;
}

.about-p1{
    text-align: center;
    margin-bottom: 20%;
}
.about-p2{
    text-align: center;
    margin-bottom: 15%;
}
.about-p3{
    text-align: center;
    margin-bottom: 15%;
}
.about-p4{
    text-align: center;
    margin-bottom: 15%;
}
.howit{
    text-align: center;
}
.howit h1{
    margin-bottom: 20%;
}

.singing-img2 img{
    width: 45%;
    text-align: center;
    margin-bottom: 15%;
}


 .submit-2{
    font-size: 1.8rem;
    color: #fff;
    outline: none;
    border-radius: 8px 8px 8px 8px;
    background: #f89f37;
    margin-top: 9%;
    width: 70%;
    height: 48px;
    text-align: center;
    margin-bottom: 20%;
}

.whyus img{
    width: 100%;
margin-bottom: 40px;
}

.whyus-theme{
    background: #f89f37;
}

.why-p1{
    text-align: center;
}
.why-p2{
    text-align: center;
}.why-p3{
    text-align: center;
}.why-p4{
    text-align: center;
}

.whyh h1 {
text-align: center;
}
.whyh2 h1 {
    text-align: center;
    }
    .whyh3 h1 {
        text-align: center;
        }
        footer p{
            font-size: 10px;
            text-align: center;
            margin: 0;
            color: #fff;
            background: #4d3535;
            width: 100%;
            height: 25%;

        }
.scroller{
    display: none !important;
}
        .submitbtn{
            text-align: center;
        }
        .bgb p{
            margin-top: 12px;
        }
  }

  @media only screen and (max-width: 1400px) {
  .goodluck img{
width: 100%;
  }
  }

  .about_banner img{
    padding: 0 !important;
    width: 100% !important;
}
.letbtn{
    background-color: #4d3535;
    padding: 3px 32px;
    font-family: 'rodetta';
    font-size: 25px;
    color: #fff;
    border-radius:5px;
    text-decoration: none;
}
.og{
    text-align: left !important;
}
p{
    font-size: 20px;
}
.bgb h2{
    color: #f89f37;
}
.bgb h1{
    color: #f89f37;
}
.video-bgb{
    border: 2px solid #f89f37;
    outline: 2px solid #f89f37;
    outline-offset:5px;
}
.torto{
    border: 2px solid #4d3535;
    outline: 2px solid #4d3535;
    outline-offset:5px;
}