*
{
    margin:0;
    padding:0;
    box-sizing: border-box;
    scroll-behavior: smooth;
   
}

/* our famous section */
.sec3
{
    position: relative;
    display: flex;
    width: 100%;
    height: 100vh;
    /* background: #161623; */
    background: #000;
    justify-content: center;
    align-items: center;
}

.event-content
{
    position: relative;
    left: 0;
    top: 0;
    padding: 20px;
    margin: 0 267px;
    display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   color:#000;
   width: 50%;
   height:400px;
   flex-direction: column;
   box-shadow: 0 15px 25px rgba(0,0,0,0.3);
}

.event-content .imgbx
{
    width: 300px;
    height: 300px;
    /* background: red; */
   box-shadow: 0 15px 25px rgba(0,0,0,0.3);
    
    
}
.event-content .imgbx img
{
   width: 100%;
   height: 100%;
   /* object-fit: cover; */
}

.event-content h2,p
{
    margin-top: 5px;
    text-align: center;

}





@media (max-width:1000px)
{
    .event-content
    {   
        width: 70%;
        margin: 0 auto;
    }
}


@media (max-width:468px)
{
    .event-content
    {   
        width: 70%;
        margin: 0 auto;
    }
    
    .event-content .imgbx
    {
        width: 200px;
        height: 200px;
        
    }
}
 


/* our famous section */



/* our initiave section  start */
.init-section
{
    position: relative;
    background: url(../img/city.jpg);
    background-size: cover;
    min-height: 100vh;
    background-attachment: fixed;
}
.init-section::before
{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(0,0,0,0.8);
   pointer-events: none;
}

.init-bx
{
    position: relative;
    width: 300px;
    height: 200px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px;
}

.init-bx .init-imgbx
{
   position: relative;
   width: 100px;
   height: 100px;
   border-radius: 10px;
   background: #000;
}

.init-bx .init-imgbx img
{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: 0.5s;
}

.init-bx .init-imgbx img:hover
{
    transform: scale(1.1);
}

.init-bx .init-heading
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 100%;
}

.init-bx .init-heading a,
.init-bx .init-heading a:hover
{
    text-decoration: none;
}



.init-bx .init-heading h2
{
    font-size: 25px;
    color: #fff;
    font-family: joker;
}

.init-section-heading
{
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.init-section-heading h2
{
    font-size: 2.5em;
    font-family: joker;
    color: #fff;
}



/* our initiave section end */

.scrollTop
{
    position: fixed;
    bottom: 800px;
    right: 40px;
    width: 60px;
    height: 60px;
    /* background: #fff url(../img/up.png); */
    /* background: #fff; */
    border-radius: 50%;
    background-size:40px ;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    box-shadow: 0 10px 15px #fff,
                inset 0 -10px -15px #fff;   
    background: rgba(255,255,255,0.05);
}

.scrollTop.active
{
    bottom: 40px;
    visibility: visible;
    opacity: 1;
    
}






.akdropdownitem:hover
{
    background:#a41ee9;
  color: #000;
}
#loader_screen
{
    
    height:100vh;
    background: #000;
}

#particles-js
{   

    height:100%;
    background: linear-gradient(90deg,#3f51b5,#00bcd4);
    animation:index-banner 20s linear infinite;
} 
@keyframes index-banner
{
    0%
    {
        filter: hue-rotate(0deg);
    }
    50%
    {
        filter: hue-rotate(360deg);
    }
    100%
    {
        filter: hue-rotate(0deg);
    }
}
.banner
{
    position: relative;
    height: 100vh;
}
#particles-js:before
{
     content: '';
     position: absolute;
     top:0;
     left:0;
     border-top:100vh solid transparent;
     border-left:100vh solid #fff;
     opacity:0.1;

}
#particles-js:after
{
     content: '';
     position: absolute;
     bottom:0;
     right:0;
     border-top:100vh solid transparent;
     border-right:100vh solid #fff;
     opacity:0.1;

}
#home-bg
{ 
    height:100vh;
}


.ak_header2
{   position: relative;
    background:#000;
    
}

.ak_header2 .content
{
    display: flex;
    margin:0 60px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(255,255,255,0.05);
    box-shadow: rgba(0,0,0,0.1);
    border-radius: 15px;
    
}
.ak_header2 .content .heading
{
    position: relative;
    width: 100%;
    font-size: 3em;
    color: #fff;
    padding: 20px;
    text-align: center;
    font-weight:700;
    text-transform: capitalize;
    
    
}
.ak_header2 .content .imgbx
{  
    position: relative;
    display: flex;
    width: 300px;
    height:300px;
    padding: 20px;
    
}
.ak_header2 .content .imgbx img
{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0 10px 15px rgba(255,255,255,.3);

}

.ak_header2 .content .text
{
    color: #fff;
    text-align: center;
}
.ak_header2 .content .text h3
{
    font-size: 1.5em;
}
.ak_header2 .content .text h2
{
    font-size: 1.8em;
    padding-bottom: 20px;
}


.aklogo:hover
{
    box-shadow:0 0 10px #083152,0 0 40px #2196f3;
    
}


.akhead
{  
   position: relative;
   top:150px;
   left: 0;
   padding: 0 40px;

   font-size: 5em;
   text-align: center;
   font-family: joker;
   font-weight: 800;
   color:#000;
   
}
.akhead2
{   
    position: relative;
    top:200px;
    left:0;
    padding:20px 40px;
    text-align: center;
    font-size:4em;
    font-family: joker;
    font-weight: 800;
    
}

.akhead span
{
    letter-spacing: 2;
  animation: animateakhead 1.2s linear infinite;
  font-family: 'Courier New', Courier, monospace;

}
.akhead span:nth-child(1)
{
    animation-delay:0s ;
}
.akhead span:nth-child(2)
{
    animation-delay:0.2s ;
}
.akhead span:nth-child(3)
{
    animation-delay:0.4s ;
}
.akhead span:nth-child(4)
{
    animation-delay:0.6s ;
}
.akhead span:nth-child(5)
{
    animation-delay:0.8s ;
}
.akhead span:nth-child(6)
{
    animation-delay:1s ;
}
.akhead span:nth-child(7)
{
    animation-delay:1.2s ;
}

.akhead2 span
{
    letter-spacing: 2px;
  animation: animateakhead 1.2s linear infinite;
  font-family: 'Courier New', Courier, monospace;

}
.akhead2 span:nth-child(1)
{
    animation-delay:0s ;
}
.akhead2 span:nth-child(2)
{
    animation-delay:0.2s ;
}
.akhead2 span:nth-child(3)
{
    animation-delay:0.4s ;
}
.akhead2 span:nth-child(4)
{
    animation-delay:0.6s ;
}
.akhead2 span:nth-child(5)
{
    animation-delay:0.8s ;
}
.akhead2 span:nth-child(6)
{
    animation-delay:1s ;
}

@keyframes animateakhead
{
    0%,80%
    {
        color: #333;
        text-shadow: none;
    }
    100%
    {
        color:#fff;
        text-shadow:0 0 10px #fff, 
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 80px #fff,
                   0 0 120px #fff,    
                   0 0 160px #fff;
                
    }
}
/***********************scrolldown.css*******************/

.center
{
    position: absolute;
    top:90%;
    left:50%;
    transform:translate(-50%,-50%);
    width:0;
    height: 100px;
    border-left: 6px dashed rgba(255,255,255,.1) ;

}

.arrow
{
    position: absolute;
    top:0;
    left:-5px;
    height:40px;
    width:6px;
    background:#fff;
    box-shadow:0 0 10px #fff, 
    0 0 20px #fff,
    0 0 40px #fff,
    0 0 80px #fff;
    
    animation:animatescroll 2s infinite;
}

.arrow:before
{
    content:'';
    position: absolute;
    bottom:0;
    left:-7px;
    width: 20px;
    height:20px;
    border-bottom: 6px solid #fff;
    border-right:6px solid #fff;
    box-shadow:0 0 10px #fff, 
    0 0 20px #fff,
    0 0 40px #fff,
    0 0 80px #fff;
    transform:rotate(45deg);
}

@keyframes animatescroll
{

    0%
    {
        transform: translateY(0);
        opacity:0.5;
    }
    50%
    {
        transform: translateY(80px);
        opacity:1;
    }
    100%
    {
        transform: translateY(160px);
        opacity:0;
    }
}
/***********************scrolldown.css*******************/

/*----------------------progressBar---------------------*/
   ::-webkit-scrollbar
   {
       width: 0;
   }
   #scrollPath
   {
       position: fixed;
       top: 0;
       right: 0;
       width: 10px;
       height: 100%;
       background: rgba(255,255,255,0.05);
       z-index: 1000000;
   }

   #progressbar
   {
    position: fixed;
    top: 0;
    right: 0;
    width: 10px;
    /* background: linear-gradient(to top,#008aff,#00ffe7); */
    background: #fff;
    z-index: 1000000;
    /* animation: progress 5s linear infinite; */
   }
  
   @keyframes progress
   {
       0%,100%
       {
           filter: hue-rotate(0deg);
       }
       
       50%
       {
           filter: hue-rotate(360deg);
       }
   }

  
   #progressbar::before
   {
       position: absolute;
       content: '';
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       /* background: linear-gradient(to top,#008aff,#00ffe7); */
       background: #fff;
       filter: blur(10px);
   }
   
    
   #progressbar::after
   {
       position: absolute;
       content: '';
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       /* background: linear-gradient(to top,#008aff,#00ffe7); */
       background: #fff;
       filter: blur(30px);
   }


/*----------------------progressBar---------------------*/

@media screen and (max-width:990px)
{   
   .init-section
   {
       width: 150%;
       
   }
   .init-section::before
   {
       width: 150%;
       height: 100%;
   }
   .init-bx
   {
       width: 100%;
   }

    .ak_header2 .content
    {
        margin: 0;
    }

    .ak_header2,
    #particles-js {
        width: 150%;
        padding: 20px;
    }
    section 
    {
        width: 150%;
        padding: 0;
        overflow: hidden;
    }
    .ffooter
    {
        background: #000;
    }
    .akhead,.akhead2
    {
        text-align: left;
    }
    .akhead
    {   position: relative;
        top:150px;
        font-size: 2rem;
    }
    .akhead2
    {
        position: relative;
        top:180px;
        font-size: 2rem;
    }
    #particles-js:before
    {
     content: '';
     position: absolute;
     top:0;
     left:0;
     border-top:10vh solid transparent;
     border-left:10vh solid #fff;
     opacity:0.1;

    }
    #particles-js:after
    {
     content: '';
     position: absolute;
     bottom:0;
     right:0;
     border-top:10vh solid transparent;
     border-right:10vh solid #fff;
     opacity:0.1;

    }
    
    

}
@media screen and (max-width:630px)
{
   .sec3
   {
       width: 150%;
   }
    
    .fixed-top
    {
       position: fixed;
    }
   .navbar-toggler {
    color: rgba(255,255,255,.9);
    border-color: rgba(255,255,255,.1);
    margin-right: 20px;
    }
    
    .evcontentbx {
        
        width: 150%;
    }
}