section{
    position: relative;
    background-color: rgb(32, 31, 31) ;
}
section .section-1{
    width: 100%;
    height: 100vh;
    background-image:url(../img/bbbbbb.jpg);
    background-size:cover ;
    background-attachment: fixed;
    
}
section .section-1 .layout{
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    overflow: auto;
}
 section .section-1 header {
    width:100% ;
    background-image: linear-gradient(to right, rgb(32, 31, 31) 60% , rgb(141, 30, 192));
    padding-bottom: 15px;
    position: absolute;
    position: fixed;
    z-index:  26262626;
}
section .section-1 header .nav{
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
section .section-1 header .nav .nav-lt{
    margin-top: 25px;
}
section .section-1 header .nav .nav-rt{
    margin-top: 30px;
}
section .section-1 header .nav .nav-rt{
    width: 45%;
    display: flex;
    justify-content: space-between;
}
section .section-1 header .nav .nav-rt .title{
    width:70% ;
}
section .section-1 header .nav .nav-rt .bar{
    color: white;
    font-size: 20px;
    display: none;
}
section .section-1 header .nav .nav-rt .title ul li{
    list-style: none;
    float: left;
    font-size: 18px;
    margin: 0px 20px ;
}
section .section-1 header .nav .nav-rt .title ul li a{
    text-decoration: none;
    color: whitesmoke;
}
section .section-1 header .nav .nav-rt .title ul li a:hover{
    font-weight: bold;
    font-size: larger;
    color: white;
    text-shadow: 0 0 7px white;
    transition:all 0.5s;
}
section .section-1 header .nav .nav-rt .logo{
    width:40%;
}
section .section-1 header .nav .nav-rt .logo ul li {
    list-style: none;
    font-size: 20px;
    float: left;
    margin: 0px 13px ;
    transition: all 1s;
}
section .section-1 header .nav .nav-rt .logo ul li a{
    text-decoration: none;
    color: white;
}
section .section-1 header .nav .nav-rt .logo ul li a:hover i{
    font-size: 35px;
  transform:rotate(360deg); 
  transition:1s ;
  color: rgba(255,255,255,0.5);
}
section .section-1 header .nav .nav-lt{
    width: 50%;
}
section .section-1 header .nav .nav-lt img{
    width:30% ;
}

section .section-1 .layout .welcom{
width:90%;
margin: auto;
text-align: center;
}
section .section-1 .layout .welcom   h1{
    font-size:50px ;
    font-weight: bolder;
    font-family:Poppins,sans-serif;
    text-shadow: 0 0 20px rgb(130, 68, 230);
    color: white;
    margin-top: 250px;
}
section .section-1 .layout .welcom .a{
    margin-top: 50px;
}
section .section-1 .layout .welcom .a a{
    padding: 15px 30px ;
    text-decoration: none;
    color: white;
    border-radius: 20px;
    border: solid white 3px;
}
section .section-1 .layout .welcom .a a:hover{
    background-color: rgb(141, 30, 192) ;
    border: 2px solid black;
}
section .Home{
    width: 100%;
    background-image: url(../img/background.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 10%;
}
section .Home .about {
    width: 90%;
    display: flex;
    margin: auto;
}
section .Home .about .logo-rt{
    width: 50%;
    margin-top: 200px;
}
section .Home .about .logo-rt img {
    width: 500px;
}
section .Home .about .about-lt {
    width: 50%;
    margin-top: 75px;
    color: white;
}

section .Home .about .about-lt h2 {
    font-size: 25px;
    position: relative;
}
section .Home .about .about-lt h2::after{
    content: "";
    width:30%;
    height: 2px;
    background-color: white ;
    position: absolute;
    top: 50%;
    left:15%;
}
section .Home .about .about-lt h1{
     margin-top: 7.5px;
     font-size: 50px;
}
section .Home .about .about-lt p{
    margin-top: 50px;
    font-size: 35px;
}
section .Home .about .about-lt .title{
    margin-top: 25px;
}
section .Home .about .about-lt .title label{
    font-size: 17.5px;
}
section .Home .about .about-lt .title ul{
    margin-top: 20px;
}
section .Home .about .about-lt .title ul li {
list-style: none;
margin-top: 15px;
font-size: 17.5px;
}
section .Home .about .about-lt .title ul li i{
    padding-right: 5px;
}
section .Home .about .about-lt .learn {
    margin-top:50px;
} 
section .Home .about .about-lt a{
    padding:12px 25px;
    border: solid 0px ;
    border-radius: 30px;
    text-decoration: none;
    color: white;
    font-size: larger;
    background-color: rgb(141, 30, 192);
}
section .end-bar {
    width:80% ;
    background-color: rgb(32, 31, 31) ;
    margin: auto;
    display: flex;
    justify-content: space-around;
    padding-top: 50px;
    padding-bottom: 50px;
}
section .end-bar .end-1{
    color: white;
    text-align: center;
}
section .end-bar .end-1 p{
    margin-top: 5px;
}
section .end-bar .end-1 .mail{
    margin-top: 25px;
}
section .end-bar .end-1 .mail span{
    font-weight: bold;
    font-size: larger;
}

.end-bar .end-2 {
    text-align: center;
}
.end-bar .end-2 h1{
    color: white;
}
 
section .end-bar .end-2 .a{
margin-top: 20px;
}
section .end-bar .end-2 a {
    text-decoration: none;
    color: white;
    margin: 10px 3px;
    padding-top:10px;
    font-size: 14px;
    float: left;
    width:35px ;
    height: 25px;
    background-color: rgb(141, 30, 192);
    border-radius: 30px;
}
section .end-bar .end-2 a:hover{
    width:45px ;
    height: 30px;
    padding-top:13px;
}
section .end-bar .end-3{
    color: white;
}
section .end-bar .end-3 .amit {
    display: flex;
    margin-top: 20px;
}
section .end-bar .end-3 .amit img {
    margin-right: 5px;
    width: 60px;
}
section .end-bar .end-3 .amit a {
    text-decoration: none;
    color: white;
}
section .end-bar .end-3 .amit p {
    margin-top: 5px;
    margin-left: 5px;
}
section .Copyright {
    width: 100%;
    padding-bottom: 100px;
}

section .Copyright p{
    color: white;
    margin-left: 100px;
}
section .Copyright p span{
    color: green;
}
/* about us */





section  header {
    width:100% ;
    background-image: linear-gradient(to right, rgb(32, 31, 31) 60% , rgb(141, 30, 192));
    padding-bottom: 15px;
    position: absolute;
    position: fixed;
    z-index:  26262626;
}
section  header .nav{
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
section  header .nav .nav-lt{
    margin-top: 25px;
}
section  header .nav .nav-rt{
    margin-top: 30px;
}
section  header .nav .nav-rt{
    width: 45%;
    display: flex;
    justify-content: space-between;
}
section  header .nav .nav-rt .title{
    width:70% ;
}
section  header .nav .nav-rt .bar{
    color: white;
    font-size: 20px;
    display: none;
}
section  header .nav .nav-rt .title ul li{
    list-style: none;
    float: left;
    font-size: 18px;
    margin: 0px 20px ;
}
section  header .nav .nav-rt .title ul li a{
    text-decoration: none;
    color: whitesmoke;
}
section  header .nav .nav-rt .title ul li a:hover{
    font-weight: bold;
    font-size: larger;
    color: white;
    text-shadow: 0 0 7px white;
    transition:all 0.5s;
}
section  header .nav .nav-rt .logo{
    width:40%;
}
section  header .nav .nav-rt .logo ul li {
    list-style: none;
    font-size: 20px;
    float: left;
    margin: 0px 13px ;
    transition: all 1s;
}
section  header .nav .nav-rt .logo ul li a{
    text-decoration: none;
    color: white;
}
section  header .nav .nav-rt .logo ul li a:hover i{
    font-size: 35px;
  transform:rotate(360deg); 
  transition:1s ;
  color: rgba(255,255,255,0.5);
}
section  header .nav .nav-lt{
    width: 50%;
}
section  header .nav .nav-lt img{
    width:30% ;
}
section .p-k {
    width: 100%;
    background-color: rgb(24, 23, 23);
    padding-top:125px ;
    padding-bottom:40px;
}
section .klayout .kabout-us{
    background-color:rgb(24, 23, 23);
    width: 80%;
    color: white;
    text-align: center;
    margin: auto;
}
section .klayout .kabout-us h1{
    font-size: 40px;
    text-shadow: 0 0 10px rgb(129, 70, 168);
}
section .klayout .kabout-us p{
    font-size:17px ;
}
section .khome{
    background-image: url(../img/background.jpg);
    width: 100%;
    background-size:cover ;
    background-attachment: fixed;
    padding-top: 75px;
    padding-bottom: 75px;
}
section .khome .kphome{
    width: 80%;
    margin: auto;
    color: white; 
}
section .khome .kphome h5{
    color: rgba(255,255,255,0.5);
    letter-spacing: 3px;
    position: relative;
    font-size: 15px;

}
section .khome .kphome h5::after{
    content: "";
    width:10%;
    height: 1px;
    background-color:rgba(255,255,255,0.75) ;
    position: absolute;
    top: 50%;
    left:16%;
}
section .khome .kphome h1{
    margin: 10px 0px;
    font-size: 40px;
}
section .khome .vision {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
section .khome .vision div{
    width: 45%;
}
section .khome .vision div h1 i {
    font-size: 75px;
    text-shadow:  0 0 15px rgb(129, 56, 212);
    
}
section .khome .vision div h2{
    font-size:25px ;
    text-shadow: 0 0 10px rgb(129, 70, 168);
} 
section .khome .vision div h2:hover{
    color: green;
}
section .khome .vision div p{
font-size: 20px;
}
section{
    
}
section .kitme img{
    width: 500px;
    border-radius: 20px;
    margin-top: 25px;
    box-shadow: 0 0 15px black;
}
section  .kitme{
    width: 80%; 
    margin: auto;
    color: white; 
    margin-top: 100px;
    
}
section  .kitme .partition {
    display: flex;
    justify-content: space-between;
}
section  .kitme .partition .para{
    width: 55%;
}
section  .kitme h1{
    font-size:35px ;
    text-shadow: 0 0 10px rgb(129, 70, 168);
    margin-top: 50px;
}

section  .kitme p{
    margin-top: 18px;
    font-size: 20px;
}




/* evnts */


section .khome .events9{
    width: 90%;
    margin: auto;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    margin-top: 40px;
    overflow: hidden;
}
section .khome .events9 button{
    font-size:18px;
    width: 95%;
    margin-top: 15px;
    margin-bottom:15px ;
    color: white;
    background-color: rgba(0,0,0,0.5);
    padding: 10px 0px;
    border:solid 0px ;
}
section .khome .events9 i{
    font-size: 20px;
    margin-left: 5px;
}
section .khome .events9 button:hover{
    font-size:20px;
    font-weight: bold;
    width:100% ;
    padding: 20px 0px;
    text-decoration: underline;
    transition: 1s;
    cursor: pointer;
}
section .khome .events9 .event11 .event1 {
    display: none;
}
section .khome .events9 .event11 .head-e1 :focus-within + .event1 {
    
    display: block;
}
section .khome .events9 .event11 .event1 .part{
    display: flex;
    justify-content: space-around;
    color: white;
    text-align: left;
    margin: 15px 0 ;
}
section .khome .events9 .event11 .event1 .part .litter{
    width: 60%;
}
section .khome .events9 .event11 .event1 .part h1{

    font-size:30px ;
}
section .khome .events9 .event11 .event1 .part p{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size:20px;
}

/* media */




@media(max-width:1020px){
  
 
    section .section-1 header .nav .nav-rt{
        width:60%;
    }
    section .section-1 header .nav .nav-rt .title{
        width: 70% ;
    }
    section .section-1 header .nav .nav-rt .title ul li{
        margin: 0px 15px ;
    }

    section .section-1 header .nav .nav-lt img{
        width:38% ;
    }
    
    section .section-1 .layout .welcom   h1{
        margin-top: 100px;
    }
    section .section-1 .layout .welcom .a{
        margin-top: 40px;
        padding-bottom: 20px;
    }
   
    section .Home .about .logo-rt img {
        width: 400px;
    }
    section .Home .about .about-lt {
        width: 60%;
    }
    
    section .Home .about .about-lt h2 {
        font-size: 22px;
        position: relative;
    }
    section .Home .about .about-lt h2::after{
        left:18%;
    }
    section .Home .about .about-lt h1{
         margin-top: 5px;
         font-size: 40px;
    }
    section .Home .about .about-lt p{
        margin-top: 40px;
        font-size: 25px;
    }
   
    /* about us */
    
 
   
    section  header .nav .nav-rt{
        width:60%;
    }
    section  header .nav .nav-rt .title{
        width: 70% ;
    }
    section  header .nav .nav-rt .title ul li{
        margin: 0px 15px ;
    }
  
    section  header .nav .nav-lt img{
        width:38% ;
    }

    section .khome .kphome h5::after{
        left:21%;
    }
    
    section .kitme img{
        width: 500px;
        border-radius: 20px;
        margin-top: 25px;
        box-shadow: 0 0 15px black;
    }
    section  .kitme{
        width: 80%; 
        margin: auto;
        color: white; 
        margin-top: 100px;
        
    }
    section  .kitme .partition{
        width: 100%;
    }
    
    section  .kitme .partition  img{
        width: 400px;
    }
    section  .kitme p{
        margin-top: 18px;
        font-size:17px;
    }
    
}






@media(max-width:940px){
  
   
    section .section-1 header .nav .nav-rt{
        width: 60%;
    }
    section .section-1 header .nav .nav-rt .title{
        width:80% ;
    }
    section .section-1 header .nav .nav-rt .title ul li{
     font-size: 16px;
        margin: 0px 15px ;
    }
    
   
    section .section-1 header .nav .nav-rt .logo{
        width:45%;
    }
    
    
    section .section-1 header .nav .nav-lt{
        width: 60%;
    }
    section .section-1 header .nav .nav-lt img{
        width:40% ;
    }
    
    
    
    
    section .Home .about .logo-rt{
        width:40%;
        margin-top: 150px;
        align-items: center;
    }
    section .Home .about .logo-rt img {
        width: 350px;
    }
    section .Home .about .about-lt {
        width: 50%;
        margin-top: 75px;
    }
    section .Home .about .about-lt h2 {
        font-size: 20px;
    }
    section .Home .about .about-lt h2::after{
       
        left:18%;
    }
    section .Home .about .about-lt h1{
         margin-top: 6px;
         font-size: 40px;
    }
    section .Home .about .about-lt p{
        font-size: 20px;
    }
    section .Home .about .about-lt .title{
        margin-top: 25px;
    }
    section .Home .about .about-lt .title label{
        font-size: 15px;
    }
    section .Home .about .about-lt .title ul{
        margin-top: 17.5px;
    }
    section .Home .about .about-lt .title ul li {
    font-size: 15.5px;
    }
    
    
    /* about us */
    
    
    
    
    section  header .nav .nav-rt{
        width: 60%;
    }
    section  header .nav .nav-rt .title{
        width:80% ;
    }
    section  header .nav .nav-rt .title ul li{
     font-size: 16px;
        margin: 0px 15px ;
    }
    section  header .nav .nav-rt .logo{
        width:45%;
    } 
    section  header .nav .nav-lt{
        width: 60%;
    }
    section  header .nav .nav-lt img{
        width:40% ;
    }
    
    section .khome .kphome h5{
        font-size: 13px;
    }
    section .khome .kphome h5::after{
        left:21%;
    }
        
    
    section .kitme .partition img{
        width: 350px;
        margin-top: 50px;
    }
    
    section  .kitme p{
        margin-top: 10px;
        font-size: 18px;
    }
}


@media(max-width:740px){

    section .section-1 header .nav .nav-rt{
        width: 60%;
    }
    section .section-1 header .nav .nav-rt .title{
        width:80% ;
    }
    section .section-1 header .nav .nav-rt .title ul li{
     font-size: 13px;
        margin: 0px 15px ;
    }
    
   
    section .section-1 header .nav .nav-rt .logo{
        width:45%;
    }
    section .section-1 header .nav .nav-rt .logo ul li  {
        margin: 0px 9px;
    }
    section .section-1 header .nav .nav-rt .logo ul li i{
        font-size: 15px;
    };
    section .section-1 header .nav .nav-rt .logo ul li a:hover i{
        font-size: 20px;
    }      
    section .section-1 header .nav .nav-lt{
        width: 60%;
    }
    section .section-1 header .nav .nav-lt img{
        width:200px ;
    }
      
    section .section-1 .layout .welcom   h1{
        font-size:40px ;
        font-weight: bolder;
        color: white;
        margin-top: 350px;
    }   
       
    section .Home .about .logo-rt{
        width:40%;
        margin-top: 150px;
        align-items: center;
    }
    section .Home .about .logo-rt img {
        width: 250px;
    }
    section .Home .about .about-lt {
        width: 50%;
        margin-top:60px;
    }
    section .Home .about .about-lt h2 {
        font-size: 15px;
    }
    section .Home .about .about-lt h2::after{
       
        left:20%;
    }
    section .Home .about .about-lt h1{
         margin-top: 3px;
         font-size: 30px;
    }
    section .Home .about .about-lt p{
        font-size: 16px;
    }
    section .Home .about .about-lt .title{
        margin-top: 20px;
    }
    section .Home .about .about-lt .title label{
        font-size: 12px;
    }
    section .Home .about .about-lt .title ul{
        margin-top: 15.5px;
    }
    section .Home .about .about-lt .title ul li {
    font-size: 12.5px;
    }
    section .end-bar {
        width: 90%;
    }
    section .end-bar .end-1 h1{
        font-size: large;
    }
    section .end-bar .end-1 p{
        margin-top: 5px;
        font-size: small;
    }
    section .end-bar .end-1 .mail{
        margin-top: 25px;
    } 
    section .end-bar .end-2 h1{
        font-size: large;
    }
    section .end-bar .end-2 .a{
    margin-top: 20px;
    }
    section .end-bar .end-2 a {
        text-decoration: none;
        color: white;
        margin: 10px 3px;
        padding-top:8px;
        font-size: 14px;
        float: left;
        width:30px ;
        height: 20px;
        background-color: rgb(141, 30, 192);
        border-radius: 30px;
    }
    section .end-bar .end-3 h1{
        font-size: large;
    }
    
    section .end-bar .end-3 .amit img {
        margin-right: 5px;
        width: 60px;
    }
    section .end-bar .end-3 .amit p {
        margin-left: 3px;
    }
    section .Copyright {
        padding-bottom: 75px;
    }
    
    section .Copyright p{
        margin-left: 50px;
    }
   

        
    /* about us */
    
   
    section  header .nav .nav-rt{
        width: 60%;
    }
    section  header .nav .nav-rt .title{
        width:80% ;
    }
    section  header .nav .nav-rt .title ul li{
     font-size: 13px;
        margin: 0px 15px ;
    }
    section  header .nav .nav-rt .logo{
        width:45%;
    }
    section  header .nav .nav-rt .logo ul li  {
        margin: 0px 9px;
    }
    section  header .nav .nav-rt .logo ul li i{
        font-size: 15px;
    };
    section  header .nav .nav-rt .logo ul li a:hover i{
        font-size: 20px;
    }      
    section  header .nav .nav-lt{
        width: 60%;
    }
    section  header .nav .nav-lt img{
        width:200px ;
 
    }
    
    section .klayout .kabout-us h1{
        font-size: 30px;
    }
    section .klayout .kabout-us p{
        font-size:14px ;
    }
    section .khome{
        padding-top:35px;
        padding-bottom: 35px;
    }
    section .klayout .khome .kphome h5{
        font-size: 12px;
    
    }
    section .klayout .khome .kphome h5::after{
        left:25%;
    }
    section .khome .kphome h1{
        font-size: 28px;
    }
  
    section .khome .vision div h1 i {
        font-size: 50px;
    }
    section .khome .vision div h2{
        font-size:20px ;
        } 
    section .khome .vision div h2:hover{
        color: green;
    }
    section .khome .vision div p{
    font-size: 15px;
    }

    
    section .khome .kphome h5{
        font-size: 13px;
    }
    section .khome .kphome h5::after{
        left:21%;
    }
        
    section .kitme{
        margin-top: 20px;
    }
    section .kitme .partition img{
        width: 250px;
        margin-top: 50px;
    }
    section .kitme h1{
        font-size: 30px;
    }
    section  .kitme p{
        margin-top: 10px;
        font-size: 15px;
    }
    


/* event */

section .khome .events9{
    margin-top: 65px;
}
section .khome .events9 button{
    font-size:16px;
    width: 95%;
    margin-top: 12px;
    margin-bottom:12px ;
    padding: 10px 0px;
 }
section .khome .events9 i{
    font-size: 18px;
}
section .khome .events9 .event11 .event1 {
    display: none;
}
section .khome .events9 .event11 .head-e1 :focus-within + .event1 {
    
    display: block;
}
section .khome .events9 .event11 .event1 .part{
    display: flex;
    justify-content: space-around;
    color: white;
    text-align: left;
    margin: 15px 0 ;
}
section .khome .events9 .event11 .event1  img{
width:200px ;
}
section .khome .events9 .event11 .event1 .part .litter{
    width: 60%;
}
section .khome .events9 .event11 .event1 .part h1{

    font-size:23px ;
}
section .khome .events9 .event11 .event1 .part p{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size:16px;
}




}






@media(max-width:540px){
    section .section-1 header .nav .nav-rt .bar{
        display: block;
        float: right;
        margin-left: 25px;
    }
    section .section-1 header .nav .nav-rt .title{
        display: none;
    }
    
    section .section-1 header .nav .nav-rt .logo{
        width:70%;
    }
    section .section-1 .layout .welcom   h1{
        font-size:35px ;
        font-weight: bolder;
        color: white;
        margin-top:400px;
    }
    section .Home .about {
        display:flex;
        flex-wrap:wrap;
    }
    section .Home .about .logo-rt{
        width:25%;
        margin-top: 120px;
    }
    section .Home .about .logo-rt img {
        width:150px;
    }
    section .Home .about .about-lt {
        width: 60%;
        margin-top:30px;
    }
    section .Home .about .about-lt h2 {
        font-size: 13px;
    }
    section .Home .about .about-lt h2::after{
        width: 50px;
        left:22%;
    }
    section .Home .about .about-lt h1{
         margin-top: 3px;
         font-size: 25px;
    }
    section .Home .about .about-lt p{
        font-size: 13px;
        margin-top: 20px;
    }
    section .Home .about .about-lt .title{
        margin-top: 20px;
    }
    section .Home .about .about-lt .title label{
        font-size: 12px;
    }
    section .Home .about .about-lt .title ul{
        margin-top: 15.5px;
    }
    section .Home .about .about-lt .title ul li {
    font-size: 12.5px;
    }
    section .end-bar {
        width: 95%;
    }
    section .end-bar .end-1{
        width: 30%;
    }
    section .end-bar .end-1 h1{
        font-size: 18px;
    }
    section .end-bar .end-1 p{
        margin-top: 5px;
        font-size: smaller;
    }
    section .end-bar .end-1 .mail{
        margin-top: 25px;
    } 
    section .end-bar .end-2 h1{
        font-size: 18px;
    }
    section .end-bar .end-2 .a{
    margin-top: 20px;
    }
    section .end-bar .end-2 a {
        margin: 10px 3px;
        padding-top: 5px;
        font-size: 14px;
        width:27px ;
        height: 17px;
    }
    section .end-bar .end-3{
        width: 33%;
    }
    section .end-bar .end-3 h1{
        font-size: 18px;
    }
    
    section .end-bar .end-3 .amit img {
        margin-right: 2px;
        width: 40px;
    }
    section .end-bar .end-3 .amit p {
        font-size: 12px;
        margin-left: 3px;
    }

    section .Copyright {
        padding-bottom:50px;
    }
    section .Copyright {
        font-size: small;
    }
    section .Copyright p{
        margin-left: 50px;
    }
    
}