:root{
    --primary-color:rgb(97,160,251);
    --secondary-color:rgb(134,168,68);
    --white-color:#fff;
    --light-body:rgb(246,247,250);
    --light-text:#797878;
    --footer-bg:rgb(34,34,34);
    --footer-text:#979696;
    --designed-by-bg:rgb(19,19,19);
    --table-odd-color:#b4d3fd;
    --table-even-color:#c8daa4;
}
/* @font-face{
    font-family:headings;
    src: url("../fonts/Noto_Sans/NotoSans-Bold.ttf");
}
@font-face{
    font-family:body;
    src: url("../fonts/Noto_Sans/NotoSans-Regular.ttf"); 
}*/
@font-face{
    font-family:italic;
    src: url("../fonts/Kaushan_Script/KaushanScript-Regular.ttf"); 
}


/* general classes start */
a{    
    display:inline-block;
    text-decoration:none;
    color:#000;
}
a:hover{
    text-decoration:none; 
    color:#000;   
}
span{
    display:inline-block;
}
.bold{
    font-weight: bold;
}
.head1{
    font-size:40px;
}
.head2{
    font-size:30px;
}
.head3{
    font-size:28px;
}
.head4{
    font-size:22px;
}
.head5{
    font-size:20px;
}
.head6{
    font-size:18px;
}

.primary-c{
    color:var(--primary-color);
}
.secondary-c{
    color: var(--secondary-color);
}
.lit-content{
    color:var(--light-text)
}
.italic{
    font-family:italic;
    letter-spacing: 1px;
}
.btn1{
    padding:15px 50px;
    background-color:var(--primary-color);
    color:#fff;
    border-radius:40px 0px 40px 0px /40px 0px 40px 0px ;
    transition:.3s all;
}
a.btn1:hover{
    color:#fff;
    background-color:var(--secondary-color)
}
.btn2{
    padding:15px 50px;
    background-color:var(--secondary-color);
    color:#fff;
    border-radius:40px 5px 40px 5px /40px 5px 40px 5px ;
    transition:.3s all;
}
a.btn2:hover{
    color:#fff;
    background-color:var(--primary-color);
}
/* general classes end */


/* navbar start here */
.navbar{
    width:100%;
    background-color:var(--white-color);     
}
.navbar-nav{    
    padding-left:20%;
}
.navbar-nav li{
    margin:0px 10px;
}
.navbar-nav ul.dropdown-menu li{
    margin:0px 0px;
}
.navbar-light .navbar-nav .nav-link {
    font-weight: 600;
    font-size:18px;
}
.navbar-light .navbar-nav .nav-link:hover{
    color:var(--primary-color);
}
.dropdown-menu{   
    background-color:var(--table-odd-color);
    
}
.dropdown-item{
    color:#000;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #000;
    background-color: var(--table-even-color);
}
.contact1{
    margin-left:50px;
}
/* navbar end here */

/* home banner starts here */
.banner{
    position:relative;
}
.banner img{
    width:100%;
    height:600px;
}
.banner-overlay{
    background-color:rgba(0,0,0,0.6);
    width:100%;
    height:600px;
    position:absolute;
    top:0px;
    left:0px;
    color:#fff;  
}
.banner h2{
    font-size:100px;
    margin-top:15%;
}
.banner p{
    color:#fff;
    -webkit-text-stroke:1px rgb(235, 235, 147);
    color: var(--secondary-color);
}
.banner-text{
    width:80%;
    margin:auto;
}
/* home banner end here */

/* page banner start here */
.page-banner{
   background-image: url("../images/banner-bg.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   color:white;
   padding:150px 0px;
}
.page-banner h1{
font-size:50px;
}
.page-banner p{
    color:var(--secondary-color);
    }
/* page banner end here */

/* TTC start here */
.course-div{
    background:#fff;
    box-shadow:0px 0px 5px #ddd;
    border-radius:10px;
    /* border-bottom:5px solid var(--primary-color); */
    transition:.5s all;
    margin-top:8px;
}
.course-div:hover{
    box-shadow:0px 0px 25px var(--light-text);
    margin-top:0px;
}
.courses1 img{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.course-div .ttc{
    padding: 20px;
}
.bullet li{
    list-style-image:url("../images/bullet.png") ;
}
/* TTC start here */

/* seprate banner start here */
.seprate-banner{
    width:100%;
    height:auto;
    background-image: url("../images/plane-bg1.jpg");
    background-size:cover;
    background-attachment:fixed;
    padding:50px 0px;
    color:#fff;
}
.box2{
    background-color:#fff;
    padding:10px;
    border-radius:8px;
    margin:20px 0px;
}
/* seprate banner end here */

/* daily schedule start here */
.table {
    /* --bs-table-striped-color: #333333;
    color:  #333333; */
    --bs-table-striped-color: #000;
    color:  #000;
} 
.time-table1 th{
    padding:12px 0px;
    background-color:#4e4f52 ;
    color:#fff;
}
.time-table1 td{
    padding:12px 0px;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color:var(--table-odd-color);
}
.table-striped tbody tr:nth-of-type(even) {
    background-color:var(--table-even-color);
}
/* daily schedule end here */

/* gallery start here  */
.pic1{
    margin-bottom:15px;
}
/* gallery end here  */

/* footer start here */
.footer{
    width:100%;
    background-image:url(../images/footer.jpg);
    background-size:cover;
    color:#ddd;
    padding-top:50px;
}
.footer .light-p{
    color:var(--light-text);
}
.links a{
    color:#ddd; 
    border-bottom:1px dashed var(--light-text);
    padding:5px 0px;
}
.links a:hover{
    color:var(--secondary-color); 
}
.footer-social{
    font-size:16px;
}
.footer-social a i {
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    border-radius:30px;
    transition:.2s all;  
    color:#ddd;
    background-color:rgb(32,47,58);
}
.footer-social a i:hover{
    background-color: var(--secondary-color);
    color:#fff;
}
.designed-by{
    font-size:14px;
    border-top:1px solid var(--light-text);
    padding:20px 10px;
}

/* footer end here */

/* form start here */
.form{
     background-color:var(--table-even-color) ;
     padding:20px;
}
form input{
    border:none;
    margin-bottom:12px;
}
form textarea{
    width:100%;
    margin-bottom:12px;
    border:1px solid #ddd;
    padding:10px;
}
.select{
    width:100%;
    margin-bottom:12px;
    padding:10px;
    
}
.form-control {   
    padding: 10px;
    color: #212529;
    border:none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-btn{
    width:100%;
    text-align:center;
}
.submit{
    width:30%;
    margin:auto;
}
.social2 {
    padding:10px 5px;
}
.social2 a i{
    color:#fff;
    background-color:var(--table-odd-color);
}

/* form end here */










/* media query starts here */
@media screen and (max-width:768px){  
    .contact1 {
        margin-left: 100px;
    }   
    .banner h2 {
        font-size: 70px;
    }
    .banner img{
        width:100%;
        height:450px;
    }
    .banner-overlay{
        height:450px;
        
    }
    
  
    
}


@media screen and (max-width:412px){    
    .head1{
        font-size:30px;
    }
    .head2{
        font-size:28px;
    }
    .head3{
        font-size:22px;
    }
    .head4{
        font-size:20px;
    }
    .head5{
        font-size:20px;
    }
    .head6{
        font-size:18px;
    }
    .contact1 {
        margin-left:140px;
     }
    .banner h2 {
        font-size: 50px;
    }
    .banner img{
        width:100%;
        height:300px;
    }
    .banner-overlay{
        height:300px;
    }   
    
    .btn1 {
        padding: 10px 20px;
        border-radius: 30px 0px 30px 0px /30px 0px 30px 0px;
        text-align:center;
    }
    .navbar-nav{    
        padding-left:0%;
        text-align:center;
    }
    .footer{
        text-align:center;
        margin-top:0px;
    }
    .footer .designed-by p{
        color: var(--light-text);
        font-size:12px;
        text-align:center;
    }
    
    /* page banner start here */
    .page-banner{
        padding:60px 0px;
    }
    .page-banner h1{
    font-size:30px;
    }
    .page-banner p{
        color:var(--secondary-color);
    }
 /* page banner end here */
    
 .daily-schedule p.head2{
    font-size:22px;
 }
 .daily-schedule td {
    width:10%;
 }
 .ananda-yoga p.head1{
    font-size:25px;
 }
 p.head5 i{
    font-size:16px;
 }
 .address-info{
    text-align:center;
    margin-top:20px;
 }
}

/* media query end here */