/*header Start*/
.headerlogo-info{
   /* width: 100%;
    height: auto;
    background-color: black;*/
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: #050505; /* Adjust as needed */
    z-index: 1000; 
    
}
#headerlogo-img{
    padding:5px 5px;
}
.navigaton{
    width: 100%;
    height: auto;
    padding: 10px 20px;
    text-align: center;
    background-color: antiquewhite;
    margin-top: 90px;
   


}
#navigation-bar ul li{
    display: inline-flex;
    padding: 5px 5px;
}

#navigation-bar ul li a{
    text-decoration: none;
    font-size: 15px;

}
#navigation-bar ul li a:hover{
    color: red;
    
    
}

/*header End*/
/*section Start*/
  .banner-images{
   background-image: url(/img/banner.jpg);
    margin-top: 20px;
    margin-left:-30px;
     height:500px;
    background-repeat: no-repeat;
    
   }
   .header-info h5{
       padding-top: 30px;
       padding-left: 10px;
       font-size: medium;
       font-weight: bold;
       color: rgb(79, 79, 126);
   }
   .header-info h1{
    padding: 10px;
    font-size: 50px;
    font-weight: bold;
    color: rgb(0, 169, 17);
  }
  .header-info h4{
    
    padding-left:10px;
    font-size: 20px;
    font-weight: bold;
    color: rgb(156, 0, 254);
  }
  .btn-primary{
     width: 30%;
     height: 70px;
     font-size: 25px;
     padding: 5px;
     margin-top: 40px;
     margin-left: 30px;
     background-color: rgb(122, 92, 17);
     color: rgb(213, 199, 226);
     border: 0.4px solid rgba(0, 0, 0, 0.242);
     border-radius: 50px;
    }
  .course1 h4{
      text-align: center;
      padding: 10px;
      color: blue;
  }
  .what-info{
    width: 100%;
    height: auto;
    border: 0.6px solid rgba(0, 0, 0, 0.039);
    position:inherit;
    background-color: rgba(255, 255, 255, 0.202);
    
    
  }
  .what-info1 h1{
    font-size: 40px;
    color: rgb(107, 201, 13);
    font-weight: bold;
    font-family:cursive
  }
  .what-info1 h3{
    text-align: justify;
    margin-left: 8px;
  }
  .what-info1 p{
    text-align: justify;
    margin-left: 13px;
    padding: 10px;
    font-size: 17px;
  }
  .what-info1 button{
    text-align: justify;
    margin-left: 28px;
    padding: 10px;
    background-color: rgba(30, 220, 30, 0.568);
    
  }
  .courses-info h2{
    text-align: center;
    font-size:45px;
    font-weight: bold;
    color: rgb(0, 169, 17);
    margin-top: 10px;
    padding-top: 20px;
  }
  .courses-info p{
    text-align: center;
    font-size:15px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .flip-box {
    background-color: transparent;
   width: 270px;
      height: 230px;
    border: 0.1px solid #f1f1f131;
    perspective: 1000px;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  
  .flip-box-inner {
    position: relative;
    width: 270px;
    height: 230px;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-box:hover .flip-box-inner {
    transform: rotateX(180deg);
  }
  
  .flip-box-front, .flip-box-back {
    position: absolute;
    width: 270px;
    height:230px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-box-front {
    background-color: #b4afb83f;
    color: rgba(0, 0, 0, 0.368);
  }
  
  .flip-box-back {
    background-color: rgba(30, 143, 255, 0.245);
    color: rgba(86, 61, 61, 0.44);
    transform: rotateX(180deg);
  }
  .flip-box-back p{
     padding: 30px 30px;
  }
  .flip-box-back button{
     width: 40%;
     height: 40px;
     background-color: rgb(255, 68, 0);
     color: azure;
   
 }
 .background-img-form{
    background-image: url(https://i.gifer.com/ENjk.gif);
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
 }
 .background-img-form h3{
    text-align: center;
    font-size:45px;
    font-weight: bold;
    color: rgb(58, 171, 2);
 }
 .background-img-form p{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: white;
 }
 .control-label{
    margin-left: 30px;
    margin-top: 50px;
    color: white;

 }
 .input1{
    margin-left: 40px;
   
 }
 .btn-primary1{
    width: 25%;
    height: 50px;
    font-size: 25px;
    padding: 5px;
    
    margin-left: 220px;
    background-color: rgb(122, 92, 17);
    color: rgb(213, 199, 226);
    border: 0.4px solid rgba(0, 0, 0, 0.242);
    border-radius: 50px;
  }
  .info-contact{
    width: 100%;
    height: auto;
    background-color: rgba(178, 219, 221, 0.122);
    margin-top: 30px;
  }
  .info-contact1{
     margin-top: 30px;
     margin-bottom: 30px;
  }
  .infraim1 iframe{
    width: 570;
    height: 290;
  }
  .info-contact2{
    margin-top: 20px;
    background-color: rgb(206, 255, 255);
  }
  .info-contact2 h3{
      text-align: center;
      font-size: 40px;
      color: rgb(107, 201, 13);
      font-weight: bold;
      font-family:cursive
  }
  .why-choose{
    padding: 10px;
  }
  .why-choose h5{
   font-size: 25px;
    font-family:'Times New Roman', Times, serif;
    color: #ff2d2de3;
  }
  .why-choose p{
    margin-left: 5px;
    font-size: 18px;
    text-align: justify;
 }
 .about-baner-img{
    background-image: url(/img/about-banner.jpg);
    width: 100%;
    height:auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
 }
 .about-baner-img h2{
    padding-top: 70px;
    padding-left:  20px;
    text-align: justify;
    font-size: 50px;
    color: rgb(131, 250, 11);
    font-weight: bold;
    font-family:cursive
 }
 .about-baner-img p{
    padding-left:  25px;
    font-size: 22px;
    color: antiquewhite;
 }
 .about-text h2{
    padding: 5px;
    text-align: justify;
    font-size: 30px;
    color: rgb(46, 57, 78);
    font-weight: bold;
    margin-top:40px;
 }
 .about-text p{
    padding: 5px;
    text-align: justify;
    margin-left: 10px;
    font-size: 18px;
 }
 .about-service-text{
    width: 100%;
 }
 .about-service-text h5{
    font-size: 18px;
    color: rgb(93, 151, 36);
    font-weight: bold;
    text-align: center;

 }
 .about-service-text p{
     padding: 5px;
     font-size: 15px;
     text-align: center;
     font-weight: bold;
     color: blue;
    }
 .about-service-text span{
    color: rgb(93, 151, 36);
    width: 100%;
     
 }
 #privacy-img p{
    text-align:justify ;
    font-size: 50px;
    padding: 60px;
    font-weight: bold;
 }
 .privacy-text ul li{
    display: block;
 }
 .privacy-text h4{
    padding: 5px;
    font-size: 24px;
    color: rgb(34, 34, 65);
 }
 .privacy-text p{
    padding: 12px;
    font-size: 16px;
    text-align: justify;
 }
 #terms-info li{
    padding: 20px;
    font-size: 18px;
    text-align: justify;
 }
 .contact-box1{
    width: 300px;
    height: 250px;
    border: 0.2px solid rgba(0, 0, 0, 0.021);
    margin:45px ;
    background-color: rgba(255, 235, 205, 0.235);
 }
 .contact-box1 img{
    margin-top: 30px;
    margin-left: 90px;
 }
 .contact-box1 img:hover{
    background-color: rgb(67, 40, 93);
    border-radius: 15%;
 }
 #service-text p{
    padding: 20px;
    font-size: 40px;
    color: rgb(120, 236, 4);
    font-weight: bold;
    background-color: rgba(137, 43, 226, 0.104);
    
 }
 #service-text1 h4{
    padding: 10px;
    font-size: 30px;
    font-weight: bold;
    color: rgb(34, 34, 65);
    
 }
 #service-text1 p{
    padding-left: 20px;
    font-size: 16px;
    text-align: justify;
    
 }
 #service-text1 h2{
    padding: 10px;
    font-size: 30px;
    font-weight: bold;
    color: rgb(30, 30, 188);
    
 }
 .btn-primary6{
    margin-left: 26%;
    width: 150px;
    background-color: chocolate;
 }
 #program-text h3{
    padding: 15px;
    color: white;
    font-size: 45px;
    font-weight: bold;
 }
 #program-text ul li{
    display:block;
    padding: 8px;
    font-size: 20px;
    color: white;
    background-color: rgba(185, 176, 194, 0.113);
 }
 .btn-primary7{
    width: 18%;
    height: 50px;
    font-size: 18px;
    padding: 5px;
    text-decoration: none;
    margin-left: 50px;
    background-color: rgb(216, 166, 40);
    color: white;
    border: 0.4px solid;
    border-radius: 10px;
  }
  .btn-primary7:hover{
    background-color: rgb(47, 34, 59);
    color: white;
  }
  .python-text h2{
    padding: 10px;
    font-size: 30px;
    font-weight: bold;
    color: rgb(34, 34, 65);
    
  }
  .python-text p{
    padding: 10px;
    font-size: 18px;
    text-align: justify;
  }
  #pythontext1 ul li{
    display: block;
    padding: 10px;
    font-size: 15px;
  }
  .flip-box1{
    background-color: rgba(189, 222, 222, 0.294);
     width: 220px;
    height: 250px;
    border: 0.1px solid #f1f1f131;
    perspective: 1000px;
    margin-left: 60px;
    margin-top: 30px;
    margin-bottom: 15px;
 }
 .flip-box1 h4{
    text-align: justify;
    color:rgb(62, 47, 75)
   
 }
 .flip-box1 p{
    text-align: justify;
    
 }
/*section End*/
/*footer Start*/
   .footer-copyright{
    width: 100%;
    background-color: black;
    
    color: white;
    text-align: center;
    }
   .footer-info{
    width: 100%;
    
    padding: 20px 20px;
    background-color: antiquewhite;
   }
   
/*footer End*/

@media screen and (max-width:700px){
    
    #navigation-bar ul li{
        display: block !important; 
        padding: 5px 5px;
        
    }
    .navbar-toggle {
        position: relative;
       
        float: right;
        padding: 20px 20px;
        margin-right: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: rgb(255, 255, 255);
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navigaton{
        width: 100%;
        height: auto;
        padding: 10px 10px;
        text-align: center;
        margin-top: 150px;
        
    
    }
    .btn-primary1{
        width: 80%;
        height: 50px;
        font-size: 25px;
        padding: 5px;
        margin-top: 10px;
        margin-left: 16%;
        background-color: rgb(122, 92, 17);
        color: rgb(213, 199, 226);
        border: 0.4px solid rgba(0, 0, 0, 0.242);
        border-radius: 50px;
        
    
    }
    .infraim1 iframe{
        width: 100%;
    }
      .about-service-text span{
        display: none;
        color: rgb(93, 151, 36);
        width: 40%;
         
     }
     .form-control{
          width: 370px;
          overflow: hidden;
     }
     .contat-en{
        width: 100%;
        overflow: hidden;
     }
     .contat-en img{
        width: 100%;
     }
     .btn-primary6{
        margin-left: 20%;
        width: 150px;
        background-color: chocolate;
     }
     .form09{
        width: 370px;
        overflow: hidden;
    }
    .btn-primary7{
        width: 60%;
        height: 50px;
        font-size: 18px;
        padding: 5px;
        text-decoration: none;
        margin-left: 20px;
        background-color: rgb(216, 166, 40);
        color: white;
        border: 0.4px solid;
        border-radius: 10px;
        margin-top: 10px;
      }
      .btn-primary7:hover{
        background-color: rgb(47, 34, 59);
        color: white;
      }
      .form-vertical{
         width: 290px;
      }
      .form-control{
         width: 190px;
      }

     
   
}