/* nav bar start */
#top_nav{
    background-color: #daac00;
    padding: 0 8%;
}

.nav-link {
    color: rgb(255 255 255);
    font-size: 20px;
}

#searchbox{
    background-color: #fcc302;
    color:white;
    border: 0px;
    border-radius: 0;
    position:relative;
    left:47px;
    box-shadow: 5px 10px 59px 0px #4c45458f;
}
#searchbox::placeholder{
    color:white;
}

#searchbtn{
    position:relative;
    z-index: 99;
    background-color: #00bec9;
    border-radius: 0;
    color: white;
}

@media only screen and (max-width:768px){
    #searchform{
        margin-bottom:30px;
        margin-top:20px;
        position: relative;
        left:-20px;
    }
}

@media only screen and (max-width:500px){
    #top_nav{
        padding: 0;

    }
}

/* <!-- banner start --> */
#banner{
    background-color: #fcc302;
    padding-bottom:20px;
}

#bannertext h1{
    color:white;
    font-size:70px;
    margin-top:100px;
}

#bannertext p{
    color:white;
    font-size:20px;
    margin-top:20px;
    margin-bottom:20px;
}

#banner-btn-1{
    background-color: #00bec9;
    border: 2px solid #00bec9;
    color:white;

}

#banner-btn-2{
    color:white;
    border: 2px solid white;
    margin-left: 15px;
}


@media only screen and (max-width:1300px){
    #bannertext h1{
        font-size:50px;
    }
    #banner{
        padding-bottom: 70px;
    }
}

@media only screen and (max-width:900px){
    #bannertext h1{
        font-size: 40px;
    }

    #bannerimg img{
        padding-top: 70px;
    }
}


/* cards start */
/* card shadwo */
.box-shadow{
    box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}
/*  cards end*/

/* card script start*/
.carousel-control-prev,.carousel-control-next{
    height:30px;
    width: 30px;
    background-color:#fcc302;
    border-radius: 50%;
}
.carousel-control-prev{
    margin-top: 20%;
}
.carousel-control-next{
    margin-top: 20%;
}


/* card script end */

/* counter secton */

#counter-section{
    background-image: url(../images/back.png);
    padding-top:50px;
    padding-bottom:70px;
    background-position:cover;
    background-size: cover;
}

.counter-icon{
    font-size:70px;
}

@media only screen and (max-width:500px){
    .counter-icon{
        font-size:50px;
    }
}


/* footer Start */
#footer{
    background-color: #343434;
    padding:50px 0 60px 0;
}

#footer a{
    color :white;
    text-decoration: none;
}

#footer-from{
margin:10px 0;
}

#footer-search-box{
    background-color: #fcc302;
    color:white;
    border:0;
    padding:10px;
    width: 100%;
    max-width:300px;
    position: relative;
    left:10px;
}

#footer-search-submit{
    background-color: #00bec9;
    color:white;
    border:0;
    padding:10px 20px;
    border-radius: 0;

}
.social-icon{
    font-size: 25px;
    padding-left: 10px;
}

@media only screen and (max-width:1150px){
    #footer-search-box{
        max-width:200px;
    }
}

@media only screen and (max-width:768px){
    #footer-search-box{
        max-width:120px;
    }
}

@media only screen and (max-width:500px){
    #footer-search-box{
        max-width:200px;
    }
    #footer{
        padding-top:10px;

    }
    #footer h4{
        padding-top:50px;
        
    }
}

/* footer End */