body{
   font-family: 'Concert One',  cursive;
    font-family: "Poppins", sans-serif;
    color: #333;
}
p{
font-family: "Poppins", sans-serif;
font-size: 15px;
color: #333333;
}

.top-header-link a{
    color: #EFE7DD !important; 
}
.top-header-link p{
    color: #EFE7DD !important; 
}
.top-header-link small{
    color: #EFE7DD !important; 
}


.top-header-link .btn-sm-square {
  width: 30px;
  height: 30px;
  border: 1px solid ;
 color: #EFE7DD !important;
}






/*** Spinner Start ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease-out, visibility 0s linear .5s;
    z-index: 99999;
 }

 #spinner.show {
     transition: opacity .8s ease-out, visibility 0s linear .0s;
     visibility: visible;
     opacity: 1;
 }
/*** Spinner End ***/


/*** Common CSS Start ***/
.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 99;
}


/*** Fantasium color ***/

.bg-pink{background-color: #ED3193;}
.bg-orange{background-color: #F36E49;}
.bg-yellow{background-color: #FAA634;}
.bg-cyan{background-color: #44C2CE;}
.bg-blue{background-color: #5373B8;}
.bg-back{background-color: #EFE7DD;}
.bg-black{background-color: #231F20;}
.navbar-bg{background-color: #FAF4ED;}

.text-pink{color: #ED3193;}
.text-orange{color: #F36E49;}
.text-yellow{color: #FAA634;}
.text-cyan{color: #44C2CE;}
.text-blue{color: #5373B8;}





.title h1{
    font-size: 80px;
}
.title h2{
    font-size: 60px;
}
.title h3{
    font-size: 40px;
}
.title h4{
    font-size: 32px;
}
.title h5{
    font-size: 24px;
}
.title h6{
    font-size: 18px;
}

.top-100{
    margin-top: 100px;;
}
.m-b-100{
    margin-bottom: 100px !important;
}



@media (max-width: 576px) {
  
    
.title h1{
    font-size: 40px;
}
.title h2{
    font-size: 30px;
}
.title h3{
    font-size: 20px;
}
.title h4{
    font-size: 18px;
}
.title h5{
    font-size: 18px;
}
}





h1,
h2,
h3,
.h1,
.h2,
.h3 {
    font-weight: 200;
     font-family: 'Concert One', cursive;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
    font-weight: 500;
     font-family: 'Concert One', cursive;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    font-weight: 700;
     font-family: 'Concert One', cursive;
}

.display-4,
.display-5,
.display-6 {
    font-weight: 600;
}

.wow,
.animated {
    animation-duration: 2s !important;
}
/*** Common CSS End ***/


/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 30px;
    height: 30px;
    border: 1px solid #F36E49;
    background-color: none;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}




/* custom button */


.btn-smooth {
  display: inline-block;
  padding: 10px 20px 12px;
  border: 2px dotted #f77f61;
  border-radius: 6px;
  color: #f77f61;
  font-weight: 500;
  letter-spacing: 3px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  overflow: hidden;
    font-family: 'Concert One',  cursive;
}

.btn-smooth .arrow {
  margin-left: -3px;
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn-smooth:hover {
background-color: #f77f61 !important;
  color: #fff;
  border: 2px dotted #fff;
}

.btn-smooth:hover .arrow {
  transform: translateX(8px); /* Arrow smoothly move */
}

.btn-smooth-2 {
  display: inline-block;
  padding: 10px 20px 12px;
  border: 2px dotted #EFE7DD;
  border-radius: 6px;
  background-color: #f77f61;
  color: #EFE7DD;
  font-weight: 500;
  letter-spacing: 3px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  overflow: hidden;
    font-family: 'Concert One',  cursive;
}
.btn-smooth-2:hover {
background-color: #ffffff !important;
  color: #f77f61;
  border: 2px dotted #f77f61;
 transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn-smooth-3 {
  display: inline-block;
  padding: 10px 20px 12px;
  border: 2px dotted #ffffff;
  border-radius: 6px;
  background-color: #5373B8;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 3px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  overflow: hidden;
    font-family: 'Concert One',  cursive;
}
.btn-smooth-3:hover {
background-color: #ffffff !important;
  color:  #5373B8;
  border: 2px dotted  #5373B8;
 transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}



.btn-smooth-cyan {
  display: inline-block;
  padding: 10px 20px 12px;
  border: 2px dotted #ffffff;
  border-radius: 6px;
  background-color:#44C2CE;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 3px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  overflow: hidden;
    font-family: 'Concert One',  cursive;
}
.btn-smooth-cyan:hover {
background-color: #ffffff !important;
  color:  #44C2CE;
  border: 2px dotted #44C2CE;
 transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}








/*** Topbar Start ***/
.topbar .top-info {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #5373B8;
  font-family: 'Concert One',  cursive;
  

}


.topbar .top-info .Appointment{  
    text-decoration: underline;
    color: #F36E49;
    font-size: 17px;
}
.number a{
    color: #5373B8;
}
.number{
    margin-top: 2px;
}



.topbar .top-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.topbar .top-link a {
    margin-right: 10px;
}

.topbar .top-link a:hover {
  color: #EFE7DD;
  background-color: #F36E49;
}

.topbar .top-link a:hover i {
    color: #EFE7DD;
}
/*** Topbar End ***/


/*** Navbar Start ***/
.navbar {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.navbar .navbar-nav .nav-link {
    padding: 10px 20px;
    font-size: 16px;
    transition: .5s;
     text-transform: uppercase;
     color: #5373B8;
       font-family: 'Concert One',  cursive;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,
.fixed-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: #F36E49;
    
}


.navbar .dropdown-toggle::after {
   border: none;
  content: "\1F893";
  font-family: "Font Awesome 5 Free";
  vertical-align: middle;
  margin-left: 8px;
  font-size: 27px;
  margin-top: 14px;
  line-height: 0;
  padding: 0px;
}

.navbar .dropdown-item{
    color: #5373B8 !important;
    font-size: 17px;
}
.navbar .dropdown-item:hover{
    color:#EFE7DD !important;
}


@media (min-width: 1200px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
}

.dropdown .dropdown-menu a:hover {
    background:#F36E49;
    color:#EFE7DD;
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: #faf4ed !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
      font-family: 'Concert One',  cursive;

}

#searchModal .modal-content {
    background: rgba(255, 255, 255, .8);
}
/*** Navbar End ***/


 .banner-carousel .owl-dots {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
   background: #FAA634;
    border-radius: 10px;
    transition: 0.5s;
}

 .banner-carousel .owl-dot.active {
    width: 30px;
   
     background: #F36E49;
}


/*** Services ***/


.wave-shape-fill {
  fill: #efe7dd;
  transform-origin: center;
  transform: rotateY(0deg);
}

.wave-shape-fill-orange {
  fill: #F36E49;
  transform-origin: center;
  transform: rotateY(0deg);
}
.wave-shape-fill-cyan {
  fill: #44C2CE;
  transform-origin: center;
  transform: rotateY(0deg);
}


.wave-shape-up{
    transform: rotate(180deg);
}

.wave-shape-fill-pink {
  fill: #ED3193;
  transform-origin: center;
    transform: rotateY(0deg);
}


.wave-shape-fill-yellow-2 {
  fill:#faa63426;
  transform-origin: center;
  transform: rotateY(0deg);
}
.wave-shape-fill-blue {
 fill: #fef2e1;
  transform-origin: center;
 transform: rotate(180deg);
}
.wave-shape-fill-blue-2{
     fill:#5373b8;
  transform-origin: center;
  transform: rotateY(0deg);
}

.wave-shape-fill-yellow{
     fill:#FAA634;
  transform-origin: center;
  transform: rotateY(0deg);
}






.service-wave{
border-radius: 134px 184px 182px 144px;
  transition: 0.5s;
  color: #FFFFFF;
}

.service-wave:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    background-color: #F36E49;
}
.service-wave h3{
    color: #FFFFFF;
}
.service-wave img{
  border-radius: 80px 102px 50px 113px;
  
}
.service-arrow-2 a:hover{
border:1px solid #ffffff;
background-color: #FAA634;
transform: scale(1.1);
}



/*** Hero Header ***/
/* .hero-header,
.page-header {
    background: url(../img/wave.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #efe7dd;
} */


/* .hero .packages a{
    background-color: #FCE0D9;
}
 */




/*** Hero Header ***/







 .pricing-box {
      border: 2px dotted #F36E49;
      border-radius: 12px;
      padding: 30px;
      text-align: center;
      background:#F36E4914;
    }
    .pricing-box h2 {
      color: #F36E49;
      font-size: 32px;
      margin-bottom: 5px;
      font-weight: bold;
    }
    .pricing-box h3 {
      font-size: 20px;
      color: #5373B8;
      margin-bottom: 20px;
    }
    .price-day {
      font-size: 18px;
      color: #5373B8;
      margin-top: 15px;
    }
    .price-amount {
      font-size: 28px;
      font-weight: bold;
      color: #F36E49;
      margin-bottom: 15px;
    }
    .note {
      font-size: 15px;
      color: #5373B8;
      margin: 10px 0;
    }
    .highlight {
      margin-top: 20px;
      font-weight: bold;
      color: #F36E49;
      font-size: 16px;
    }


/*** About Start ***/
.video {
    position: relative;
    height: 100%;
    min-height: 500px;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/about.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
}

.video .btn-play {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
}

.video .btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background:#5373B8;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video .btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background: #F36E49;
    border-radius: 50%;
    transition: all 200ms;
}

.video .btn-play img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
}

.video .btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid var(--bs-white);
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

#videoModal {
    z-index: 99999;
}

#videoModal .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}

#videoModal .modal-body {
    position: relative;
    padding: 0px;
}

#videoModal .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    background: #000000;
    opacity: 1;
}

.video.border {
    border-radius: 50% 20% / 10% 40%;
}

.about {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../img/background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*** About End ***/



/* Upcoming events */
.Upcoming{
    background-color: #faa63426;;
}

.upcoming-model-body .btn-close {
  position: absolute;
  right: 21px;
  background-color: #fff;
  margin-top: 14px;
  padding: 8px;
}


.program .program-item .program-img .program-rate {
    position: absolute;
    width: 100px; 
    top: -20px; 
    left: 50%; 
    margin-left: -50px; 
    border-radius: 10% / 50%;
}
.program-item img{
    cursor: pointer;
}

.program .overflow-hidden{
        border: 2px dotted #F36E49;
  border-radius: 20px;
}


.program .program-item .program-img img,
.program .program-item img,
.program .program-item:hover .program-text-inner a.h4 {
    transition: 0.5s; 
    
}

.program .program-item:hover .program-img img,
.program .program-item:hover .program-teacher img {
    transform: scale(1.2);
}

.program .program-item:hover .program-text-inner a.h4 {
    color: #FAA634;
    background-color: none !important;
    
}




/*** Programs End ***/


/*** Events Start ***/
.events .events-item {
    width: 100%;
    height: 100%;
    border-radius: 30%;
    position: relative;
}

.events .events-item .events-inner .events-rate {
    position: absolute;
    width: 120px; 
    top: -20px; 
    left: 50%; 
    margin-left: -60px; 
    border-radius: 10% / 50%;
}

.events .events-item .events-inner .events-img .event-overlay {
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    z-index: 1;
    opacity: 0;
}

.events .events-item .events-inner .events-img:hover .event-overlay {
    opacity: 1;
}

.events .events-item .events-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    bottom: auto;
    background: rgba(77, 101, 249, .7);
    border-radius: 10px;
    transition: 0.5s;
}

.events .events-item:hover .events-img::after {
    height: 100%;
    opacity: 1;
}

.events .events-item .events-text a.h4,
.events .events-item .events-img img {
    transition: 0.5s;
}

.events .events-item:hover .events-text a.h4 {
    color: var(--bs-primary) !important;
}

.events .events-item:hover .events-img img {
    transform: scale(1.3);
}
/*** Events End ***/


/*** Blog Start ***/



 .blog-card {
      border: none;
      border-radius: 20px;
      overflow: hidden;
   background: #F36E4914;
      transition: all 0.3s ease-in-out;
    }
    .blog-card:hover {
      transform: translateY(-5px);
     box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }
    .blog-img {
      position: relative;
      height: 260px;
    }
    .blog-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .date-box {
    position: absolute;
    bottom: -17px;
    right: 15px;
    background: white;
    padding: 8px 15px;
    text-align: center;
    color: #F36E49;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    border-bottom: 3px solid #F36E49;
    font-size: 25px;
    line-height: 1;
    }
    .date-box span {
      display: block;
      font-size: 12px;
      color: #777;
    }
    .blog-content {
      padding: 20px;
    }
    .blog-content a:hover{
        color: #5373B8;
    }
    
    .blog-title {
      font-weight: bold;
   color: #F36E49;
    }
    .blog-text {
      color: #444;
      margin: 17px 0 15px;
    }
    .read-more {
      text-decoration: none;
     color: #F36E49;
     font-size: 15px;
    }
    .read-more:hover {
      text-decoration: none;
     color: #5373B8;
     font-size: 15px;
    }
   



/*** Blog End ***/



/*** Team Start ***/
/* .team .team-item {
    position: relative;
    width: 100%;
    height: 100%;
}

.team .team-item .team-icon {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
}

.team .team-item .team-icon a.share-link {
    opacity: 0;
    transition: 0.5s;
}

.team .team-item:hover .team-icon a.share-link {
    opacity: 1;
}

.team .team-item .team-content,
.team .team-item .team-content h4,
.team .team-item .team-content p {
    transition: 0.5s;
}

.team .team-item:hover .team-content {
    background: var(--bs-primary) !important;
    border-radius: 0 0 10px 10px;
}

.team .team-item:hover .team-content h4 {
    color: var(--bs-white) !important;
}

.team .team-item:hover .team-content p {
    color: var(--bs-dark) !important;
} */
/*** Team end ***/


/*** testimonial Start ***/
.testimonial .testimonial-carousel {
    position: relative;
    
}

.clients-image img{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 5px solid #FAA634;
   display: inline !important;
}
.testimonial h5{
    line-height: 1.5;
}

.testimonial .testimonial-carousel .owl-dots {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial .testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: #EFE7DD;
    border-radius: 10px;
    transition: 0.5s;
}

.testimonial .testimonial-carousel .owl-dot.active {
    width: 30px;
    background: #FAA634;
}
/*** testimonial End ***/




/***=================================== Custom Theme Pages=================================***/



.zoom-image {
      border: 2px dotted #F36E49;
      background-color: #FEF0EC;
      border-radius: 20px;

}
.zoom-image-item img{
    cursor: pointer;
}

.zoom-image .overflow-hidden{
      
  border-radius: 16px;
}


.zoom-image .zoom-image-item .zoom-image-img img,
.zoom-image .zoom-image-item img,
.zoom-image .zoom-image-item:hover .zoom-image-text-inner a.h4 {
    transition: 0.5s; 
    
}

.zoom-image .zoom-image-item:hover .zoom-image-img img,
.zoom-image .zoom-image-item:hover .zoom-image-teacher img {
    transform: scale(1.2);
}

.zoom-image .zoom-image-item:hover .zoom-image-text-inner a.h4 {
    color: #FAA634;
    background-color: none !important;
    
}

.zoom-image svg{
   height: 30px;
  fill: #5373B8;
  margin-top: -7px;
}

.zoom-image p{
  min-height: 70px;
}


  .custom-banner {
      border: 2px dotted #4a75c9; 
      border-radius: 15px;       
      background: #f9fbff;     
      overflow: hidden;     
    }
    .custom-banner h4 {
      color: #4a75c9;
      font-weight: bold;
      font-family: 'Trebuchet MS', sans-serif;
    }
    .custom-banner img {
      object-fit: cover;
      width: 100%;
      height: 150px;
      
    }


    .zoom-image-2{
           border: 2px dotted #F36E49;
      background-color: #FEF0EC;
      border-radius: 20px;
    }

.custom-themes{
     border: 2px dotted #F36E49;
      border-radius: 20px;
}
.custom-themes img{
    border-radius: 16px;
}
.custom-themes:hover{
   box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
   transition: 0.5s; 
    background-color: #FEF0EC;
}




/***=================================== Custom Theme Pages End =================================***/



/***=================================== Theme details  =================================***/
 
   
    .theme-gallery .product-gallery {
      max-width: 1000px;
      margin: auto;
      position: relative;
    }

    /* Main Image */
   .theme-gallery  .main-wrapper {
      position: relative;
    }
   .theme-gallery  .main-image {
      width: 100%;
      max-height: 600px;
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 15px;
      position: relative;
    }
   .theme-gallery  .main-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.4s ease-in-out;
      cursor: zoom-in;
    }

    /* Main arrows */
   .theme-gallery  .main-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(255,255,255,0.6);
      border: none;
      font-size: 20px;
      cursor: pointer;
      padding: 3px 13px;
      border-radius: 50%;
      z-index: 5;
    }
   .theme-gallery  .main-arrow:hover { background: rgba(0,0,0,0.6); color:#fff; }
    .main-prev { left: 10px; }
    .main-next { right: 10px; }

    /* Thumbnails Container */
   .theme-gallery  .thumb-wrapper {
      position: relative;
    }
.theme-gallery     .thumb-container {
      overflow: hidden;
      padding: 10px 0px; /* space for arrows */
    }
  .theme-gallery   .thumb-track {
      display: flex;
      gap: 10px;
      transition: transform 0.3s ease;
    }
    .thumb-item {
      flex: 0 0 auto;
      width: 172px;
      border: 2px solid transparent;
      border-radius: 6px;
      cursor: pointer;
    }
@media (max-width: 768px) { 
 .thumb-item {
      width: 90px;
    }

    .thumb-item img {
  width: 100%;
  height: auto !important;
  object-fit: cover;
  border-radius: 6px;
}

}



  .theme-gallery   .thumb-item img {
      width: 100%;
      height: 90px;
      object-fit: cover;
      border-radius: 6px;
    }
    .thumb-item.active { border: 2px solid #000; }

    /* Thumb arrows */
    .thumb-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.6);
      color: #fff;
      border: none;
      font-size: 19px;
      cursor: pointer;
      padding: 5px 14px;
      border-radius: 50%;
      z-index: 5;
    }
    .thumb-prev { left: 5px; }
    .thumb-next { right: 5px; }

    /* Zoom Modal */
    .modal {
      display: none;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.9);
      z-index: 9999;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
  .theme-gallery   .modal img {
      max-width: 90%;
      max-height: 80%;
      border-radius: 8px;
      transition: opacity 0.4s ease-in-out;
    }
.theme-gallery     .modal .close {
      position: absolute;
      top: 20px; right: 30px;
      font-size: 40px;
      color: #fff;
      cursor: pointer;
    }
 .theme-gallery    .modal .zoom-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.3);
    color: #fff;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 9px 19px;
    border-radius: 50%;
    }
  .theme-gallery   .modal .prev { left: 20px; }
 .theme-gallery    .modal .next { right: 20px; }












      .nav-tabs .nav-link {
      color: #333;
      border: none;
      font-family: 'Concert One', cursive;
      font-size: 20px;
      margin-right: 40px;
    }
    .nav-tabs .nav-link.active {
      color: #ff5c39;
      border-bottom: 2px solid #ff5c39;
    }
    .tab-content {
      margin-top: 20px;
      border: 2px dotted #ff5c39;
      padding: 30px;
      border-radius: 10px;
      background-color: #fef0ec61;
       color: #000;
    }
    .inclusions li {
      margin-bottom: 15px;
      font-size: 15px;
    }
    .inclusions strong {
      color: #ff5c39;
    }

@media (max-width: 768px) {

   .nav-tabs .nav-link {
    margin-right: -1px;
    font-size: 17px;
    padding: 6px;
    border: 1px solid #d5d5d5;
    border-radius: 0px;
    }

 }


/***=================================== Theme details end =================================***/
 
  
    .recent-item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 15px;
    }
    .recent-item img {
      width: 100px;
      height: 70px;
      object-fit: cover;
      border-radius: 6px;
      margin-right: 12px;
    }
    .recent-item h6 {
      margin: 0;
      line-height: 1.4;
    }
    .recent-meta {
      font-size: 13px;
      margin-top: 5px;
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .recent-meta i {
      color:#0056b3;
      font-size: 14px;
    }


/***===================================Support pages =================================***/



  .support-pages .service-card {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      cursor: pointer;
      transition: transform 0.3s ease;
    }
    .support-pages .service-card img {
      width: 100%;
      height: 260px;
      object-fit: cover;
      border-radius: 12px 12px 0 0;
    }

    .service-card h5{
      font-size: 18px;
    }
   .support-pages  .card-body {
      padding: 12px;
      background: #fff;
      border-radius: 0 0 12px 12px;
    }
  
    /* Solid overlay */
  .support-pages   .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background:#4a75c9;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 20px;
      opacity: 0;
      transition: opacity 0.4s ease;
      border-radius: 12px;
    }
   .support-pages  .service-card:hover .overlay {
      opacity: 1;
    }
 
/***=================================== End Support pages =================================***/

/***===================================Cake & Dessert =================================***/
.dessert-cake img{
height: 100%;
  width: 100%;
  object-fit: cover;
 border: 2px solid #4a75c947;
}

.dessert-cake {
padding: 0 25px 35px;
}

.custom-cake{
  display: grid;
}

.custom-cake img{
 height: 100%;
  width: 100%;
  object-fit: cover;
  border: 2px solid #5373b82a;
  border-radius: 40px;
  
}
.custom-dessert-title {
  background-color: #5373B8;
  padding: 10px;
  margin-top: -6px !important;
  border-radius: 30px;
}
.custom-dessert-title h5{
  color: #ffffff;
  padding: 2px;
  margin-bottom: 0;
}


@media (max-width: 768px) {

 .dessert-cake {
padding: 10px 6px;
}
.dessert-cake img {
  border: 2px solid #4a75c9;
}
.dessert-cake h5{
  font-size: 15px;
}

.custom-dessert-title h5{
    margin-bottom: 0;
    font-family: "poppins";
    font-size: 14px;
}

 }



/***=================================== End music pages =================================***/


.music{
  border: 2px dotted #FAA634;
  text-align: center;
  background: #FEF6EB;
}


.classe{
  border: 2px dotted #F36E49;
  background: #F36E491F;
   text-align: center;
}
.classes li{
  font-weight: 400;
  list-style: none;
  font-size: 18px;
  font-family: 'Concert One';
  color: #5373B8;
}


.class-rules .accordion-button{
position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 16px;
  color: #151515;
  text-align: left;
  background-color: #fef6eb;
  border: 0;
}

.class-rules .accordion-body {
  background-color: #ffffff;
  border:1px solid #fef6eb;
}

.class-rules .accordion-item {
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.13);
}

.class-rules .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.class-rules  .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.class-rules .accordion-button:focus {
  z-index: 3;
  border-color: #ffa4c0;
  outline: 0;
  box-shadow: none;
}

.Rules-Regulations h3{
 width: fit-content;
  border-bottom: 2px solid #4a75c9;
  text-align: center;
  margin: auto;;

}
/***=================================== End music pages =================================***/


/***=================================== packages =================================***/
.packages-menu{
    border: 2px dotted #44C2CE;
  background:#44c3ce1c;
   text-align: center;
   border-radius: 15px;
}
.packages-menu-list{
 text-align: left;
  list-style: none;
  margin-left: -15px;
  font-size: 16px;
  
}
.packages-menu-list li{
line-height: 2.1;
  
}

/***=================================== End packages pages =================================***/



/***=================================== upcoming event pages =================================***/

  
    .carousel-item img {
      border-radius: 10px;
      max-height: 80vh;
      object-fit: contain;
    }
    /* Close button custom position */
    .btn-close {
      position: absolute;
      top: 15px;
      right: 20px;
      z-index: 1055;
      background-color: rgba(255, 255, 255, 0.452);
      border-radius: 50%;
      padding: 10px;
      opacity: 0.9;
    }
    .btn-close:hover {
      opacity: 1;
    }


/* contact us */

 .contact-section {
      padding: 60px 0;
    }
  
    .form-control {
      border-radius: 8px;
      padding: 12px;
    }
    .btn-custom {
      background: #007bff;
      color: #fff;
      padding: 12px 25px;
      border-radius: 8px;
      transition: 0.3s;
    }
    .btn-custom:hover {
      background: #0056b3;
    }
    iframe {
      border-radius: 12px;
      border: none;
      width: 100%;
      height: 350px;
    }



.form-control {
 
  color: #f36e49;
  background-color: #fef4f15e;
  background-clip: padding-box;
  border: 1px solid #f36e495e;
 
}
.form-control::placeholder {
  color: #000;
  opacity: 1;
}

/* 
animation */


 .element {
      width: 120px;
      animation: float 3s ease-in-out infinite;
    }

     .element-2 {
      width: 100px;
      animation: fly 3s ease-in-out infinite;
      float: right;
    }

    



    /* Floating Up & Down */
    @keyframes float {
      0%, 100% {
        transform: translateY(0px);
      }
      50% {
        transform: translateY(-20px);
      }
    }

    @keyframes fly {
  0%   { left: -150px; top: 50%; transform: rotate(0deg);}
  50%  { left: 50%; top: 40%; transform: rotate(15deg);}
  100% { left: 100%; top: 50%; transform: rotate(0deg);}
}

    /* Little wiggle effect */
    .element img {
      width: 100%;
      animation: flap 1.5s ease-in-out infinite;
      position: absolute;
      
    }
     .element-2 img {
      width: 100%;
      animation: flap 1.5s ease-in-out infinite;
      position: absolute;
      right: 20px;
      
    }

    @keyframes flap {
      0%, 100% {
        transform: rotate(0deg);
      }
      25% {
        transform: rotate(-3deg);
      }
      75% {
        transform: rotate(3deg);
      }
    }


/*** Footer Start ***/
  footer {
      background: #fdf6f0;
      padding: 50px 0 30px;
      font-family: Arial, sans-serif;
      color: #333333;
    }
    footer h6 {
      font-weight: bold;
      color: #333333;
      margin-bottom: 20px;
      text-transform: uppercase;
    
    }
    .footer a{
         color: #333333;
         line-height: 2;
        font-family: "Poppins", sans-serif;
  font-size: 15px;
    } 

  .footer a:hover {
  color: #F36E49 !important;
}

    footer p, footer a {
      color: #333333;
      text-decoration: none;
      font-size: 15px;
    }
  
    .footer-social a {
      color: #F36E49;
      margin-right: 10px;
      transition: 0.3s;
    }
    .footer-social a:hover {
      color: #333;
    }
    .logo-text {
      font-weight: bold;
    }
    .footer-social i{
    border: 1px solid #F36E49;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    padding: 6px;
    text-align: center;
    font-size: 15px;
    }
     .footer-social i:hover{
    border: 1px solid #F36E49;
    background-color: #F36E49;
    color: #EFE7DD;
    
    }

.footer-bg .btn{
    font-weight: 300 !important;
     font-family: "Poppins", sans-serif;
    
}
.footer-bg  .form-control{
border: 1px solid #FAA6348A !important;
 font-family: "Poppins", sans-serif;

}

/*** Footer End ***/