/* @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Great+Vibes&family=Kalnia:wght@300;400;500&family=Libre+Caslon+Display&family=Open+Sans:ital@1&family=Overpass:wght@200&family=PT+Serif:wght@700&family=Raleway:ital,wght@0,300;1,200;1,300;1,500&family=Work+Sans:wght@700&display=swap'); */

  

  @import url('https://fonts.googleapis.com/css2?family=Mukta:wght@600&family=Raleway:ital,wght@0,300;0,500;1,400;1,500&family=Roboto:wght@300&display=swap');
 
  @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@700&display=swap');

 



  @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500&family=Nunito:wght@600&display=swap');


h1,h2,h3,h4,h5{
  font-family: 'Work Sans', sans-serif !important;
  
}
@media(max-width:765px){
   .sm_hide{
        display: none !important;
    }
 }
 @media(min-width:765px){
  .lg_hide{
        display: none !important;
    }
 }
p{
  font-family: 'Nunito', sans-serif !important;
}


  @media screen and (max-width:768px) {
    .lg-hide{
      display: none !important;
    }
    .top-sec{
      display: none;
    }
    .slide-sm-1{
      background-image: url(../img/bg/s2.jpg);
      background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
       height: 100vh;
       
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
      
    }
    .slide-sm-2{
      background-image: url(../img/bg/s3.jpg);
      background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
       height: 100vh;
       
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
      
    }
    footer{
      background-image: url(../img/bg/back4.jpg) !important;
      position: relative;
      height: auto !important;
  /* height: 100vh !important; */
      
    }
    .ft-col-1{
      display: none !important;
    }
    .ft-item{
      margin: 0 0 !important;
    }
    .ft-icon {
      width: 40px !important;
      height: 40px !important;
      
      background: red;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 10px 6px 0 0;
      position: relative;
      transition: 1s;
  }
  .ft-icon i{
    font-size: 20px !important;
  }
  .crs-content {
   
   
   
    width: 100%;
    text-align: center !important;
   
    position: absolute;
    bottom: 17% !important;
    left: 1% !important;
  }
  .contact-btn {
  
    left: 28% !important;
  }
  .icn_1 {
    width: 40px !important;
   
    top: 88px !important;
    left: 59px !important;
    opacity: 1 !important;
    /* transform: translate(75px, -67px) !important; */
  
  }
  .icn_2 {
    width: 40px !important;
   
    top: 24px !important;
    left: 129px !important;
    opacity: 1;
    /* transform: translate(105px, 8px) !important; */
   
  }
  .icn_3 {
    width: 33px !important;
   
    top: 34px !important;
    right: 85px !important;
    /* transform: translate(-98px, -4px) !important; */
    
  
  }
  .icn_4 {
    width: 38px !important;
   
    top: 202px !important;
    left: 47px !important;
    opacity: 1;
    /* transform: translate(14px, -95px) !important; */
   
   
  }
  .icn_5 {
    width: 42px !important;
   
    bottom: 7px !important;
    left: 149px !important;
    /* transform: translate(64px, -87px) !important; */
    
  }
  .icn_6 {
   display: none !important;
  }
  .icn_7 {
    width: 36px !important;
   
    bottom: 93px !important;
    right: 44px !important;
    /* transform: translate(3px, -85px) !important; */
  
  }
  .icn_8 {
    width: 37px !important;
   
    top: 110px !important;
    right: 41px !important;
    /* transform: translate(-39px, -75px) !important; */
   
  }
  
  .cr-souls-img {
  
    padding: 40px;
  }
  .cr-col3 {
     padding: 0 !important;
  }
  .main{
    top: 139px !important;
      left: 29px !important;
    
      width: 200px !important;
      height: 75px !important;
  }
  /* .an-col1{
     width: 320px !important;
  } */
  .vfx1-col1 p{
  
    line-height: 30px !important;
  
  }  
  .center-vfx1 {
   
    height: 548px !important;
   
}
.center-web-design {
 
 
  height:50vh !important;
 
}
.carousel-control-next, .carousel-control-prev {
  display: none !important;
}
.crs-details {
  border: none !important;
 
}
.an-cource{
    padding: 0 !important;
   
}
.about_details-col{
  width: 160px !important;
  height: 160px !important;
  font-size: 14px !important;
  padding: 0px;
}
.logo_img img{
  width: 160px !important;
}

  }
  @media screen and (min-width:768px) {
    .sm-hide{
      display: none !important;
    }
    .slide-1{
      background-image: url(../img/bg/s1.jpg);
      background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
       height: 100vh;
       
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
      
    }
    .slide-2{
      background-image: url(../img/bg/medium-shot-man-wearing-vr-glasses.jpg);
      background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
       height: 100vh;
       
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
      
    }
    .crs-content{
      width: 500px !important;
    }
  }
  


/* @media (min-width: 992px){
    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
        justify-content: flex-end;
    }
} */
@media screen and (max-width:990px) {
 .blog-img{
  width: 365px !important;
  height: 366px !important;
  top: 69px !important;
 }
 .std-card{
  height: 435px !important;
 }
 /* .ft-icon {
  width: 38px !important;
  height: 38px !important;
 }
 .ft-icon i {
 
  font-size: 16px !important;
} */
.md-hide{
  display: none !important;
}
}
nav{
  background: #dfda2b;

}
.nav-item{
    margin: 0 20px;
    font-weight: 600;
    font-size: 18px;
    
   
}
.nav-item a{
    color: black !important;
    transition: .5s;
   
   
}
.nav-item a:hover{
    color: red !important;
   
}
img{
    width: 100%;
}
.nav-logo{
    width: 90px;
}.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:red !important;
    margin-left: 20px;
   
}
.dropdown-list{
    background: yellow;
    border-radius: 5px;
    margin:5px 0;
    text-align: center;
}
.dropdown-menu.show{
  background: transparent;
  border: none;
  
}
.dropdown-menu{
 
  transition: 1s;
}
.nav-item{
  transition: 1s;
}
.nav-item:hover .dropdown-menu{
  display: block;
  background: transparent;
  border: none;
 

}
/* ===========admision button========= */
.Admisn_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  background: red;
    border-radius: 25px;
    width: 170px;
    height: 44px;
}
.Admisn_btn-sm{
  display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    background: red;
   
    width: 170px;
    height: 50px;
    right: 5px;
    top: 86px;
    /* transform: translateX(85px);
    opacity: 0; */
    transition: 1s;
}
.Admisn_btn a,.Admisn_btn-sm a{
  text-decoration: none;
  color: white;
}
/* .Admisn_btn-sm.animated{
  transform: translateX(0);
  opacity: 1;
} */
#admisn_btn{

  position: absolute;
    top: 0;
    left: 0;
    width: 0;
    border-radius: 25px;
    background: #d90a0a;
  height: 100%;
    z-index: -1;
    transition: .5s;

}
.Admisn_btn:hover #admisn_btn{
  width: 100%;


}
#closeBtn {
  cursor: pointer;
  color: black;
  margin-left: 12px;
}


/* ===========admision button========= */




/* top bar */
.mail-icn,.call-icn{
  
    margin-right: 14px;

}
.mail,.call{
  font-size: 16px;
    font-weight: 500;
}
    
.top-sec i{
  color: red;
    font-size: 20px;
}
.top-sec{
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.top-bar{
 
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-icons{
  display: flex;
    justify-content: space-evenly;
}
/* .icon{
  width: 30px;
    height: 30px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
} */
.icon i{
  color: red;
  font-size: 20px;
}
/* carousel */
.crs-content{
  align-items: center;
  font-size: 27px;
  /* font-weight: 600; */
  color: white;
  /* width: 500px; */
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Raleway', sans-serif;
  position: absolute;
  bottom: 24%;
  left: 32%;
  text-align: center;
}
.contact-btn{
  background: yellow;
  width: 150px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  position: absolute;
  bottom: 5%;
  left: 45%;
}
.contact-btn a,.contact-btn a:hover{
    color: black;
    font-weight: 600;
}
/* .crs-img{
    width: 175px;
} */
.col-sec{
    display: flex;
    justify-content: space-around;
}




/* @media screen and (min-width:768px)and(max-width:990px) {
  .lg-hide{
    display: none;
  }
  
} */

/* slider */
.slider {
  width: 100%; /* Adjust the width based on your design */
  margin: auto;
  display: flex;
  justify-content: space-around;
  
  
}
.logo-slider .slide{
 
  transition: .5s;
}
.logo_slider{
  display: flex !important;
  justify-content: center;
align-items: center;
}


.slick-slide img {
 
  height: auto;
}
.slick-dots li button {
display: none !important;
}
.logo-slider h3{
  word-spacing: 2px;
  letter-spacing: 2px;

}
.logo-slider h4{
  margin-top: 50px;
  color: red;
  letter-spacing: 2px;

}
.logo-slider{
 
  overflow: hidden;
}
.logo_img{
  display: flex;
  justify-content: center;
  align-items: center;
  
}





/* about */
.about{
  /* background: black;
    color: white; */
    position: relative;
    overflow: hidden;
    
}
.abt{
  padding: 50px 0 !important;
}
.c1{
  display: flex;
  justify-content: center;
  align-items: center;
 
  flex-direction: column;
}
.about-img{
  max-width: 546px;
  overflow: hidden;
  transform: translateX(120px);
  transition: 1s;
  opacity: 0;
}
.about-img.animated{
  transform: translateX(0);
  opacity: 1;
  transition-delay:.5s;
}
.c1 p{
  text-align: justify;
  transition: 1s;
    transform: translateY(100px);
    opacity: 0;
    line-height: 25px;
}
.c1 p.animated{
  transform: translateY(0);
  opacity: 1;
  animation-delay: 3.5s;
  font-family: 'Raleway', sans-serif;
}
.lern-more-btn{
  background: red;
    width: 150px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    margin: 10px 0;
    transform: translateX(-100px);
    transition: 1s;
    opacity: 0;

}
.lern-more-btn a,.lern-more-btn:hover{
  color: white;
}
.lern-more-btn.animated{
  transform: translateX(0);
  opacity: 1;
  animation-delay: 5s;
}
.c1 h5,.sm-c1 h5{
  color: red;
  word-spacing: 2px;
    letter-spacing: 2px;
    margin: 10px 0;

}
.c1 h2,.sm-c1 h2{
  text-align: center;
  word-spacing: 3px;
  letter-spacing: 2px;
  margin: 10px 0;

}
.about-img img{
  transition: 7s;

}
.about-img img:hover{
  transform: scale(1.5);
}
.box-icon{
  width: 50px;
}
.white-box{
  background: white;
  width: 258px;
  display: flex;
  border-radius: 10px;
  justify-content: space-evenly;
  align-items: center;
  height: 115px;
  padding: 18px;
  position: absolute;
  bottom: 111px;
  right: 383px;
}
.white-box-1{
  background: yellow;
  width: 258px;
  display: flex;
  border-radius: 10px;
  justify-content: space-evenly;
  align-items: center;
  height: 115px;
  padding: 18px;
  margin-bottom: 30px;
}
.box-content{
  color: black;
    font-weight: 500;
    margin-left: 25px;
}
.box-content span{
  color: red;
}
.sm-c1{
  display: flex;
    flex-direction: column;
    
    align-items: center;
}
.about_points{
  margin-bottom: 100px;
}
/* cources */
.cources{
  margin: 20px 0;
}
.crcs{
  padding: 10px;

}
.crcs-img{
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.crcs a{
  color: red;
  font-weight: 700;
  text-align: center;
  
  /* border: 1px; */
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;

}
.cource-card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}


.cource-card {
 
  border-radius: 8px;
    background-color: white;
    transition: box-shadow 0.3s ease-in-out;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
} 


.black-shadow{
  position: absolute;
   
    width: 100%;
    height: 0;
    background: black;
    opacity: .5;
    transition: 1s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.cource-card:hover .black-shadow{
  height: 100%;
}
.cources h4{
  text-align: center;
    color: red;
    word-spacing: 3px;
    letter-spacing: 1px;
}
.cources h2{
  text-align: center;
    word-spacing: 2px;
    letter-spacing: 2px;
    margin-bottom: 30px;

}
.view-mr-crs a{
  width: 170px;
    background: yellow;
    font-weight: 700;

}
.view-mr-crs{
  text-align: center;
}
/* std-slider */
.std-slider .card{
  border: none !important;
  padding: 10px;
}
.std-slider h3{
  text-align: center;
  word-spacing: 2px;
  letter-spacing: 2px;
  color: red;
  margin: 10px 0;
}
.std-card-head img{
  width: 60%;
}
.std-card-head{
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border-radius: 20px 20px 60px 60px;
  border: 2px solid #ffcf00;

}
.std-card-boady{
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.std-card-boady b{
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;

}
.std-card-boady p{
  color: red;
  font-family: 'Work Sans', sans-serif;
  font-size: 18px;
  margin: 0;
  text-align: center;
 
}
.std-card{
  
  background: #ffcf00;
    border-radius: 20px;
    margin: 10px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    height: 400px;
}

/* review slider */
.section-rew .card {
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 5px;
  height: 240px !important;
  width: 300px;
  
}

.review-user img {
  /* width: 100%; */
  height: auto;
  display: block;
  width: 16%;
}

.review-slider .card-content {
  padding: 5px;
  text-align: left !important;
}

 
 .section-rew p {
  color: #555;
  text-align: left;
  font-size: smaller;
  padding: 5px;
}

.rating {
  text-align: left;
  
}
.review-slider .rating{
  margin-top: -28px;
  margin-left: 60px;
}

.star {
  font-size: 20px;
  color: #FFD700; /* Golden yellow color for filled stars */
  margin-right: 5px;
}

 .icon-g{
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: flex-end;
}
.icon-g img{
  width: 100%;
}
.review-user{
 margin: 5px;
 display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 54px;
}
.review-user p{
  margin-left: auto;
}
.user-name{
  font-size: large;
  font-weight: 600;
  margin-right: auto;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick-prev,.slick-next{
  display: none !important;
}

.review-header{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-left: 30px;

 

}
.review-img{
  align-items: center;
  display: flex;
  justify-content: center;
  width: 70%;
}
.review-img img{
  width: 100%;
}
.review-slider{
width: 70%;
}
.section-rew{
  padding: 10px;
  display: flex;
 
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width:600px) {

.review-slider{
width: 100% !important;

}
.review-slider .card{
  width: 95%;
}
.section-rew{
  display: flex;
  flex-direction: column;

}



}
/* footer */
footer{
padding: 10px;
background-image: url(../img/back3.jpg);
position: relative;
height: 100vh;


}
.ft-social-icons{
  display: flex;
  margin: 40px 0;
}
.ft-logo{
  width: 150px;
  position: relative;
}
.ft-icon{
  width: 55px;
    height: 55px;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 10px 6px 0 0;
    position: relative;
    z-index: 1;
   
}
.blue-box{
  position: absolute;
  background: blue;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  transform: scale(0);
  z-index: 0;
  transition: .5s;
  z-index: -1;
}
.ft-icon:hover .blue-box{
  transform: scale(1);
}
.ft-icon i{
  color: white;
  font-size: 22px;
}
footer a,footer a:hover{
  color: white;
  text-decoration: none;
  

}
.ft-menu a{
  font-weight: 600;
}
.ft-black-shadow{
  width: 100%;
  height: 100%;
  position: absolute;
  background: black;
  opacity: .5;
  top: 0;
  left: 0;
}
.ft-menu{
  position: relative;
  margin-bottom: 10px;
}
.ft-menu h4,.adres h4{
  color: white;
  font-size: 25px;
}
.adres{
  position: relative;
  color: white;
  font-weight: 600;
}
.ft-item{
  margin: 16px 0;
}
.ad-section{
  font-size: 19px;
}
.ft-col-1{
  display: flex;
    justify-content: center;
    align-items: center;
}
.ft-whatsap,.ft-call{
 
  height: 40px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 24px 0;
  width: 100%;
}
.ft-whatsap{
  background: #198519;
}
.ft-call{
  background: red;
}
.ft-logo-1{
  width: 120px;
    position: absolute;
    top: 4px;
    right: 34px;
}

.ft-item i{
  margin-right: 10px;
}
#scrollToTopBtn{
  position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: red;
    bottom: 22px;
    right: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#scrollToTopBtn i{
  color: white;
}
#scrollToTopBtn a{
  border: none !important;
}
.ft-col4{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#footer-end{
  text-align: center;
  color: white;
  position: relative;
  margin-top: -35px;
}
#footer-end a{
  text-decoration: none;
  color: white;
}
/* ================about================ */



.header{
  height: 200px;
    overflow: hidden;
    position: relative;
}
.main{
  position: absolute;
  top: 139px;
  left: 90px;
  /* color: white; */
  /* font-size: 30px; */
  background: white;
  width: 300px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  font-weight: 500;
  text-align: center;

}
.main-box{
  background: black;
    width: 100%;
    height: 100%;
    opacity: .5;
    position: absolute;

}
.main a{
  color: black;
  text-decoration: none;
  transition: .5s;
}
.main a:hover{
  color: red;
}
/* about_us */
.about_us_c1{
  font-family: 'Raleway', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about_us_c1 h3{
  font-family: 'Mukta', sans-serif;
  color: red;
  word-spacing: 3px;
  letter-spacing: 2px;
}
.about_us_c1 p{
  text-align: justify;
  line-height: 30px;
}
.about_us{
  margin: 80px 0;
}
/* points-box */
.point-icon{
  width: 120px;
    height: 120px;
   
    border-radius: 50%;
    display: flex;
    align-items: center;
}
.point-box{
  
  width: 280px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  padding: 10px;
  flex-direction: column;
  text-align: center;
  background: #f5f3ea;
  border-radius: 10px;
  transform: translateY(120px);
  opacity: 0;
  transition: 1s;
  
}
.point-box.animated{
  transform: translateY(0);
  opacity: 1;
}
.points{
  font-weight: 600;
    font-size: 20px;
}
.about_us_img{
  transform: translateX(150px);
    opacity: 0;
    transition: 1s;
}
.about_us_img.animated{
  transform: translateX(0);
  opacity: 1;
}
.abt-col1 p{
  text-align: justify;
  font-family: 'Raleway', sans-serif;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-1-11 15:48:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-in-center
 * ----------------------------------------
 */
 @-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
.point-icon:hover {
	        animation: rotate-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.points{
  color: red;
 
}
.point-col{
  margin: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ================about================ */
/* ================onlinevarsity========== */
.on-col1{
  display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    flex-direction: column;
    line-height: 30px;
    font-family: 'Raleway', sans-serif;
}
.on-col1 h3{
  font-family: 'Mukta', sans-serif;
}
.on-vrsty{
  margin: 50px 0;
}
.icn_1{
  width: 75px;
  position: absolute;
  top: 89px;
  left: 134px;
  
  transform: translate(126px, -72px);
  opacity: 0;
  transition: 1s;
}
.icn_1.animated,.icn_2.animated,.icn_3.animated,.icn_8.animated,.icn_4.animated,.icn_5.animated,.icn_6.animated,.icn_7.animated{
  opacity: 1;
  transform: translate(0,0);
}
.icn_2{
 
  width: 75px;
    position: absolute;
    top: 25px;
    left: 249px;
    transform: translate(149px, 19px);
    opacity: 0;
    transition: 1s;
}

.icn_3{
  width: 65px;
  position: absolute;
  top: 48px;
  right: 91px;
  transition: 1s;
  transform: translate(83px, 113px);
  opacity: 0;
}
.icn_4{
  width: 63px;
  position: absolute;
  top: 220px;
  left: 117px;
  transition: 1s;
  transform: translate(19px, -122px);
  opacity: 0;
}
.icn_5{
  width: 63px;
  position: absolute;
  bottom: 0;
  left: 190px;
  transition: 1s;
  transform: translate(-75px, -143px);
  opacity: 0;
}
.icn_6{
  width: 61px;
  position: absolute;
  bottom: 0;
  right: 150px;
  transition: 1s;
  transform: translate(-162px, 2px);
  opacity: 0;
}
.icn_7{
  width: 57px;
  position: absolute;
  bottom: 71px;
  right: 25px;
  transition: 1s;
  transform: translate(-129px, 66px);
  opacity: 0;

}
.icn_8{
  width: 70px;
  position: absolute;
  bottom: 193px;
  right: 0;
  transition: 1s;
  transform: translate(-3px, 110px);
  opacity: 0;

}
.on-vrsty-img{
 padding: 85px;
}
.on-col2{
  position: relative;
}

.on-col1 h3{
  color: red;
}
.cards-icon{
width: 77px;
margin: 10px 0;
transition: 1s;
}

.cards{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-align: center;
  background: yellow;
  height: 180px;
  margin: 10px 0;
  border-radius: 10px;

}
.cards-head{
  text-align: center;
  width: 100%;
  height: 149px;
  
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  position: relative;
}
.cards-head h3{
  font-family: 'Mukta', sans-serif;
}
.cards-head span{
  color: red;
}
.section-card{
  margin: 100px 0;
}


/* ================onlinevarsity========== */
/* ===============creosouls============= */

.head-img{
  width: 350px;
    margin: 38px 0;
}
.p{
  font-family: 'Raleway', sans-serif;
}
.cr-col1{
  display: flex;
    flex-direction: column;
    align-items: center;
    text-align: justify;
    justify-content: center;

}
.cr-souls-img{
  width: 300px;
}
.cr-col2{
  display: flex;
  justify-content: center;
  align-items: center;
}
.cr-souls{
  margin: 100px 0;
}
/* point */
.pt{
  max-width: 35px;
  margin-right: 10px;
  padding: 4px;
  
}
.pt-cnt{
  font-size: 18px;
    font-weight: 600;
    transition: 1s;
}
.pts:hover .pt-cnt{
  letter-spacing: 2px;
}

.pts{
  display: flex;
    align-items: center;
    font-family: 'Raleway', sans-serif;
    margin: 15px 0;
}
.point-sec{

  margin: 50px 0;
}
.point-sec h3{
  font-family: 'Work Sans', sans-serif;
  margin: 10px 0;
  text-align: center;
}
.r1{
  display: flex;
  justify-content: center;
}
.cr-col3{
  padding: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  
  
}
/* ===============creosouls============= */
/* ============cources/animation,vfx=============== */

.animation-col1{

  text-align: justify;
}
.animation{
  margin: 100px 0;
  /* overflow: hidden; */
}
.animation-col1 h2{
  font-family: 'Work Sans', sans-serif;
  color: red;

}
.animation-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
  font-size: 18px;

}
.an-icon img{
  border-radius: 50%;
    width: 100px;
    height: 100px;
    position: relative;
    z-index: 1;
}
.an-icon:hover .black-bgrnd{
  transform: scale(1);

}

.an-h4{

 
  color: red;
 
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 25px;
  text-align: center;
}
.an-icon{
  margin: 25px 0;
  position: relative;
  
}

.black-bgrnd{
  position: absolute;
    background: black;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    transform: scale(0);
    z-index: 0;
    transition: .5s;
}

.an-col1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 
  background: white;
  border-radius: 25px;
  margin: 10px 0;
  height: 273px; 
  padding: 10px;
}
.an-cource{
  background: #dfda2b;
    /* padding: 50px; */
    position: relative;
    margin-bottom: 100px;
    padding: 35px;
   
}
.cntainr{
  display: flex;
    justify-content: center;
    align-items: center;
    
}
.rw{
  justify-content: center;
}

.an-cource h3{
  font-family: 'Work Sans', sans-serif;
    text-align: center;
    color: red;
    margin-bottom: 30px;
}
.an-btn a{
  font-weight: 500;
}

/* ============cources/animation,vfx=============== */

/* ==============animation prime============ */
.prime-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
  text-align: justify;
}
.prime-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.prime-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
}
.prime-sec{
  margin: 100px 0;
}

.prime-img{
  padding: 12px;
    transition: 1s;
    transform: translateY(100px);
    opacity: 0;
}
.prime-img.animated{
  opacity: 1;
  transform: translatey(0);
}
/* tools */
.tools{
  display: flex;
  align-items: center;
  color: white;
  font-family: 'Raleway', sans-serif;
}
.tools i{
  font-size: 22px;
    margin-right: 10px;
    margin: 10px;
}
.center{
  background-image: url(../img/bk.jpg);
  background-attachment: fixed;
  height: 100vh;
 padding: 20px;
}
.center h3{
  font-family: 'Work Sans', sans-serif;
  margin: 30px 0;
 
  color: white;
}
.cors .tools{
  color: black;
}
.cors .tools i{
  color: red;
}
.cors{
  /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}
.cors h1,h3{
  margin: 30px 0;
  font-family: 'Work Sans', sans-serif;
}
.cors h3{
  color: red;
}


/* ==============animation prime============ */

/*============== animation film design============ */

.gm-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
  text-align: justify;
}
.gm-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.gm-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
}
.gm-sec{
  margin: 100px 0;
}

.gm-img{
 
  transition: 1s;
  
    transform: translateY(100px);
    opacity: 0;
}
.gm-img.animated{
  opacity: 1;
  transform: translatey(0);
}
.gm-col2{
  display: flex;
    justify-content: flex-end;
}
.center-gm{
  background-image: url(../img/bk.jpg);
  background-attachment: fixed;
  height: 50vh;
 padding: 20px;
}
.center-gm h3{
  font-family: 'Work Sans', sans-serif;
  margin: 20px 0;
 
  color: white;
}

/*============== animation film design============ */
/* =============short-term-cource================ */


    .sh_c-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
  text-align: justify;
}
.sh_c-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.sh_c-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
}
.sh_c-sec{
  margin-top: 100px;
}

.sh_c-img{
  /* padding: 12px;
  width: 310px; */
  transition: 1s;
  
    transform: translateY(100px);
    opacity: 0;
}
.sh_c-img.animated{
  opacity: 1;
  transform: translatey(0);
}
.sh_c-col2{
  display: flex;
    justify-content: flex-end;
}
.crs-details{
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
}
.sh_c-col3{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.sh_c{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sh_col{
  display: flex;
    justify-content: center;
    align-items: center;
}


/* =============short-term-cource================ */
/* ==============vfx-prime================== */

    .vfxp-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
  text-align: justify;
}
.vfxp-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.vfxp-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
}
.vfxp-sec{
  margin: 100px 0;
}

.vfxp-img{
  padding: 12px;
    transition: 1s;
    transform: translateY(100px);
    opacity: 0;
}
.vfxp-img.animated{
  opacity: 1;
  transform: translatey(0);
}
/* tools */
.tools{
  display: flex;
  align-items: center;
  color: white;
  font-family: 'Raleway', sans-serif;
}
.tools i{
  font-size: 22px;
    margin-right: 10px;
    margin: 10px;
}
.center{
  background-image: url(../img/bk.jpg);
  background-attachment: fixed;
  height: 100vh;
 padding: 20px;
}
.center h3{
  font-family: 'Work Sans', sans-serif;
  margin: 30px 0;
 
  color: white;
}
.cors .tools{
  color: black;
}
.cors .tools i{
  color: red;
}
/* .cors{
  height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
} */
.cors h1,h3{
  margin: 30px 0;
  font-family: 'Work Sans', sans-serif;
}
.cors h3{
  color: red;
}

/* ==============vfx-prime================== */
/* ===============vfx-film-making=========== */

    .vfxfm-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
  text-align: justify;
}
.vfxfm-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.vfxfm-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
}
.vfxfm-sec{
  margin: 100px 0;
}

.vfxfm-img{
  padding: 12px;
    transition: 1s;
    transform: translateY(100px);
    opacity: 0;
}
.vfxfm-img.animated{
  opacity: 1;
  transform: translatey(0);
}
/* tools */
.tools{
  display: flex;
  align-items: center;
  color: white;
  font-family: 'Raleway', sans-serif;
}
.tools i{
  font-size: 22px;
    margin-right: 10px;
    margin: 10px;
}
.center{
  background-image: url(../img/bk.jpg);
  background-attachment: fixed;
  height: 100vh;
 padding: 20px;
}
.center h3{
  font-family: 'Work Sans', sans-serif;
  margin: 30px 0;
 
  color: white;
}
.cors .tools{
  color: black;
}
.cors .tools i{
  color: red;
}
/* .cors{
  height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
} */
.cors h1{
  margin: 30px 0;
  font-family: 'Work Sans', sans-serif;
}
.cors h3{
  color: red;
}

/* ===============vfx-film-making=========== */
/* ==============vfx-compositing============*/
    .vfx1-col1{
        display: flex;
    align-items: center;
    flex-direction: column;
  
    margin-top: 50px;
}
.vfx1-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.vfx1-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 39px;
  text-align: justify;
}
.vfx1-sec{
  margin: 100px 0;
  overflow: hidden;
}

.vfx1-img{
    
    width: 478px;
    transition: 1s;
    transform: translateY(100px);
    opacity: 0;

}
.vfx1-img.animated{
  opacity: 1;
  transform: translatey(0);
}

.center-vfx1{
  background-image: url(../img/bk.jpg);
  background-attachment: fixed;
  height: 50vh;
 padding: 20px;
}
.center-vfx1 h3{
  font-family: 'Work Sans', sans-serif;
  margin: 20px 0;
 
  color: white;
}




/* ==============vfx-compositing============*/
/* =================motion-graphics========== */


    .vfxmg-col1{
        display: flex;
    align-items: center;
    flex-direction: column;
  
    margin-top: 50px;
}
.vfxmg-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.vfxmg-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 39px;
  text-align: justify;
}
.vfxmg-sec{
  margin: 100px 0;
  overflow: hidden;
}

.vfxmg-img{
    
    width: 478px;
    transition: 1s;
    transform: translateY(100px);
    opacity: 0;

}
.vfxmg-img.animated{
  opacity: 1;
  transform: translatey(0);
}

.center-vfxmg{
  background-image: url(../img/bk.jpg);
  background-attachment: fixed;
  height: 50vh;
 padding: 20px;
}
.center-vfxmg h3{
  font-family: 'Work Sans', sans-serif;
  margin: 20px 0;
 
  color: white;
}




/* =================motion-graphics========== */
/* ===============print-publush============== */

    .print-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
 
}
.print-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.print-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
  text-align: justify;
}
.print-sec{
  margin: 100px 0;
}

.print-img{
  
  transition: 1s;
  
    transform: translateY(100px);
    opacity: 0;
}
.print-img.animated{
  opacity: 1;
  transform: translatey(0);
}
.print-col2{
  display: flex;
    justify-content: flex-end;
}
.center-print{
  background-image: url(../img/bg3.jpg);
  background-attachment: fixed;
  height: 250px;
 padding: 20px;
}
.center-print h3{
  font-family: 'Work Sans', sans-serif;
  margin: 20px 0;
 
  color: white;
}


/* ===============print-publush============== */
/* ================ui-ux====================== */
.uix-col1{

  text-align: justify;
}
.uix{
  margin: 100px 0;
  /* overflow: hidden; */
}
.uix-col1 h2{
  font-family: 'Work Sans', sans-serif;
  color: red;

}
.uix-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
  font-size: 18px;

}
.uix-icon img{
  border-radius: 50%;
    width: 100px;
    height: 100px;
    position: relative;
    z-index: 1;
}
.uix-icon:hover .black-bgrnd{
  transform: scale(1);

}

.uix-h4{

 
  color: red;
 
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  text-align: center;
}
.uix-icon{
  margin: 25px 0;
  position: relative;
  
}

.black-bgrnd{
  position: absolute;
    background: black;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    transform: scale(0);
    z-index: 0;
    transition: .5s;
}

.uix-col1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 
  background: white;
  border-radius: 25px;
  margin: 10px 0;
  height: 273px; 
}
.uix-cource{
  background: #dfda2b;
  
    position: relative;
   
}
/* .cntainr{
  display: flex;
    justify-content: center;
    align-items: center;
    
} */
.rw{
  justify-content: center;
}

.uix-cource h3{
  font-family: 'Work Sans', sans-serif;
    text-align: center;
    color: red;
    margin-bottom: 30px;
}
.uix-btn a{
  font-weight: 500;
}
/* ================ui-ux====================== */
/* ================ui-ux-design=============== */


    .uiux-col1{
        display: flex;
    align-items: center;
    flex-direction: column;
  
    margin-top: 50px;
}
.uiux-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.uiux-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 39px;
  text-align: justify;
}
.uiux-sec{
  margin: 100px 0;
  overflow: hidden;
}

.uiux-img{
    
    width: 478px;
    transition: 1s;
    transform: translateY(100px);
    opacity: 0;

}
.uiux-img.animated{
  opacity: 1;
  transform: translatey(0);
}

.center-uiux{
  background-image: url(../img/bk.jpg);
  background-attachment: fixed;
  height: 50vh;
 padding: 20px;
}
.center-uiux h3{
  font-family: 'Work Sans', sans-serif;
  margin: 20px 0;
 
  color: white;
}
.uiux-col2{
    display: flex;
    justify-content: center;
    align-items: center;
}



/* ================ui-ux-design=============== */
/* ====================blog================== */
.card-blog{
  display: flex;
    justify-content: flex-end;

}
.blog{
  margin: 50px 0;
}
.b-col{
  position: relative;
  background: yellow;
  border-radius: 12px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-img{
  position: absolute;
  top: 40px;
  left: -29px;
  width: 400px;
  height: 392px;
  background: white;
  overflow: hidden;
}
.blog-col a{
  position: absolute;
  bottom: 0;
  right: 0;
}
/* ====================blog================== */

/* ===============contact============= */
.contact-address,.contact-mail,.contact-phone{
  display: flex;
  justify-content: center;
  background: #edeff6;
  border-radius: 16px;
  padding: 10px;
  height: 170px;
    align-items: center;
    margin-bottom: 20px;
}
.contact h5{
  font-family: 'Work Sans', sans-serif;
  color: red;
}
.contact p{
  font-family: 'Raleway', sans-serif;
}
.cnt-adrs-icn,.cnt-mail-icn,.cnt-phone-icn{
  width: 50px;
    height: 50px;
    border-radius: 50%;
   
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}
.contact i{
  font-size: 35px;
  color: red;
}
.contact{
  margin: 100px 0;

}
.contact a{
  color: black;
  text-decoration: none;
  transition: .5s;
}
.contact a:hover{
  color: red;
}

.cnt-map{
  display: flex;
    justify-content: center;
    align-items: center;
}
.form-chat-btn{
  background: #198519;
    width: 200px;
    height: 45px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
   
}
.form-chat-btn i{
 
  color: white;
    font-size: 20px;
    margin-right: 10px;
}
.form-chat-btn a{
  color: white;
  font-weight: 500;
  text-decoration: none;
}
.cnt-form p{
  color: red;
  font-family: 'Raleway', sans-serif;
  font-size: 23px;
 
}
#btn-red{
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: red;
  z-index: -1;
  border-radius: 10px;
  
  transition: .5s;
}
.form-chat-btn:hover #btn-red{
  height: 100%;
 
}
input{
  border-radius: 10px;
    height: 48px;
    background: #edeff6 !important;
}
textarea{
  border-radius: 10px;
   
    background: #edeff6 !important; 
}
label{
  font-family: 'Raleway', sans-serif;
}

.cnt-form{
  margin-bottom:100px;
}
.cnt-form-head{
  margin-bottom: 20px;
}
#searchBox{
  border: none;
    /* width: 339px; */
    padding: 10px;
}
.cnt-form ul{
  list-style-type: none;
  padding: 10px;
  display: none; /* Hide by default */
  background-color: white; /* Set white background */
  border: 1px solid #ccc; /* Add a border for clarity */
  position: absolute;
 margin-top: 8px;
  max-height: 150px;
  overflow-y: scroll; /* Enable vertical scroll if more than 4 items */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.cnt-form ul li{
  padding: 8px;
  margin-bottom: 5px;
  cursor: pointer;
}
.selected {
  background-color: #e0e0e0; /* Highlight selected item */
}
/* =============contact================ */
/* ==============vsual -cnt-devolp.=========== */

    .ps-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
  text-align: justify;
}
.ps-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.ps-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
}
.ps-sec{
  margin: 100px 0;
}

.ps-img{
  
  transition: 1s;
  
    transform: translateY(100px);
    opacity: 0;
}
.ps-img.animated{
  opacity: 1;
  transform: translatey(0);
}
.ps-col2{
  display: flex;
    justify-content: flex-end;
}
.center-ps{
  background-image: url(../img/bg3.jpg);
  background-attachment: fixed;
  height: 50vh;
 padding: 20px;
}
.center-ps h3{
  font-family: 'Work Sans', sans-serif;
  margin: 20px 0;
 
  color: white;
}


/* ==============vsual -cnt-devolp.=========== */
/* ==============web-design-development========= */

    .web-ds-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
  
}
.web-ds-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.web-ds-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
  text-align: justify;
}
.web-ds-sec{
  margin: 100px 0;
}

.web-ds-img{
  
  transition: 1s;
  
    transform: translateY(100px);
    opacity: 0;
}
.web-ds-img.animated{
  opacity: 1;
  transform: translatey(0);
}
.web-ds-col2{
  display: flex;
    justify-content: flex-end;
}
.center-web-ds{
  background-image: url(../img/bg3.jpg);
  background-attachment: fixed;
  height: 50vh;
 padding: 20px;
}
.center-web-ds h3{
  font-family: 'Work Sans', sans-serif;
  margin: 20px 0;
 
  color: white;
}


/* ==============web-design-development========= */
/* ==================web-design============== */

    .web-design-col1{
  display: flex;
  align-items: center;
  flex-direction: column;
  
 
}
.web-design-col1 h2{
color: red;
font-family: 'Work Sans', sans-serif;
margin-bottom: 30px;
}
.web-design-col1 p{
  font-family: 'Raleway', sans-serif;
  line-height: 30px;
  text-align: justify;
}
.web-design-sec{
  margin: 100px 0;
}

.web-design-img{
  
  transition: 1s;
  
    transform: translateY(100px);
    opacity: 0;
}
.web-design-img.animated{
  opacity: 1;
  transform: translatey(0);
}
.web-design-col2{
  display: flex;
    justify-content: flex-end;
}
.center-web-design{
  background-image: url(../img/bg3.jpg);
  background-attachment: fixed;
  height: 250px;
 padding: 20px;
}
.center-web-design h3{
  font-family: 'Work Sans', sans-serif;
  margin: 20px 0;
 
  color: white;
}


/* ==================web-design============== */
/*=================== web-graphics============= */

    .web-gr-col1{

text-align: justify;
}
.web-gr{
margin: 100px 0;
/* overflow: hidden; */
}
.web-gr-col1 h2{
font-family: 'Work Sans', sans-serif;
color: red;

}
.web-gr-col1 p{
font-family: 'Raleway', sans-serif;
line-height: 30px;
font-size: 18px;

}
.web-gr-icon img{
border-radius: 50%;
  width: 100px;
  height: 100px;
  position: relative;
  z-index: 1;
}
.web-gr-icon:hover .black-bgrnd{
transform: scale(1);

}

.web-gr-h4{


color: red;

display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
text-align: center;
}
.web-gr-icon{
margin: 25px 0;
position: relative;

}

.black-bgrnd{
position: absolute;
  background: black;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  transform: scale(0);
  z-index: 0;
  transition: .5s;
}

.web-gr-col1{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

background: white;
border-radius: 25px;
margin: 10px 0;

}
.web-gr-cource{
background: #dfda2b;
 
  position: relative;
 
}
.cntainr{
display: flex;
  justify-content: center;
  align-items: center;
  
}
.rw{
justify-content: center;
}

.web-gr-cource h3{
font-family: 'Work Sans', sans-serif;
  text-align: center;
  color: red;
  margin-bottom: 30px;
}
.web-gr-btn a{
font-weight: 500;
}

/*=================== web-graphics============= */
/* ==============events=================== */

.events{
  margin: 100px 0;

}
.events h1{

color: red;
text-align: center;
}
.events p{
  text-align: justify;
  line-height: 29px;
 
  font-size: 18px;


}
.evnt-cols p{
 line-height: 35px;
 text-align: justify;
 font-size: 18px;
}
.evnt-head{
  background: red;
  color: white;
  text-align: center;
}
.evnt-cols{
  display: flex;
    justify-content: center;
    align-items: center;
}
.evnt{
  margin: 100px 0;
}


/* ==============events=================== */
/* ============about_details============== */
.about_details{
 margin: 50px 0;
}
.about_details-col{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    background: #edeff6;
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
    font-family: 'Nunito', sans-serif;
    text-align: center;
    /* font-family: 'Work Sans', sans-serif; */
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.about_details-col span{
  color:red;
}

.about_details-cols{
  display: flex;
    justify-content: center;
    align-items: center;
}
.about_dtl_img{
  width: 70px;
}
.box_yellow{
  position: absolute;
  background: yellow;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  transition: 1s;
  transform: scale(0);
}
.about_details-col:hover .box_yellow{
  transform: scale(1);

}

/* ============about_details============== */
/* ==========yutub-slider================= */
.y-slide{
  padding: 20px;
}
.youtub_slider h2{
  color: red;
  text-align: center;
  word-spacing: 2px;
  letter-spacing: 2px;
}
.youtub_slider{
 margin: 100px 0;
}

.y-slide a:hover{
  .img2{
    display: block;
  }
  .img1{
    display: none;
  }

}
.y-slide a{
  .img1{
    display: block;
  }
  .img2{
    display: none;
  }
}


/* ==========yutub-slider================= */

/* ==========form=============== */
.cnt-form form{
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px;
  background: #c8c8d1;
  padding: 79px 18px !important;
}
.admn_form{
 
  margin-bottom: 100px;
 
  border-radius: 10px;
}
.admn_form h1{
  color: red;
    text-align: center;
    margin: 20px 0;
}
.admn_button{
  width: 100px;

}

/* ==========form=============== */
.blog-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  
  justify-content: center;
  align-items: center;
  height: 100%;
}


.blog-card-image img {
  width: 100%;
  object-fit: cover;
}

.blog-card-details {
  padding: 20px;
  text-align: center;
}

.blog-card-details h3 {
  margin-top: 0;
  margin-bottom: 10px;
  color: red;
}

.blog-card-details p {
  margin-bottom: 10px;
}

.view-more {
  text-decoration: none;
  color: blue;
  font-weight: bold;
  text-align: right;
}

.blog-card-image{
  width: 200px !important;
  overflow: hidden;
}
.blog-section{
  margin: 100px 0;
}