@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-ExtraLight.woff2') format('woff2'),
        url('fonts/Manrope-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-ExtraBold.woff2') format('woff2'),
        url('fonts/Manrope-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-Bold.woff2') format('woff2'),
        url('fonts/Manrope-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-Light.woff2') format('woff2'),
        url('fonts/Manrope-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-Medium.woff2') format('woff2'),
        url('fonts/Manrope-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-Regular.woff2') format('woff2'),
        url('fonts/Manrope-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('fonts/Manrope-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.woff2') format('woff2'),
        url('fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Black.woff2') format('woff2'),
        url('fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.woff2') format('woff2'),
        url('fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.woff2') format('woff2'),
        url('fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Thin.woff2') format('woff2'),
        url('fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "Inter18pt-Medium";
  src: url("fonts/Inter18pt-Medium.woff2") format("woff2"),
    url("fonts/Inter18pt-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter18pt-SemiBold";
  src: url("fonts/Inter18pt-SemiBold.woff2") format("woff2"),
    url("fonts/Inter18pt-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter18pt-Regular";
  src: url("fonts/Inter18pt-Regular.woff2") format("woff2"),
    url("fonts/Inter18pt-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter18pt-Bold";
  src: url("fonts/Inter18pt-Bold.woff2") format("woff2"),
    url("fonts/Inter18pt-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter18pt-Light";
  src: url("fonts/Inter18pt-Light.woff2") format("woff2"),
    url("fonts/Inter18pt-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Heebo-Black";
  src: url("fonts/Heebo-Black.woff2") format("woff2"),
    url("fonts/Heebo-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Heebo-Regular";
  src: url("fonts/Heebo-Regular.woff2") format("woff2"),
    url("fonts/Heebo-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Heebo-Semibold";
  src: url("fonts/Heebo-SemiBold.woff2") format("woff2"),
    url("fonts/Heebo-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Heebo-Medium";
  src: url("fonts/Heebo-Medium.woff2") format("woff2"),
    url("fonts/Heebo-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Heebo-Bold";
  src: url("fonts/Heebo-Bold.woff2") format("woff2"),
    url("fonts/Heebo-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Heebo-Light";
  src: url("fonts/Heebo-Light.woff2") format("woff2"),
    url("fonts/Heebo-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

img {
  max-width: 100%;
}

input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea,
.input-checkbox {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
}

input:focus {
  outline: 0;
}

textarea:focus {
  outline: 0;
}

button:focus {
  outline: 0;
}

a {
  cursor: pointer;
  text-decoration: none;
  transition: all 0.5s ease;
}

a:focus,
a:hover {
  text-decoration: none;
  outline: 0;
}

.TC {
  text-align: center;
}

.TL {
  text-align: left;
}

.TR {
  text-align: right;
}

.margin_auto {
  margin: auto;
  float: none;
}

.padding {
  padding: 0;
}

.al {
  width: 100%;
  height: 100%;
  display: table;
}

.alm {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

body {
  background-color: #fff;
  font-family: "Sora-regular";
}

.jcc {
  justify-content: center;
}
.jsb {
  justify-content: space-between;
}
.aic {
  align-items: center;
}

.d-flex {
  flex-wrap: wrap;
}
.container {
  width: 100%;
  max-width: 1450px;
}

.home-banner {
  background-image: url("../images/background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 750px;
}
.container-1 {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
.banner-inner-text {
  padding: 150px 0px;
}
.banner-inner-text h1 {
  color: white;
  font-size: 55px;
  line-height: 65px;
  font-family: "Inter18pt-Bold";
  margin: 20px 0px;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0px;
  background: white;
/*  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);*/
  position: relative;
  z-index: 10;
}

.logo {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1c2b5e;
}

.logo span {
  display: block;
  font-size: 0.7rem;
  color: #f5b121;
}
.logo img
{
  height: 80px;
  width: auto;
  object-fit: contain;
}
nav ul {
  list-style: none;
  display: flex;
  gap: 2.5rem;
  margin-bottom: 0px;
  padding-left: 0px;
}

nav ul li a {
  text-decoration: none;
  color: #000;
  font-size: 18px;
  font-family: "Heebo-Medium";
  position: relative;
  transition: all ease-in-out 0.5s;
}
nav ul li a:hover
{
  color:#1a2d72 ;
}
nav ul li a::after
{
  content: "";
  position: absolute;
  width:0px;
  height: 3px;
  background: linear-gradient(90deg, #c400ff, #00d0ff, #c400ff); 
  transition: all ease-in-out 0.5s;
  bottom: -3px;
  left: 0;
}

nav ul li a:hover::after {
  width: 100%;
}

.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.hamburger div {
  width: 25px;
  height: 3px;
  background: #000;
  transition: 0.3s;
}

/* Overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
}

.overlay.show {
  opacity: 1;
  visibility: visible;
}

/* Mobile Nav */
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  height: 100vh;
  background: white;
  transition: right 0.8s ease-in-out;
  padding: 2rem;
  box-shadow: -2px 0 6px rgba(0, 0, 0, 0.15);
  z-index: 9999;
}

.mobile-nav.open {
  right: 0;
}

.close-btn {
  font-size: 2rem;
  font-weight: bold;
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10000;
}

.mobile-nav ul {
  list-style: none;
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 15px;
    padding-left: 0px;
}

.mobile-nav ul li a {
  text-decoration: none;
  color: #111;
  font-size: 17px;
  font-family: "Heebo-Medium";
}

body.lock-scroll {
  overflow: hidden;
}
@media (max-width: 768px) {
  nav ul {
    display: none;
  }

  .hamburger {
    display: flex;
  }
}
.banner-inner-text p {
  font-size: 16px;
  line-height: 26px;
  font-family: "Heebo-Light";
  color: #C3C3C3;
  margin: 50px 0px;
}

.gradient-text {
  font-size: 55px;
  font-weight: bold;
  background: linear-gradient(90deg, #c400ff, #00d0ff, #c400ff);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 4s linear infinite;
}

@keyframes gradientMove {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: -200% center;
  }
}
button.bnr-book-btn {
  background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
  padding: 12px 35px;
  color: white;
  border-radius: 6px;
  border: 0;
  text-transform: uppercase;
  font-family: "Inter18pt-Regular";
  transition: all ease-in-out 0.5s;
  letter-spacing: 1px;
}
button.bnr-book-btn:hover,
.book-section-main .book-main a:hover,
.footer-main .news-box button:hover {
  background: linear-gradient(
167deg,
    rgba(6, 163, 250, 1) 0%,
    rgba(26, 45, 114, 1) 100%
  );
}
.blue-background {
  background-color: #1a2d72;
}
.home-party-area {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.img-section {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 95px;
  margin: auto;
  border-radius: 5px;
  margin-bottom: -42px;
  position: relative;
  border: 2px solid white;
  transition: all ease-in-out 0.5s;
}
.img-section:hover {
  background-color: transparent;
}
.blue-background {
  background-color: #1a2d72;
  padding: 50px 40px 40px;
  text-align: center;
  color: white;
  display: grid;
  align-items: flex-start;
  border-radius: 5px;
}
.party-inner {
  margin-top: -150px;
}
.blue-background h4 {
  font-size: 20px;
  font-family: "Inter18pt-Semibold";
  line-height: 20px;
  color: #fff;
  margin: 15px 0px;
}
.blue-background p {
  font-size: 16px;
  line-height: 26px;
  font-family: "Heebo-Regular";
  color: #fff;
}
.private-safe-inner {
  display: flex;
  justify-content: space-between;
}
.home-party-area .col-md-4 {
  flex: 0 0 auto;
  width: 30%;
}
.private-safe-section {
  padding: 100px 0px 70px;
}

.private-safe-details h3 {
  font-size: 28px;
  line-height: 32px;
  font-family: "Inter18pt-Semibold";
  margin-bottom: 30px;
  color: #000;
}
.private-safe-details h6 {
  color: #1a2d72;
  font-size: 18px;
  line-height: 20px;
  font-family: "Inter18pt-Semibold";
  margin: 15px 0px 30px;
}
.private-safe-details ul {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 40px;
}
.private-safe-details ul li {
    font-size: 16px;
    line-height: 20px;
    font-family: "Heebo-Regular";
    color: #000;
    margin: 8px 0px;
    display: flex;
    transition: all ease-in-out 0.5s;
}
.private-safe-details ul li:hover
{
  transform: translateX(10px);
}
.private-safe-details ul li span
{
  padding-right: 10px;
}
.private-safe-img img
{
  width: 100%;
}
.private-safe-img {
    position: relative;
    margin-right: 30px;
}
.private-safe-img::after {
    position: absolute;
    content: "";
    background-image: url("../images/image3.png");
    width: 360px;
    height: 470px;
    background-repeat: no-repeat;
    right: -70px;
    top: 190px;
}
.private-safe-details {
    padding-left:110px;
}
button.aboutus
{
  background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 9px 40px;
    color: white;
    border-radius: 6px;
    border: 0;
    text-transform: uppercase;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;

}
button.aboutus:hover {
  background: linear-gradient(
167deg,
    rgba(6, 163, 250, 1) 0%,
    rgba(26, 45, 114, 1) 100%
  );
}
.our-services-section {
    background-color: #F3F1F5;
    padding: 100px 0px;
    text-align: center;
}
.our-service-inner h6 {
  color: #1a2d72;
  font-size: 18px;
  line-height: 20px;
  font-family: "Inter18pt-Semibold";
  margin: 15px 0px 30px;
}
.our-service-inner h3
{
   font-family: "Inter18pt-Bold";
   font-size: 36px;
   line-height: 38px;
}
.our-service-inner p {
    font-size: 16px;
    line-height: 26px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
    width: 100%;
    max-width: 800px;
    margin: 22px auto 42px;
}
.service-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    row-gap: 45px;
}
.box-inner {
    padding: 50px 40px;
    text-align: left;
    margin: 0px 15px;
    border-radius: 6px;
    transition: all ease-in-out 0.5s;
}
.box-inner h4
{
  
   font-family: "Inter18pt-Bold";
   font-size: 20px;
   line-height: 26px;
}
.box-inner p
{
   font-size: 16px;
    line-height: 24px;
    font-family: "Heebo-Regular";
    margin: 15px 0px;
}
.box-inner.first
{
  background-color: #1a2d72;
  color: white;
  border: 2px solid #1a2d72;
}

.box-inner.second
{
  background-color: #fff;
}
.box-inner.second  p
{
  color: #8D8D8D;
}
.box-inner.first:hover
{
  background-color: transparent;
  color: black;
}
.box-inner.second:hover
{
  background-color: #1a2d72;
  color: #fff;
}
.review-inner {
    display: flex;
    padding: 50px 0px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.client-review-section
{
  background-image: url("../images/Section.png");
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  background-position: center;
  position: relative;
}
.client-review-section::after
{
  content: "";
  position: absolute;
  background-color: #00000050;
  height: 100%;
  width: 100%;
  top: 0;
 
}
.img-prt
{
  margin-bottom: 20px;
}
.review-box {
    display: flex;  
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.review-box h3
{
  font-family: "Inter18pt-Bold";
   font-size: 36px;
   line-height: 38px;
   color: white;

}
.review-box p
{
  font-size: 16px;
    line-height: 24px;
    font-family: "Heebo-Regular";
    margin: 15px 0px;
    color: #fff;
}
.calender-section {
    padding: 50px 0px;
}
.our-service-inner
{
  text-align: center;
}
.gallery-slider-section {
    padding: 80px 0px;
    background-color: #2B373D;
}
.main-img-slider .slick-slide img 
{
  width: 100%;
  height: 450px;
  object-fit: cover;
}
.main-img-slider button.slick-prev.slick-arrow {
 background-image: none;
    left: 15px;
}
.main-img-slider button.slick-next.slick-arrow {
   
    right: 15px;
    background-image: none;
}
.gallery-slider-section i.fa-solid {
    color: #06A3FA;
    font-size: 25px;
}
.gallery-slider-section .slick-list.draggable {
    padding: 0px 0px !important;
    margin: 20px 10px;
}
.main-img {
    padding: 0px 5px;
}

.faq-section .our-service-inner p {
  
    max-width: 580px;
}
    
.faq-section-main {
    justify-content: center;
    display: flex;
    gap: 30px;
    padding: 50px 0px;
}

.faq-accordian h5
{
   font-family: "Inter18pt-Bold";
   font-size: 20px;
   line-height: 26px;
   color:#000;
  margin-bottom: 18px;
}

 .faq-section .accordion-button 
{
  font-size: 17px;
    line-height: 24px;
    font-family: "Heebo-Regular";
    color: #606060;
    box-shadow: none;
}
.faq-section .accordion-button:focus
{
   box-shadow: none;
   
}
.faq-section .accordion-body p
{
  font-size: 16px;
    line-height: 24px;
    font-family: "Heebo-Regular";
    color: #000000;
}
.faq-section .accordion-button:not(.collapsed)
{
  background: linear-gradient(
167deg,
    rgba(6, 163, 250, 1) 0%,
    rgba(26, 45, 114, 1) 100%
  );
  color: white;
}

.accordion-button::after
{
  content: "\f078";
  background-image: none;
  font-family: 'FontAwesome';
}

.faq-section {
    background-color: #F3F1F5;
    padding: 50px 0px;
}
.accordion-item {
    margin-bottom: 10px;
}

button.test-book{

background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 9px 40px;
    color: white;
    border-radius: 6px;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
}

.client-test-left h6 {
    color: #1a2d72;
    font-size: 18px;
    line-height: 20px;
    font-family: "Inter18pt-Semibold";
    margin: 15px 0px 30px;
}

.client-test-left h3 {
    font-family: "Inter18pt-Bold";
    font-size: 36px;
    line-height: 38px;
}

.client-test-left p {
    font-size: 16px;
    line-height: 28px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
    width: 100%;
    margin: 30px auto;
}

.client-testimonial-section {
    padding: 80px 0px;
}

.client-test-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.star-section span
{
 display: flex;

}
.star-section span i {
    color: #1a2d72;
    font-size: 15px;
    margin: 8px 2px;
}
.user-image {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 20px;
}
.usr-info h4
{
 font-family: "Inter18pt-Bold";
    font-size: 20px;
    line-height: 22px;
}

.client-test-right  {
    background-color: #F3F1F5;
    padding: 50px 50px;
}
.usr-info p
{
  font-size: 14px;
    line-height: 15px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
    margin-top: 8px;
}
.testi-quote p {
    font-size: 17px;
    line-height: 22px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
    width: 100%;
    max-width: 440px;
}
.testi-quote {
    padding-top: 20px;
}
.usr-img 
{
  position: relative;
}
.usr-img::after {
    content: "";
    background-image: url(../images/Icon.png);
    position: absolute;
    width: 80px;
    height: 92px;
    left: -34px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0px;
} 
.contact-inner h6{
   
    color: #1a2d72;
    font-size: 18px;
    line-height: 20px;
    font-family: "Inter18pt-Semibold";
    margin: 12px 0px 20px;
}

.contact-inner {
    text-align: center;
}
.contact-form-section {
     background-color: #F3F1F5;
    padding: 50px 0px 90px;
}
.contact-inner h3 {
    font-family: "Inter18pt-Bold";
    font-size: 36px;
    line-height: 38px;
    margin: 0 0 50px;
}
.form-area .row {
    margin: 14px 0px;
    gap: 10px;
}
.form-area input,
.form-area textarea
{
  padding: 17px 24px;
   font-size: 18px;
    line-height: 22px;
    font-family: "Heebo-Regular";
    color: #000;
    border: 0;
}
.form-area input::placeholder,
.form-area textarea::placeholder
{
   color: #000;
}

button.submin-btn
{
  background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 12px 50px;
    color: white;
    border-radius: 6px;
    border:0;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    margin-top: 30px;
}

.testimonial-slider-lower
{
  padding: 100px 0;
  background: #fff;
}
/*.testimonial-slider-lower h2
{
  color: #1A2D72;
  font-size: 18px;
    font-family: "Heebo-Bold";
    margin-bottom: 14px;
}*/

.testimonial-slider-lower h2 {
    color: #000000;
        text-align: center;
    /* font-size: 18px; */
    /* font-family: "Heebo-Bold"; */
    /* margin-bottom: 14px; */
    font-family: "Inter18pt-Bold";
    font-size: 36px;
    line-height: 38px;
    padding-bottom: 35px;
}
.testimonial-slider-lower .slick-track
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-slider-lower .slider-main-cls .box
{
  padding:0 5px;
  text-align: center;
}
.testimonial-slider-lower .slider-main-cls .box img
{
  object-fit: contain;
  text-align: center;
  margin: auto;
  width: 280px;
    height: auto;
}

.book-section-main
{
  padding: 60px 0 140px;
}
.book-section-main .book-main
{
 background-image: url('../images/Background (2).png');
 border-radius: 10px;
 background-color: #000000c9;
 padding: 100px 20px;
 background-blend-mode:color;
 text-align: center;
 background-repeat: no-repeat;
  background-size: cover;
}
.book-section-main .book-main h2
{
  font-family: "Inter18pt-Medium";
  color: #fff;
  font-size: 36px;
  line-height: normal;
}
.book-section-main .book-main h2 span
{
  color: #7391FF;
}
.book-section-main .book-main p
{
  padding: 35px 0px 40px;
  max-width: 606px;
  margin: auto;
    font-family: "Heebo-Regular";
  color: #fff;
  font-size: 16px;
}
.book-section-main .book-main a
{
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 15px 40px;
    color: white;
    border-radius: 6px;
    border: 0;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    margin-top: 30px;
    text-transform: uppercase;
    display: block;
    width: fit-content;
    margin: auto;
}

.footer-main
{
  padding: 80px 0 30px;
  background-image: url('../images/Section (2).png');
  background-blend-mode: color;
  background-color: #000000c9;
  background-size: cover;
  background-repeat: no-repeat;
}
.footer-main .logo
{
  height: 80px;
  object-fit: contain;
  margin-bottom: 40px;
}
.footer-main .box-two
{
  padding:0 40px;
}
.footer-main p
{
  color: #fff;
  font-size: 16px;
    font-family: "Heebo-Regular";
    padding: 10px 0;
}
.footer-main .listed-box p
{
  text-transform: uppercase;
  padding: 30px 0 20px;
    font-family: "Inter18pt-Regular";
    font-size: 14px;
}
.footer-main h3
{
  color: #fff;
    font-family: "Inter18pt-Medium";
    font-size: 20px;
    margin-bottom: 40px;
}
.footer-main ul
{
  margin: 0;
  padding: 0;
  list-style: none;
} 
.footer-main ul li a
{
  color: #fff;
    font-family: "Heebo-Regular";
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
  width: fit-content;
}
.footer-main a.sub-box
{
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-main a.sub-box i
{
  color: #fff;
  font-size:16px
}
.footer-main .box-three h3
{
  margin-top: 10px;
}
.footer-main .news-box
{
  display: flex;
  align-items: center;
}
.footer-main .news-box input
{
  padding: 15px 20px;
  font-size: 15px;
  color: #8D8D8D;
    font-family: "Heebo-Regular";
    border: 0;
    border-radius: 6px 0 0 6px;
    width: calc(100% - 90px);
}
.footer-main .news-box input::placeholder
{
  color: #8D8D8D;
}
.footer-main .news-box button
{
  background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 17px 20px;
    color: white;
    text-align: center;
    border-radius:0 6px 6px 0;
    border: 0;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    width: 90px;
}
.footer-main .social-icon
{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}
.footer-main .social-icon a
{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1A2D72;
  font-size: 18px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  transition: all 0.5s;
}
.footer-main .social-icon a:hover
{
  background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
  color: #fff;
}
.footer-main .footer-line
{
  border-top: 1px solid #ffffff30;
  margin-top: 70px;
  padding-top: 12px;
}
.footer-main .footer-line p a
{
  color: #06A3FA;
}
.footer-main .footer-line p a:hover
{
  color: #8fd7ff;
}

.detail-page-banner
{
  padding:0 20px;
  display: flex;
  align-items: center;
  justify-content: center; 
  background-image: url('../images/image.png');
  text-align: center;
  background-blend-mode: color;
  background-color: #00000094;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.detail-page-banner .banner-inner-text h1
{
    font-family: "Heebo-Regular";
    font-size: 42px;
    line-height: 42px
}
.detail-page-banner .banner-inner-text a
{
  font-size: 18px;
    font-family: "Heebo-Regular";
    color: #fff
}
.detail-page-banner .banner-inner-text span i
{
  font-size: 18px;
  color: #06A3FA;
  padding:10px 20px;
}
.private-safe-section p
{
  color: #8D8D8D;
    font-family: "Heebo-Regular";
  font-size: 16px;
  line-height: 24px;
}
.private-safe-section.about-safe-one .private-safe-details
{
  padding: 0 70px 0 0;
}
.private-safe-section.about-safe-one .private-safe-img::after
{
  top: 0;
  bottom: 0;
  margin: auto;
}
.private-safe-section.about-safe-one .private-safe-details h6,
.private-safe-section.about-safe-two .private-safe-details h6
{
  margin: 15px 0px 20px;
}
.private-safe-section.about-safe-one
{
  padding-bottom: 0;
}
.private-safe-section.about-safe-two .private-safe-img::after
{
  background-image: url('../images/DSC05870.png');
  top: 0;
  bottom: -10%;
  margin: auto;
}
.private-safe-section.about-safe-one .private-safe-img
{
  width: 90%;
}

.space-cls-main
{
  background: #F3F1F5;
}
.book-section-main.sub-p-book
{
  padding: 85px 0;
}
.space-cls-main .box-one img,
.space-cls-main .box-one
{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.space-cls-main .box-two
{
  padding: 60px 100px;
}
.space-cls-main .box-two h5
{
    color: #1a2d72;
    font-size: 18px;
    line-height: 20px;
    font-family: "Inter18pt-Semibold";
    margin: 15px 0px 20px;
}
.space-cls-main .box-two h3
{
    font-size: 28px;
    line-height: 32px;
    font-family: "Inter18pt-Semibold";
    margin-bottom: 30px;
    color: #000;
}

.space-cls-main .box-two .sub-box
{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 15px;
  background: #fff;
  margin: 30px 0;
}
.space-cls-main .box-two .sub-box img
{
  width: 200px;
  height: auto;
  object-fit: contain;
  /* object-fit: cover; */
}
.space-cls-main .box-two .sub-box .text
{
  width: calc(100% - 199px);
}
.space-cls-main .box-two .sub-box .text h4
{
  color: #000;
  font-size: 18px;
    font-family: "Inter18pt-Regular";
}
.space-cls-main .box-two .sub-box .text p
{
  color: #7C7C7C;
  font-size: 14px;
  line-height: 25px;
  padding: 10px 0;
    font-family: "Heebo-Regular";
}
.space-cls-main .box-two .sub-box .text a
{
 color: #1A2D72;
  font-size: 18px;
    font-family: "Inter18pt-Medium"; 
}

.price-main
{
  padding: 150px 0;
}
.price-main .container-1
{
      max-width: 1400px;
}
.price-main .box-main-one
{
  margin-bottom: 120px;
}
.price-main .box-main-one .box
{
  box-shadow: 0px 22px 24px 0px #D5CFB154;
  border-radius: 20px;
  padding: 35px 45px;
  min-height: 420px;
  display: grid;
  align-content: space-between;
  transition: all 0.5s;
  position: relative;
}
.price-main .box-main-one .box:before
{
  content: '';
  background-image: url('../images/Group (2).png');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: 330px;
  width: 162px;
  right: 30px;
  bottom: -35px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-40px);
  transition-duration:0.5s;
}
.price-main .box-main-one .box .btn-box button
{
  background: #F9F2FF;
  padding: 14px 38px;
  font-size: 16px;
    font-family: "Inter18pt-Bold"; 
    color: #4E2D92;
    border:0;
    border-radius: 50px;
}
.price-main .box-main-one .box:hover .btn-box button span
{
  margin-left: 0;
  opacity: 1;
  visibility: visible;
}
.price-main .box-main-one .box .btn-box button span
{
  /* margin-left: -35%; */
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.price-main .box-main-one .box .date-sec
{
  position: absolute;
  top: 120px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  transition: all 0.5s;
}
.price-main .box-main-one .box .head-box h3
{
  font-size: 32px;
    line-height: 32px;
    font-family: "Inter18pt-Bold";
    color: #000;
    transition: all 0.5s;
}
.price-main .box-main-one .box .head-box
{
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  position: relative;
  overflow: visible;
}
.price-main .box-main-one .box .head-box h5
{
    background: #CECECE;
    font-family: "Inter18pt-Bold";
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    width: fit-content;
    padding: 15px 30px;
    border-radius: 50px;
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto;
    right: 0;
    opacity: 0;
    visibility: hidden;
    display: inline-table;
}
.price-main .box-main-one .box p,
.price-main .box-main-one .box .date-sec span
{
  font-size: 16px;
    line-height: 20px;
    font-family: "Heebo-Regular";
    color: #a3a3a3;
    margin: 8px 0px 30px;
    display: flex;
    transition: all ease-in-out 0.5s;
}
.price-main .box-main-one .box p
{
  margin-top: 32px;
}
.price-main .box-main-one .box .date-sec span
{
  color: #fff;
  width: 250px;
}
.price-main .box-main-one .box ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.price-main .box-main-one .box ul li
{
  background-image: url('../images/Path.png');
  background-repeat: no-repeat;
  background-size: 15px 13px;
  padding: 6px 10px 6px 30px;
  background-position: left center;
    font-family: "Heebo-Regular";
    color: #000;
  transition: all 0.5s;
}
.price-main .box-main-one .d-flex
{
  gap: 30px;
  flex-wrap: nowrap;
      justify-content: center;
}
.price-main .box-main-one .box:hover
{
  box-shadow: 0px 20px 20px 0px #093bf159;
  background: #1A2D72;
  width: 61%;
}
.price-main .box-main-one .box:hover .head-box h3
{
  color: #fff;
}
.price-main .box-main-one .box:hover .head-box h5
{
  opacity: 1;
  visibility: visible;
}
.price-main .box-main-one .box:hover ul li
{
  opacity: 0;
  visibility: hidden;
}
.price-main .box-main-one .box:hover .date-sec
{
  opacity: 1;
  visibility: visible;
}
.price-main .box-main-one .box:hover:before
{
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.price-main .box-main-two .box:nth-child(odd)
{
  background: #1A2D72;
}
.price-main .box-main-two .box
{
  border-radius: 6px;
  text-align: center;
  width: 30%;
  padding: 30px;
}
.price-main .box-main-two .box h4
{
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
    font-family: "Inter18pt-Medium";
    margin-bottom: 20px;
}
.price-main .box-main-two .box p
{
  color: #fff;
  font-size:16px;
    font-family: "Heebo-Regular";
    margin-bottom: 20px;
}
.price-main .box-main-two .box:nth-child(even)
{
  background:#EFEFEF
}
.price-main .box-main-two .box:nth-child(even) h4,
.price-main .box-main-two .box:nth-child(even) p
{
  color: #1A2D72;
}
.price-main .box-main-two .box p:last-child
{
  margin-bottom: 0;
}
.price-main .box-main-two .d-flex
{
  gap: 40px;
}
.private-safe-section.private-safe-section-two
{
  padding: 100px 0px 160px;
}
.book-section-main.sub-p-book-two
{
  padding: 140px 0;
}

.about-safe-two.gallery-safe-one .private-safe-img:after
{
  background-image: url("../images/image3.png");
  bottom: 0;
}
.about-safe-two.gallery-safe-one .private-safe-details li
{
  position: relative;
  padding-left: 25px;
}
.about-safe-two.gallery-safe-one .private-safe-details li:before
{
  background-image: url('../images/Polygon1.png');
  content: '';
  background-size: 100% 100%;
  position: absolute;
  width: 14px;
  height: 12px;
  top: 4px;
  left: 0;
}
.about-safe-two.gallery-safe-one .private-safe-details
{
  padding-left: 90px;
}


.export-page-choose 
{
  padding: 150px 0 100px;
}
.export-page-choose .when-you-card-icon-main
{
    width: 60px;
    height: 60px;
}
.export-page-choose .when-you-card-icon-main lord-icon
{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.export-page-choose .indoor-box
{
    height: 100%;
    display: grid;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
}
.export-page-choose .indoor-box h4
{
    color: #000;
    font-size: 16px;
    font-family: 'Gustavo-regular';
    margin-bottom: 8px;
}
.export-page-choose .indoor-box h3
{
    color: #000;
    font-size: 21px;
    font-family: 'Gustavo-medium';
}
.export-page-choose .when-you-card-main-onecrd:hover 
{
    transform: none;
    background-color: transparent;
    box-shadow: none;
}
.export-page-choose .when-you-card-main-onecrd:hover .indoor-box
{
    /*display: grid;
    transform: rotateZ(180deg);*/

    transform: none;
}
.export-page-choose .when-you-card-main-onecrd:hover .outdoor-box
{
    /*display: none;
    opacity: 0;
    visibility: hidden;*/

    transform: rotateX(180deg) rotateY(0);
}
.export-page-choose .when-you-card-main-onecrd .outdoor-box,
.export-page-choose .when-you-card-main-onecrd
{
    transition: all 0.8s;
}
.export-page-choose .when-youpera h2
{
    color: #fff;
    font-size: 55px;
    line-height: 55px;
    text-align: center;
    font-family: 'Gustavo-medium';
    text-transform: uppercase;
}
.export-page-choose .when-youpera h2 span
{
    font-family: 'Sora-regular';
}
.export-page-choose .when-you-card-main-onecrd
{
    position: relative;
    height: 280px;
    perspective: 1000px;
    transform-style: preserve-3d;
    --e-flip-box-view-framed-stacked-icon-color:#fff;
}

.export-page-choose .when-you-card-main-sec .main-box .outdoor-box-main
{
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: none;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .6s ease-in-out;
}
.export-page-choose .when-you-card-main-sec .main-box .indoor-box-main
{
    transition: all .6s ease-in-out;
    display: block;
    transform: rotateX(-180deg) rotateY(0);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.export-page-choose .when-you-card-main-sec .main-box
{
    position: relative;
    height: 280px;
    perspective: 1000px;
    transform-style: preserve-3d;
    --e-flip-box-view-framed-stacked-icon-color:#fff;
    width: 33.33%;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    padding: 10px;
}
.export-page-choose .when-you-card-main-sec .main-box:hover .outdoor-box-main
{
    transform: rotateX(180deg) rotateY(0);
}
.export-page-choose .when-you-card-main-sec .main-box:hover .indoor-box-main
{
    transform: none;
}
.export-page-choose .when-you-card-main-sec .main-box .outdoor-box-main .outdoor-box-sub,
.export-page-choose .when-you-card-main-sec .main-box .indoor-box-main .indoor-box-sub
{
    height: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    align-content: center;
} 
.export-page-choose .when-you-card-main-sec .main-box .outdoor-box-main h2
{
    text-transform: capitalize;
    margin-bottom: 8px;
    font-size: 1.5rem;
    line-height: 1.25;
    font-family: 'Gustavo-bold';
    color: white;
    transition: all 0.5s;
}
.export-page-choose .when-you-card-main-sec .main-box .indoor-box-main h4
{
    color: #000;
    font-size: 16px;
    font-family: 'Gustavo-regular';
    margin-bottom: 8px;
}
.export-page-choose .when-you-card-main-sec .main-box .indoor-box-main h3
{
    color: #000;
    font-size: 21px;
    font-family: 'Gustavo-medium';
}
.export-page-choose .when-you-card-main-sec .main-box .outdoor-box-main .outdoor-box-sub
{
    background-color: #000;
    border-radius: 10px;
    border:1px solid #ccc;
    padding: 20px;
    transform: translateZ(.1px);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
}

.export-page-choose .when-you-card-main-sec .main-box .indoor-box-main .indoor-box-sub
{
    background-color: #ccc;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 20px;
    transform: translateZ(.1px);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
}
.export-page-choose .when-you-card-main-sec .main-box .indoor-box-main,
.export-page-choose .when-you-card-main-sec .main-box .outdoor-box-main
{
    padding: 10px;
}


.export-page-choose .boxes-main 
{
    width: 100%;
    margin: auto;
}

.export-page-choose .box-container 
{
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.export-page-choose .box-item 
{
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 23%;
    margin: 15px 0;
}

.export-page-choose .flip-box 
{
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.export-page-choose .flip-box-front,
.export-page-choose .flip-box-back 
{
    padding: 25px;
    background-size: cover;
    background-position: center;
    min-height: 200px;
    -ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.export-page-choose .flip-box-front 
{
    background-color: #111;
    -ms-transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.export-page-choose .box-item:nth-child(even) .flip-box-front
{
  background-color: #EFEFEF;
}
.export-page-choose .box-item:nth-child(odd) .flip-box-front
{
  background-color: #1A2D72;
}
.export-page-choose .box-item:nth-child(odd) .flip-box-back img
{
    background: #EFEFEF;
    border-radius: 6px;
}

.export-page-choose .flip-box:hover .flip-box-front 
{
    -ms-transform: rotatex(180deg);
    -webkit-transform: rotatex(180deg);
    transform: rotatex(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.export-page-choose .flip-box-back 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    -ms-transform: rotatex(-180deg);
    -webkit-transform: rotatex(-180deg);
    transform: rotatex(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.export-page-choose .flip-box:hover .flip-box-back 
{
    -ms-transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.export-page-choose .flip-box .inner 
{
    position: absolute;
    left: 0;
    width: 100%;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%;
    padding: 25px;
    height: 100%;
}

.export-page-choose .flip-box .flip-box-back img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px;
} 
.export-page-choose .flip-box-header 
{
    font-size: 22px;
    color: white;
    font-weight: 600;
    margin-bottom: 25px;
}

.export-page-choose .flip-box p 
{
    font-size: 20px;
    line-height: 1.5em;
}

.export-page-choose .flip-box-img 
{
    width: 50px;
    height: 50px;
    margin-bottom: 21px;
    filter: brightness(0) saturate(100%) invert(88%) sepia(64%) saturate(2%) hue-rotate(145deg) brightness(108%) contrast(101%);
}

.export-page-choose .flip-box-button 
{
    background-color: #FDC502;
    border: 2px solid #FDC502;
    border-radius: 2px;
    color: black;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin-top: 25px;
    padding: 12px 20px;
    text-transform: uppercase;
}

.export-page-choose .flip-box-button:hover 
{
    background-color: transparent;
    border: 2px solid #FDC502;
    color: #FDC502;
}
.export-page-choose .flip-box-front img
{
    width: 45px;
    object-fit: contain;
    height: 45px;
}
.export-page-choose .flip-box .inner h4
{
    font-size: 20px;
    font-family: 'Gustavo-medium';
    color: #000;
    margin-bottom: 10px;
    padding: 0 15px;
}
.export-page-choose .flip-box .inner h3
{
    color: #000;
    font-size: 26px;
    font-family: 'Gustavo-medium';
    padding: 0 15px;
}
.export-page-choose .flip-box .inner h3.flip-box-header
{
    color: #fff;
    padding: 15px 15px;
    margin-bottom: 0;
}
.export-page-choose .flip-box .inner p
{
    color: #fff;
    font-size: 18px;
    text-align: left;
    font-family: "Inter18pt-Bold";
    margin-top: 20px;
}

.export-page-choose .head-box h2
{
  color: #000;
  font-size: 36px;
    font-family: "Inter18pt-Bold";
    text-align: center;
    margin-bottom: 50px;
}
.export-page-choose .box-item .flip-box-front .img-box
{
  padding: 11px 17px;
}
.export-page-choose .box-item:nth-child(odd) .img-box
{
  background: #fff;
  width: fit-content;
  border-radius: 6px;
}
.export-page-choose .box-item .flip-box-back .img-box
{
    width: 100%!important;
    height: 100%;
}
.export-page-choose .box-item:nth-child(even) .flip-box .inner p
{
    color: #1A2D72;
}
.export-page-choose .box-item:nth-child(even) .img-box
{
  background: #1A2D72;
  width: fit-content;
  border-radius: 6px;
}




.map-cls iframe
{
  width: 100%;
  height: 700px
}
.book-section-main.contac-book-cls
{
  padding:60px 0 140px
}
.form-contact
{
  padding: 120px 0;
}
.form-contact .box-one
{
  background: #1A2D72;
}
.form-contact .d-flex
{
  padding: 12px;
  box-shadow: 0px 0px 60px 30px #00000008;
  border-radius: 10px;
}
.form-contact .box-one
{
  background: #1A2D72;
  position: relative;
  padding: 40px;
  border-radius: 10px 10px 0 10px;
  overflow: hidden;
  height: 100%;
}
.form-contact .box-one h3
{
  color: #fff;
    font-family: 'Poppins';
  font-size: 28px;
  font-weight: 600;
}
.form-contact .box-one p
{
    font-family: 'Poppins';
    color: #C9C9C9;
    font-size: 18px;
    padding: 10px 0 50px;
}
.form-contact .sub-box a
{
    display: flex;
    align-items:start;
    gap: 25px;
    margin: 50px 0;
}
.form-contact .sub-box a img
{
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.form-contact .sub-box a span
{
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
}
.form-contact .icons
{
    display: flex;
    align-items: center;
    gap: 25px;
}
.form-contact .icons a
{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background: #1B1B1B;
    border-radius: 50%;
    margin-top: 80px;
    font-size: 15px;
}
.form-contact .icons a:hover
{
    background: #fff;
    color: #1B1B1B;
}
.form-contact .box-one:before
{
    content: '';
    background-color: #2F3E73;
    width: 250px;
    height: 250px;
    position: absolute;
    right: -17%;
    bottom: -15%;
    border-radius: 50%;
}
.form-contact .box-one:after
{
    content: '';
    background-color: #334483;
    width: 130px;
    height: 130px;
    position: absolute;
    right: 13%;
    bottom: 9%;
    border-radius: 50%;
}
.form-contact .box-two
{
    padding:40px 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}
.form-contact .box-two .inp-box
{
    width: 46%;
}
.form-contact .box-two .inp-box label
{
    font-size: 12px;
    font-family: 'Poppins';
    color: #000; 
    font-weight: 500;  
    width: 100%;
}
.form-contact .box-two .inp-box input,
.form-contact .box-two .inp-box textarea
{
    color: #8D8D8D;
    font-size: 14px;
    font-family: 'Poppins';
    width: 100%;
    border-radius: 0;
    border: 0;
    padding: 5px;
    border-bottom:1px solid #8D8D8D;
}
.form-contact .box-two .inp-box input:focus,
.form-contact .box-two .inp-box textarea:focus
{
    border-bottom: 1px solid #000;
}
.form-contact .box-two .inp-box textarea
{
    height: 33px;
    resize: none;
}
.form-contact .box-two .inp-box.big-box
{
    width: 100%;
}
.form-contact .box-two .inp-box.big-box label
{
    color: #8D8D8D;
}
.form-contact .box-two .subject-box .ink-swatch span
{
    display: inline-block;
    transition: all 0.2s ease;
    min-width: 40px;
}
.subject-wrapper {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-top: 20px;
  flex-wrap: wrap;
}

.subject-wrapper .head-text span,
.subject-wrapper .head-text
{
    width: 100%;
    font-size: 14px;
    font-family: 'Poppins';
    color: #000;
    font-weight: 600;
}
.subject-option {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
    font-family: 'Poppins';
  position: relative;
  margin-right: 6px;
}

.subject-option input[type="radio"] {
  display: none;
}

.checkmark {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #e0e0e0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  color: white;
  transition: 0.3s;
}

.subject-option input[type="radio"]:checked + .checkmark {
  background-color: black;
  color: white;
  font-size: 10px;
}

.subject-wrapper .text {
  font-size: 12px;
  color: #000;
}

.form-contact .box-two .s-btn
{
    width: 100%;
}
.form-contact .box-two .s-btn button
{
    margin-left: auto;
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 15px 50px;
    color: white;
    border-radius: 6px;
    border: 0;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    margin-top: 30px;
    text-transform: uppercase;
    display: block;
    width: fit-content;
}
.form-contact .box-two .s-btn button:hover
{
    background: linear-gradient(167deg,
    rgba(6, 163, 250, 1) 0%,
    rgba(26, 45, 114, 1) 100%
  );
}
.map-cls
{
    font-size: 0;
}
.book-section-main.contac-book-cls
{
    padding: 140px 0;
}


.space-cls-main.space-gaalery-main p,
.space-cls-main.space-gaalery-main li
{
    font-size: 18px;
    color: #5C5C5C;
  font-family: "Heebo-Regular";
  line-height: 22px;
  margin-bottom: 70px;
}
.space-cls-main.space-gaalery-main li
{
    margin-bottom: 0;
    font-weight: 600;
    padding: 5px 0 5px 36px;
    position: relative;
}
.space-cls-main.space-gaalery-main .box-two
{
    padding: 60px 70px 100px;
}
.space-cls-main.space-gaalery-main li:before
{
    content: '';
    background-color: #1A2D72;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 50%;
}
.space-cls-main.space-gaalery-main ul
{
    margin:-10px 0 0;
    padding: 0;
    list-style: none;
}
.book-section-main.gallery-book
{
    padding: 85px 0 130px;
}

.gallery img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
}
.grid-item {
    position: relative;
    height:305px;
    overflow: hidden;
    transition: transform 0.3s ease;
    grid-column: span 2;
}
.grid-item.large 
{
    grid-column: span 2;
    grid-row: span 2;
    height: 630px;
}
.grid-item img 
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-main
{
  padding: 100px 0 150px;
}
.gallery-main .head h4
{
    color: #1a2d72;
    font-size: 18px;
    line-height: 20px;
    font-family: "Inter18pt-Semibold";
    margin: 0 0px 20px;
    text-align: center;
}
.gallery-main .head h2
{
    font-family: "Inter18pt-Bold";
    font-size: 36px;
    line-height: 38px;
    text-align: center;
}
.gallery-main .head p
{
    font-size: 16px;
    line-height: 26px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
    width: 100%;
    max-width: 800px;
    margin: 22px auto 80px;
    text-align: center;
}
.gallery-main .a-btn
{
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.gallery-main .a-btn button
{
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 15px 40px;
    color: white;
    border-radius: 6px;
    border: 0;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    margin-top: 30px;
    text-transform: uppercase;
    display: block;
    width: fit-content;
    margin: auto;
}
.gallery-main .a-btn button:hover
{
  background: linear-gradient(
167deg,
    rgba(6, 163, 250, 1) 0%,
    rgba(26, 45, 114, 1) 100%
  );
}

.price-main.decoration-p-main .box-main-one .box:hover ul li
{
  opacity: 1;
  visibility:visible;
  color: #fff;
  background-image:url('../images/Path-w.png');
}
.price-main.decoration-p-main .box-main-one .box .btn-box button
{
  border-radius: 6px;
  text-transform: uppercase;
  background-image: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
  color: #fff;
  transition: all 0.5s;
  margin-top: 40px;
  padding: 18px 20px;
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "Inter18pt-Regular"
}
.price-main.decoration-p-main .box-main-one .box:hover .btn-box button
{
  color: #1A2D72;
  background: #fff;
  padding: 18px 50px
}
.price-main.decoration-p-main .box-main-one .box .btn-box button span
{
  transition: transform 0.5s ease-in-out
}
.price-main.decoration-p-main .box-main-one .d-flex
{
  flex-wrap: nowrap;
}
.price-main.decoration-p-main .container-1
{
  max-width: 1400px
}
.price-main.decoration-p-main .box-main-one .box
{
  width: 100%;
  padding: 45px 40px
}
.price-main.decoration-p-main .box-main-one .box:hover
{
  width: 180%
}
.price-main.decoration-p-main .head h2,
.partner-main .head h2
{
    font-size: 40px;
    line-height: 40px;
    font-family: "Inter18pt-Bold";
    margin-bottom: 20px;
    color: #000;
}
.price-main.decoration-p-main .head p,
.partner-main .head p
{
    font-size: 22px;
    line-height: 26px;
    font-family: "Inter18pt-Medium";
    margin-bottom: 60px;
    color: #000;
}
.price-main.decoration-p-main
{
  padding: 0
}
.gallery-main.decor-gallery
{
  padding: 100px 0 180px
}
.partner-main .container-1
{
  max-width: 1400px
}
.partner-main .partner-main-sdr .box
{
  text-align: center;
  border: 1px solid #C3C3C3;
  border-radius: 20px;
  height: auto;
  padding: 80px 40px;
  width: 50%;
  display: grid;
   align-content: space-between;
}
.partner-main .head h2
{
  font-size: 56px;
  line-height: 60px;
  margin-bottom:30px;
  display: grid;
  align-items: baseline;
  align-content: center;
}
.partner-main .partner-main-sdr .slick-track
{
  display: flex;
  gap:60px;
}
/* .partner-main .partner-main-sdr
{
  margin:0 -60px;
} */
.partner-main .partner-main-sdr p
{
    color: #000;
    font-size: 22px;
    line-height:34px;
    font-family: "Heebo-Bold"; 
    margin-top: 40px;
    margin-bottom: 20px;

}
.partner-main .partner-main-sdr img
{
  max-width: 330px;
  margin:auto;
  width: 100% 
}
.partner-main .partner-main-sdr p .red
{
  color: #ff0000
}
.partner-main .partner-main-sdr p .orange
{
  color: #f28652
}
.partner-main .partner-main-sdr p .black-b
{
    font-family: "Heebo-Light"; 
}
.partner-main .partner-main-sdr p .yellow
{
  color: #ef8328
}
.partner-main
{
  padding-bottom: 120px
}
.rules-main
{
  padding:100px 0 140px;
}
.rules-main h5
{
  color: #1A2D72;
  font-size: 18px;
    font-family: "Inter18pt-Bold";
}
.rules-main h2
{
  color: #000;
  font-size: 36px;
    font-family: "Inter18pt-Bold";
    margin:14px 0 50px 
}
.rules-main p
{
  position: relative;
  color: #000;
  font-size: 16px;
    font-family: "Heebo-Medium"; 
    padding:15px 0 15px 45px;
}
.rules-main p:before
{
  content: '';
  background-color: #1A2D72;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 16px;
  transform: rotate(45deg);
}
.rules-main p.no-blue-tik:before
{
  display: none;
}
.rules-main p.no-blue-tik
{
  padding: 10px 0 10px 45px
}
.faq-main-box .d-flex
{
  gap: 45px;
}
.faq-main-box .accr-main
{
  width: 64%;
}
.faq-main-box .que-main
{
  width: 31.9%;
  border-radius: 10px;
  border: 1px solid #CFCFCF;
  padding: 50px 30px 30px;
  text-align: center;
}
.faq-main-box .accordion-button
{
  border: 0!important;
  box-shadow: none!important;
  font-size: 20px;
  color: #000;
  font-family: 'Manrope';
  font-weight: bold;
  border-radius: 0!important;
  padding: 20px 24px;
}
.faq-main-box .accordion-button:not(.collapsed)
{
  background: transparent;
}
.faq-main-box .accordion-button:focus
{
  box-shadow: none!important;
  border: 0!important;
  outline: none!important;
}
.faq-main-box .accordion-item
{
  border: 1px solid #CFCFCF;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 14px;
}
.faq-main-box .accordion-item:last-child
{
  margin-bottom: 0;
}
.faq-main-box .accordion-body
{
  padding: 0 24px 24px;
}
.faq-main-box .accordion-body p
{
  font-size: 16px;
  color: #000;
  font-family: 'Manrope';
  line-height: 30px;
  font-weight: 500;
}
.faq-main-box .accordion-button:after
{
  content: '';
  font-weight: 100;
  background-image: url('../images/Group 330.png');
  color: #4b4b4b;
  height: 18px;
  width: 18px;
  background-size: contain;
}
.faq-main-box .accordion-button:not(.collapsed):after
{
  content:'\f068';
  background-image: none;
  transform: rotateX(45deg);
}
.faq-main-box .que-main h4
{
  font-weight: bold;
  font-size: 20px;
  color: #000;
  font-family: 'Manrope'; 
  padding: 32px 0px 20px;
}
.gallery-main.faq-main
{
  padding: 100px 0 80px;
}
.faq-main-box .que-main p
{
  font-weight: 500;
  font-size: 16px;
  color: #000;
  font-family: 'Manrope'; 
  line-height: 28px;
}
.faq-main-box .que-main a
{
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 15px 40px;
    color: white;
    border-radius: 6px;
    border: 0;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    margin: auto;
    margin-top: 110px;
    text-transform: uppercase;
    display: block;
    width: fit-content;
}
.faq-main-box .que-main a:hover
{
  background: linear-gradient(
167deg,
    rgba(6, 163, 250, 1) 0%,
    rgba(26, 45, 114, 1) 100%
  );
}


.gallery-slider-section h3{font-family: "Inter18pt-Bold";font-size: 36px;line-height: 38px;color:white;text-align: center;padding-bottom: 30px;}
.contact-inner .fluentform .ff-text-left {text-align: center;}
.contact-inner .ff-default .ff_btn_style{
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 12px 50px;
    color: white;
    border-radius: 6px;
    border: 0;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    margin-top: 30px;
  }

  /* event section  */
        .event-details-section {
            padding: 60px 0;
        }

        .event-content {
            background: #fff;
            border-radius: 16px;
            /* box-shadow: 0 4px 24px rgba(26, 35, 126, 0.08); */
            padding: 32px;
            margin-bottom: 30px;
            border: 1px solid #eef2ff;
        }

        .event-meta {
            margin: 30px 0;
            padding: 20px;
            background: #f5f7fa;
            border-radius: 12px;
        }

        .event-meta h4 {
            color: #1a237e;
            margin-bottom: 10px;
            font-size: 18px;
        }

        .event-meta h4 i {
            margin-right: 8px;
        }

        .event-meta p {
            margin-bottom: 8px;
            color: #424242;
        }

        .event-dates,
        .event-capacity {
            margin-bottom: 20px;
        }

        .book-event-btn {
            display: inline-block;
            color: #fff;
            border: none;
            border-radius: 8px;
            padding: 12px 32px;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            box-shadow: 0 4px 12px rgba(26, 35, 126, 0.15);
        }

        .book-event-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(26, 35, 126, 0.25);
        }

        .event-full-message {
            background: #ffebee;
            color: #c62828;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
            margin-top: 20px;
        }

        .event-full-message i {
            font-size: 32px;
            margin-bottom: 10px;
        }

        .event-full-message p {
            margin: 0;
            font-size: 18px;
            font-weight: 600;
        }

        .event-image {
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 24px rgba(26, 35, 126, 0.12);
        }

        .event-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        @media (max-width: 768px) {
            .event-details-section {
                padding: 30px 0;
            }

            .event-content {
                margin-bottom: 20px;
            }
        }

        /* Modal Styles from index.php */
        .calendar-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(26, 35, 126, 0.12);
            z-index: 1000;
            display: none;
        }

        .calendar-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1001;
            display: none;
        }

        .calendar-modal-content {
            background: #f5f7fa;
            border-radius: 18px;
            box-shadow: 0 8px 32px rgba(26, 35, 126, 0.18);
            padding: 36px 32px 28px 32px;
            min-width: 340px;
            max-width: 95vw;
            width: 100%;
            max-width: 400px;
            position: relative;
            animation: calendarModalIn 0.18s cubic-bezier(.4, 1.4, .6, 1) 1;
        }

        .calendar-modal-title {
            font-size: 22px;
            font-weight: 700;
            color: #1a237e;
            margin-bottom: 22px;
            text-align: center;
            letter-spacing: 1px;
        }

        .calendar-modal-close {
            position: absolute;
            top: 18px;
            right: 22px;
            font-size: 28px;
            color: #1a237e;
            font-weight: 700;
            cursor: pointer;
            transition: color 0.2s;
            z-index: 10;
        }

        .calendar-modal-close:hover {
            color: #c62828;
        }

        .calendar-booking-form {
            margin-top: 24px;
            background: #f5f7fa;
            padding: 24px 20px 20px 20px;
            border-radius: 12px;
            /* box-shadow: 0 2px 8px #1a237e11; */
            max-width: 350px;
        }

        .calendar-booking-form label {
            display: block;
            margin-bottom: 16px;
            position: relative;
            font-weight: 600;
            color: #1a237e;
        }

        .calendar-booking-form input[type="text"],
        .calendar-booking-form input[type="email"],
        .form-select {
            width: 100%;
            padding: 10px 12px;
            border: 1.5px solid #bdbdbd;
            border-radius: 6px;
            margin-top: 5px;
            font-size: 16px;
            background: #fff;
            color: #222;
            transition: all 0.3s ease;
        }

        .calendar-booking-form input[type="text"]:focus,
        .calendar-booking-form input[type="email"]:focus,
        .form-select:focus {
            border-color: #1a237e;
            outline: none;
            box-shadow: 0 0 0 2px rgba(26, 35, 126, 0.1);
        }

        .calendar-form-buttons {
            display: flex;
            gap: 12px;
            margin-top: 18px;
           
          
          }

        .calendar-book-btn {
            background: linear-gradient(90deg, #1a237e 0%, #2196f3 100%);
            color: #fff;
            border: none;
            border-radius: 8px;
            padding: 10px 28px;
            font-size: 17px;
            font-weight: 700;
            cursor: pointer;
            transition: background 0.2s, box-shadow 0.2s;
            box-shadow: 0 2px 8px #1a237e22;
            flex: 1;
        }

        .calendar-book-btn:hover {
            background: linear-gradient(90deg, #3949ab 0%, #42a5f5 100%);
            box-shadow: 0 4px 12px rgba(26, 35, 126, 0.25);
        }

        .calendar-cancel-btn {
            background: #fff;
            color: #1a237e;
            border: 1.5px solid #bdbdbd;
            border-radius: 8px;
            padding: 10px 28px;
            font-size: 17px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .calendar-cancel-btn:hover {
            background: #e0eaff;
            color: #0d133d;
            border: 1.5px solid #1a237e;
        }

        .calendar-success {
            background: #e8f5e9;
            color: #2e7d32;
            padding: 15px;
            border-radius: 8px;
            margin-top: 20px;
            font-weight: 600;
            font-size: 16px;
            text-align: center;
        }

        .calendar-error {
            background: #ffebee;
            color: #c62828;
            padding: 15px;
            border-radius: 8px;
            margin-top: 20px;
            font-weight: 600;
            font-size: 16px;
            text-align: center;
        }

        .form-error {
            color: #dc3545;
            font-size: 14px;
            margin-top: 4px;
            margin-bottom: 8px;
            animation: fadeIn 0.3s ease-in-out;
        }

        .calendar-booking-form input.error,
        .form-select.error {
            border-color: #dc3545;
            background-color: #fff8f8;
            animation: shake 0.5s ease-in-out;
        }

        @keyframes shake {

            0%,
            100% {
                transform: translateX(0);
            }

            25% {
                transform: translateX(-5px);
            }

            75% {
                transform: translateX(5px);
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes calendarModalIn {
            0% {
                transform: scale(0.92);
                opacity: 0;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .fullscreen-loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.95);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .loader-content {
            text-align: center;
        }

        .loader-spinner {
            width: 60px;
            height: 60px;
            position: relative;
            margin: 0 auto 20px;
        }

        .loader-spinner:before,
        .loader-spinner:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 4px solid transparent;
        }

        .loader-spinner:before {
            border-top-color: #1a237e;
            border-right-color: #1a237e;
            animation: spin 1s linear infinite;
        }

        .loader-spinner:after {
            border-top-color: #2196f3;
            border-right-color: #2196f3;
            animation: spin 0.75s linear infinite;
            opacity: 0.6;
        }

        .loader-text {
            color: #1a237e;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 1px;
            background: linear-gradient(90deg, #1a237e 0%, #2196f3 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @media (max-width: 500px) {
            .calendar-modal-content {
                min-width: 0;
                max-width: 98vw;
                padding: 18px 6vw 18px 6vw;
            }

            .calendar-booking-form {
                padding: 20px 15px;
            }

            .calendar-form-buttons {
                flex-direction: column;
            }

            .calendar-book-btn,
            .calendar-cancel-btn {
                width: 100%;
            }
        }

        .event-description {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 24px rgba(26, 35, 126, 0.08);
            padding: 32px;
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .event-description h1,
        .event-description h2,
        .event-description h3,
        .event-description h4,
        .event-description h5,
        .event-description h6 {
            color: #1a237e;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .event-description p {
            color: #424242;
            line-height: 1.8;
            margin-bottom: 20px;
            font-size: 16px;
        }

        .event-description ul,
        .event-description ol {
            margin-bottom: 20px;
            padding-left: 20px;
        }

        .event-description li {
            color: #424242;
            line-height: 1.8;
            margin-bottom: 10px;
        }

        .event-description img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            margin: 20px 0;
        }

        .event-description a {
            color: #2196f3;
            text-decoration: none;
            transition: color 0.2s;
        }

        .event-description a:hover {
            color: #1a237e;
            text-decoration: underline;
        }

        .event-description blockquote {
            border-left: 4px solid #1a237e;
            padding: 15px 20px;
            margin: 20px 0;
            background: #f5f7fa;
            border-radius: 0 8px 8px 0;
        }

        .event-description blockquote p {
            margin-bottom: 0;
            font-style: italic;
            color: #1a237e;
        }

        .event-description table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }

        .event-description table th,
        .event-description table td {
            padding: 12px;
            border: 1px solid #e0e0e0;
            text-align: left;
        }

        .event-description table th {
            background: #f5f7fa;
            color: #1a237e;
            font-weight: 600;
        }

        .event-description table tr:nth-child(even) {
            background: #fafafa;
        }

        .event-description code {
            background: #f5f7fa;
            padding: 2px 6px;
            border-radius: 4px;
            color: #1a237e;
            font-family: monospace;
        }

        .event-description pre {
            background: #f5f7fa;
            padding: 15px;
            border-radius: 8px;
            overflow-x: auto;
            margin: 20px 0;
        }

        @media (max-width: 768px) {
            .event-description {
                padding: 20px;
                margin-top: 20px;
                margin-bottom: 20px;
            }

            .event-description h1 {
                font-size: 24px;
            }

            .event-description h2 {
                font-size: 22px;
            }

            .event-description h3 {
                font-size: 20px;
            }

            .event-description p,
            .event-description li {
                font-size: 15px;
            }
        }

        /* Upcoming Events Section Styles */
        .upcoming-events-section {
            padding: 60px 0;
            background: #f5f7fa;
        }

        .section-title {
            text-align: center;
            color: #1a237e;
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 40px;
        }

        .upcoming-event-card {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 24px rgba(26, 35, 126, 0.08);
            margin-bottom: 30px;
            overflow: hidden;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .event-thumbnail {
            position: relative;
            padding-top: 60%;
            overflow: hidden;
        }

        .event-thumbnail img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .upcoming-event-card:hover .event-thumbnail img {
            transform: scale(1.05);
        }

        .event-info {
            padding: 24px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .event-info h3 {
            margin: 0 0 15px 0;
            font-size: 20px;
            line-height: 1.4;
        }

        .event-info h3 a {
            color: #1a237e;
            text-decoration: none;
            transition: color 0.2s;
        }

        .event-info h3 a:hover {
            color: #2196f3;
        }

        .event-date {
            color: #666;
            font-size: 15px;
            margin-bottom: 15px;
        }

        .event-date i {
            color: #1a237e;
            margin-right: 8px;
        }

        .event-excerpt {
            color: #424242;
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 20px;
            flex-grow: 1;
        }

        .view-event-btn {
            display: inline-block;
            color: #fff;
            text-decoration: none;
            padding: 10px 24px;
            border-radius: 8px;
            font-weight: 600;
            transition: transform 0.2s, box-shadow 0.2s;
            text-align: center;
        }

        .view-event-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(26, 35, 126, 0.2);
            color: #fff;
        }

        .no-events-message {
            text-align: center;
            padding: 40px;
            background: #fff;
            border-radius: 16px;
            color: #666;
            font-size: 18px;
            margin: 20px 0;
        }

        @media (max-width: 768px) {
            .upcoming-events-section {
                padding: 40px 0;
            }

            .section-title {
                font-size: 28px;
                margin-bottom: 30px;
            }

            .event-info {
                padding: 20px;
            }

            .event-info h3 {
                font-size: 18px;
            }
        }
 

.calendar-outer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
}
#event-calendar {
    min-width: 350px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(26,35,126,0.08);
    padding: 32px 32px 24px 32px;
}
#upcoming-events.upcoming-events-box {
    min-width: 300px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(26,35,126,0.08);
    padding: 24px;
    font-size: 16px;
    color: #222;
    flex: 1;
}
.upcoming-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #1a2d72;
    text-align: center;
        font-family: "Inter18pt-Bold";
}
.upcoming-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.upcoming-event-box {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    /* box-shadow: 0 2px 8px rgba(26,35,126,0.06);
    transition: transform 0.2s, box-shadow 0.2s; */
    border: 1px solid #eef2ff;
}
.upcoming-event-box:hover {
    transform: translateY(-2px);
    /* box-shadow: 0 4px 12px rgba(26,35,126,0.12); */
}
.upcoming-event-content {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s, box-shadow 0.2s;
}
.upcoming-event-content:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26,35,126,0.12);
    border-radius: 12px;
}
.upcoming-event-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 60px;
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    border-radius: 10px;
    color: white;
    padding: 8px;
}
.date-day {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    font-family: "Inter18pt-Bold";
}
.date-month {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 4px;
        font-family: "Inter18pt-Bold";
}
.upcoming-event-details {
    flex: 1;
}
.upcoming-name {
    font-size: 18px;
    font-weight: 600;
    color: #1a2d72;;
    margin: 0 0 6px 0;
    line-height: 1.3;
    font-family: "Inter18pt-Bold";
}
.upcoming-date {
  
    font-size: 14px;
    font-weight: 500;
   font-family: "Heebo-Regular";
    color: #8D8D8D;
}
.no-upcoming {
    color: #666;
    font-style: italic;
    text-align: center;
    padding: 24px;
    background: #f8faff;
    border-radius: 12px;
    font-size: 15px;
}
.calendar-table {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
}
.calendar-table th, .calendar-table td {
    width: 44px;
    height: 44px;
    text-align: center;
    border: none;
    position: relative;
    transition: all 0.2s ease;
    font-size: 16px;
    line-height: 26px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
    border-radius: 0;
}
.calendar-table th {
    color: #1a2d72;
    font-weight: 700;
    padding-bottom: 6px;
    letter-spacing: 1px;
    background: none;
    font-family: "Inter18pt-Bold";
}
.calendar-ordinary {
    color: #222;
    background: #fff;
    border-radius: 8px;
}
.calendar-event {
    border: 2px solid;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}
.calendar-event:hover {
    box-shadow: 0 2px 8px rgba(26,35,126,0.22);
}
.calendar-today {
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    color: #fff !important;
    border-radius: 8px;
    font-weight: 800;
    border: none !important;
    box-shadow: 0 2px 8px rgba(26,35,126,0.22);
}
.calendar-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    gap: 18px;
}
.calendar-month-label {
    font-size: 18px;
    font-weight: 700;
    color: #1a2d72;
    min-width: 140px;
    text-align: center;
    letter-spacing: 1px;
    font-family: "Inter18pt-Bold";
}
.calendar-nav-btn {
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 20px;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 8px #1a237e22;
}
.calendar-nav-btn:hover {
    background: linear-gradient(167deg, rgba(6, 163, 250, 1) 0%, rgba(26, 45, 114, 1) 100%);
}
.calendar-booking-form {
    margin-top: 5px;
    background: #f5f7fa;
    padding: 24px 5px 20px 5px;
    border-radius: 12px;
    /* box-shadow: 0 2px 8px #1a237e11; */
    max-width: 100%;
    
}
.calendar-booking-form label {
    display: block;
    margin-bottom: 14px;
    font-weight: 600;
    color: #1a2d72;
      font-family: "Inter18pt-Bold";
}
.calendar-booking-form input[type="text"],
.calendar-booking-form input[type="email"] {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid #bdbdbd;
    border-radius: 6px;
    margin-top: 5px;
    font-size: 16px;
    background: #fff;
    color: #222;
    transition: border 0.2s;
    font-weight: normal;
        font-family: "Inter18pt-regular";
}
.calendar-booking-form input[type="text"]:focus,
.calendar-booking-form input[type="email"]:focus {
    border: 1.5px solid #1a2d72;
    outline: none;
}
.calendar-form-buttons {
    display: flex;
    gap: 12px;
    margin-top: 28px;
    justify-content: center;
}
.calendar-book-btn {
    background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 28px;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 8px #1a237e22;
     font-family: "Inter18pt-Bold";
}
.calendar-book-btn:hover {
    background: linear-gradient(167deg, rgba(6, 163, 250, 1) 0%, rgba(26, 45, 114, 1) 100%);
}
.calendar-cancel-btn {
    background: #fff;
    color: #1a237e;
    border: 1.5px solid #bdbdbd;
    border-radius: 8px;
    padding: 10px 28px;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border 0.2s;
     font-family: "Inter18pt-Bold";
}
.calendar-cancel-btn:hover {
    background: #e0eaff;
    color: #0d133d;
    border: 1.5px solid #1a2d72;
}
.calendar-success {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 16px;
}
.calendar-error {
    background: #ffebee;
    color: #c62828;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 16px;
}
.calendar-modal-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
     background: rgb(0 0 0 / 55%);
    z-index: 9999999 ;
    display: none;
}
.calendar-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   z-index: 9999999 !important;
    display: none;
}
.calendar-modal-content {
    background: #f5f7fa;
    border-radius: 18px;
    box-shadow: 0 8px 32px rgba(26,35,126,0.18);
    padding:30px 25px 25px 25px;
    min-width: 420px;
    max-width: 95vw;
    width: 100%;
    max-width: 450px;
    position: relative;
    animation: calendarModalIn 0.18s cubic-bezier(.4,1.4,.6,1) 1;
}
.calendar-modal-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a2d72;
    margin-bottom: 22px;
    text-align: center;
    letter-spacing: 1px;
    font-family: "Inter18pt-Bold";
}
@media (max-width: 500px) {
    .calendar-modal-content {
        min-width: 380px;
        max-width: 98vw;
        padding: 18px 3vw 18px 3vw;
    }
    .calendar-modal-title {
    font-size: 20px;
        margin-bottom: 10px;
    }
    .calendar-book-btn,
    .calendar-cancel-btn
     {
  
    padding: 6px 20px;
    font-size: 15px;
    }
}
@keyframes calendarModalIn {
    0% { transform: scale(0.92); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
.calendar-modal-close {
    position: absolute;
    top: 3px;
    right: 18px;
    font-size: 28px;
    color: #1a2d72;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.2s;
    z-index: 10;
}
.calendar-modal-close:hover {
    color: #c62828;
}
@media (max-width: 768px) {
    .calendar-outer {
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
    }
    
    #upcoming-events.upcoming-events-box {
        min-width: 0;
    }
    .upcoming-list {
        grid-template-columns: 1fr;
    }
}

/* Updated form validation styles */
.calendar-booking-form input.error {
    border-color: #dc3545;
    background-color: #fff8f8;
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

.form-error {
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 8px;
    animation: fadeIn 0.3s ease-in-out;
    position:absolute;
    bottom: -28px;
    font-weight: normal;
       font-family: "Inter18pt-Regular";
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.calendar-booking-form label {
    display: block;
    margin-bottom: 15px;
    position: relative;
      font-family: "Inter18pt-Regular";
   
}

.calendar-booking-form input {
    transition: all 0.3s ease;
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid #bdbdbd;
    border-radius: 6px;
    font-size: 16px;
     font-family: "Inter18pt-Bold";
}

.calendar-booking-form input:focus {
    border-color: #1a237e;
    outline: none;
    box-shadow: 0 0 0 2px rgba(26,35,126,0.1);
}

/* Time slot select styles */
.form-select {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid #bdbdbd;
    border-radius: 6px;
    font-size: 16px;
    background-color: #fff;
    transition: all 0.3s ease;
  font-family: "Inter18pt-Regular";
}
.form-select:focus {
    border-color: #1a237e;
    outline: none;
    box-shadow: 0 0 0 2px rgba(26,35,126,0.1);
}

.form-select.error {
    border-color: #dc3545;
    background-color: #fff8f8;
}

.no-slots-message {
    padding: 12px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #6c757d;
    text-align: center;
    margin-bottom: 16px;
     font-family: "Inter18pt-Bold";
}

/* Fullscreen Loader Styles */
.fullscreen-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader-content {
    text-align: center;
}

.loader-spinner {
    width: 60px;
    height: 60px;
    position: relative;
    margin: 0 auto 20px;
}

.loader-spinner:before,
.loader-spinner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid transparent;
}

.loader-spinner:before {
    border-top-color: #1a237e;
    border-right-color: #1a237e;
    animation: spin 1s linear infinite;
}

.loader-spinner:after {
    border-top-color: #2196f3;
    border-right-color: #2196f3;
    animation: spin 0.75s linear infinite;
    opacity: 0.6;
}

.loader-text {
    color: #1a237e;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    background: linear-gradient(90deg, #1a237e 0%, #2196f3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Add styles for full events */
.calendar-event-full {
    opacity: 0.85;
    cursor: not-allowed !important;
    position: relative;
    background: #ffebee !important;
    border-color: #dc3545 !important;
    color: #dc3545 !important;
    font-weight: bold;
}

.calendar-event-full::after {
    content: 'FULL';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: #dc3545;
    color: white;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 700;
    pointer-events: none;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.2);
    line-height: 1;
}

.calendar-event-full:hover {
    background: #ffebee !important;
    box-shadow: none !important;
}

.calendar-event-full-message {
    text-align: center;
    padding: 30px 20px;
    background: #ffebee;
    border-radius: 12px;
    margin: 20px 0;
    border: 2px solid #dc3545;
}

.calendar-event-full-message .full-icon {
    font-size: 48px;
    color: #dc3545;
    margin-bottom: 15px;
}

.calendar-event-full-message h3 {
    color: #dc3545;
    font-size: 24px;
    margin: 0 0 10px 0;
}

.calendar-event-full-message p {
    color: #666;
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
}

.registration-status {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 15px;
    text-align: center;
}

.registration-count {
    color: #1a237e;
    font-weight: 600;
    font-size: 15px;
}

/* Add styles for the load more button */
.load-more-container {
    text-align: center;
    margin-top: 30px;
}

.load-more-btn {
    background: linear-gradient(90deg, #1a237e 0%, #2196f3 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(26,35,126,0.22);
    font-family: "Inter18pt-Bold";
}

.load-more-btn:hover {
    background: linear-gradient(167deg, rgba(6, 163, 250, 1) 0%, rgba(26, 45, 114, 1) 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26,35,126,0.32);
}

.load-more-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* 30-05-25 A  */
.calendar-nav-btn i
{
  font-size: 15px;
}

/* contact page  */

.form-contact .ff-default .ff-el-input--label label
{
  font-size: 16px;
     font-family: 'Poppins';
     font-weight: 500;
     color: #000;

}

.form-contact .ff-default .ff-el-form-control
{
  border: 0px;
  border-bottom: 2px solid #8D8D8D;
  border-radius: 0px;
}

.form-contact .ff-default .ff-el-form-control:focus
{
  border-bottom: 2px solid #8D8D8D;
}
.form-contact .box-two .ff-el-form-check-label span
{
   font-size: 12px;
   font-family: 'Poppins';
  color: #000;
  font-weight: normal;
}

.form-contact .box-two .ff-default textarea
{
  min-height: 50px;
  padding: 11px 0px;
  resize: none;
}



.g-recaptcha {
  transform: scale(1);
  transform-origin: 0 0;
}

.form-contact .box-two .fluentform .ff-btn-submit {
    text-align: right;
    margin-top: 40px;
        color: white;
    text-transform: uppercase;
    font-family: Inter18pt-Regular;
    letter-spacing: 1px;
    background: linear-gradient(61deg, rgb(26, 45, 114) 0%, rgb(6, 163, 250) 100%);
    padding: 12px 35px;
    border-radius: 6px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    transition: 0.5s ease-in-out;
    font-size: 14px;
}
.form-contact .box-two .fluentform .ff-btn-submit:hover
{
background: linear-gradient(167deg, rgba(6, 163, 250, 1) 0%, rgba(26, 45, 114, 1) 100%);
}
.form-contact .box-two .fluentform  .ff-text-left {
    text-align: right;
}


/* .form-contact .box-two  .ff-el-input--content {
    display: flex;

} */

/* 02-06-25 A  */

.box .text
{
  position: relative;
}

.main-top-header {
    position: sticky;
    top: 0;
    width: 100%;
    background: white;
    z-index: 9999999;
}

*{
  scrollbar-width: auto;
  scrollbar-color: #1a2d72, #ffffff;
}

/* footer form  */
.footer-box .box-three #fluentform_5 fieldset
{
  display: flex;
}

.footer-box .box-three #fluentform_5  .ff-el-input--content input
{
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.footer-box .box-three #fluentform_5 .ff-btn-submit
{
    border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 11px 20px;
    background: linear-gradient(61deg, rgb(26, 45, 114) 0%, rgb(6, 163, 250) 100%);
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.8px;
}
.footer-box .box-three #fluentform_5 .ff-btn-submit:hover
{
background: linear-gradient(167deg, rgba(6, 163, 250, 1) 0%, rgba(26, 45, 114, 1) 100%);
}

/* event-detail page  */
.event-details-section ,
.upcoming-events-section
{
  overflow: hidden;
}

.event-details-section .event-meta h4 {
  
   color: #1a2d72;
    font-size: 18px;
    line-height: 20px;
    font-family: "Inter18pt-Semibold";
    margin: 15px 0px 10px;
}
.event-details-section .event-meta p {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 26px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
}

.event-details-section .book-event-btn{
background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 12px 35px;
    color: white;
    border-radius: 6px;
    border: 0;
    text-transform: uppercase;
    font-family: "Inter18pt-Regular";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    font-size: 15px;
}


.event-details-section .event-description p {
    font-size: 16px;
    line-height: 26px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
    margin-bottom: 20px;
    position: relative;
   
}

.event-details-section .event-description p:before {
    content: '';
    background-color: #1A2D72;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -23px;
    top: 8px;
    transform: rotate(45deg);
}
.upcoming-events-section .section-title
{
   color: #1a2d72;
    font-size: 18px;
    line-height: 20px;
    font-family: "Inter18pt-Semibold";
    margin: 15px 0px 30px;
}

.upcoming-events-section .event-info h3 {
    margin: 0 0 5px 0;
}
.upcoming-events-section  .event-info h3 a {
    color: #1a2d72;
    font-size: 20px;
    line-height: 20px;
    font-family: "Inter18pt-Semibold";
    margin: 15px 0px 30px;
    text-decoration: none;
}

.upcoming-events-section .event-date {
     font-size: 17px;
    line-height: 26px;
    font-family: "Heebo-Regular";
    color: #8D8D8D;
    margin-bottom: 20px;
}

.upcoming-events-section  .view-event-btn
{
background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 12px 35px;
    color: white;
    border-radius: 6px;
    border: 0;
    text-transform: uppercase;
    font-family: "Inter18pt-Regular";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    font-size: 14px;

}

.event-details-section .event-dates,
 .event-details-section .event-capacity {
    margin-bottom: 27px;
}

.event-details-section .event-image img {
    width: 100%;
    height: 390px;
    display: block;
    object-fit: cover;
}

.upcoming-events-section {
    padding: 60px 0;
    background: #f3f1f5 !important;
}

.event-details-section  .event-meta {
  
    background: #f3f1f5;
    
}

 input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }


    /* custom radio design  */

.select_subject_main_radio_button_class   .ff-el-form-check-input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Style the label span as custom circle */
.select_subject_main_radio_button_class  .ff-el-form-check-label {
  position: relative;
  padding-left: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

/* Custom unselected circle */
.select_subject_main_radio_button_class .ff-el-form-check-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #6D6D6D;
    border-radius: 50%;
    background: #fff;
}
/* Tick inside selected radio */
.select_subject_main_radio_button_class .ff-el-form-check-input[type="radio"]:checked + span::after {
    content: "\f00c";
    position: absolute;
    left: 1px;
    top: 3px;
    font-size: 9px;
    color: #fff !important;
    width: 14px;
    height: 14px;
    background-color: #007BFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: 'FontAwesome';
}

@media (prefers-color-scheme: dark) {
  .select_subject_main_radio_button_class .ff-el-form-check-input[type="radio"]:checked + span::after {
    color: #ffffff !important;
  }
}

/* 10-06-25 A  */
.img-part {
    padding-bottom: 15px;
}

/* 12-06-25 A  */

.partner-main-sdr .box a 
{
  background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
    padding: 9px 14px;
    color: white;
    border-radius: 6px;
    border: 0;
    text-transform: uppercase;
    font-family: "Inter18pt-Semibold";
    transition: all ease-in-out 0.5s;
    letter-spacing: 1px;
    font-size: 15px;
    margin: 20px auto 0px;
}
/* tabpanel gallary */

.tab-panel-section {
    max-width: 1400px;
    margin: auto;
}
.tab-panel-section .nav
{
  justify-content: center;
  border-bottom: 1px solid  #1a2d72;
  
}
.grid-container {
  
    padding: 20px 0px;
}


.tab-panel-section .nav .nav-link {
    color: #1a2d72;
    font-size: 15px;
    line-height: 20px;
    font-family: "Inter18pt-Semibold";
    text-align: center;
    padding: 10px 30px;
     background: white;
     text-transform: uppercase;
    border: 1px solid #1a2d72;
    transition: all ease-in-out 0.5s; 
    border-radius: 0px;
    letter-spacing: 0.5px;
    
}
.tab-panel-section  .nav-tabs .nav-link.active {
  
   color: #ffffff;
   background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);
   border-bottom: transparent;
  
  

}
.tab-panel-section .nav .nav-link:hover
{
  color: #fff;
  background: linear-gradient(61deg, rgb(26 45 114) 0%, rgba(6, 163, 250, 1) 100%);


} 

.video-section {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px 15px;
}

.price-main.decoration-p-main .box-main-one .box .btn-box button span
{
  margin-left: -35%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}



   
/* Event List Modal Styles */
.event-list-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}

.upcoming-event-box {
    cursor: pointer;
}

.event-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.event-list-item {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
    font-size: 16px;
}

.event-list-item:hover {
    background-color: #f0f0f0;
    border-color: #ccc;
}

.event-list-item.event-full {
    background-color: #eee;
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.time-slot-fields {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    position: relative;

}

.time-slot-fields select {
    flex: 1;
}

.form-date-display {
    background-color: #f8f9fa;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    border-left: 4px solid #1a2d72;
}

/* New Calendar Styles */
#event-calendar {
    width : 100% ;
    font-family: 'Heebo', sans-serif;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}
.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #f8f9fa;
}
.calendar-month-label {
    font-size: 1.25rem;
    font-weight: 500;
    color: #333;
}
.calendar-nav-btn {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: #555;
}
.calendar-table {
    width: 100%;
    border-collapse: collapse;
}
.calendar-table th {
    padding: 12px 5px;
    text-align: center;
    font-weight: 500;
    color: #666;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.9rem;
}
.calendar-table td {
    width: 14.28%;
    height: 120px; /* Adjust height as needed */
    border: 1px solid #e0e0e0;
    vertical-align: top;
    padding: 7px;
    transition: background-color 0.2s;
}
.calendar-table td:not(:last-child) {
    border-right-width: 1px;
}
.calendar-table tr:not(:last-child) td {
    border-bottom-width: 1px;
}

.day-number {
    font-size: 0.85rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
    text-align: right;
    padding-right: 5px;
}
.calendar-today .day-number {
    color: #007bff;
    background-color: #ffffff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 0 !important;
}

.calendar-event {
    cursor: pointer;
}
.calendar-event:hover {
    background-color: #f5f5f5;
}

.calendar-ordinary {
    color: #222;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
}

.calendar-ordinary:hover {
    background-color: #f5f5f5;
}

.event-entry {
    background-color: transparent; /* A nice blue color */
    color: black;
    padding: 5px;
    border-radius: 4px;
    font-size: 0.8rem;
    margin-bottom: 3px;
    overflow: hidden;
   white-space: pre-wrap;
    text-overflow: ellipsis;
    line-height: 19px;
    font-weight: normal;
        border-bottom: 1px solid black;
    border-radius: 0px;

}
.event-entry:last-child
{
  border-bottom: none;
}

.calendar-outer {
    width: 100%;
    margin: 40px auto;
}

/* Add these styles to your existing CSS */
.calendar-fully-booked {
    background-color: #f8d7da !important;
    cursor: pointer;
}

.fully-booked-indicator {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 0.8em;
    margin: 2px;
    text-align: center;
}

.calendar-error {
    background-color: #f8d7da;
    color: #721c24;
    padding: 15px;
    border-radius: 5px;
    margin: 10px 0;
    text-align: center;
}

.calendar-error p {
    margin: 5px 0;
        font-size: 16px;
    line-height: 26px;
    font-family: "Heebo-Regular";
}

.calendar-error button {
    margin-top: 10px;
}
/*
.calendar-event .entry-main{
  position: absolute;
  bottom: 107%;
  left: 0;
  right: 0;
  margin: auto;
  width: 210px;
  transform: translateX(-55px);
}
.calendar-event:before{
  content: '';
  width: 12px;
  height: 12px;
  background: #1E90FF;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -14px;
  transform: rotate(45deg);
}*/

/* 09-07-25 A  */
label.time-slot-select {
    margin-bottom: -5px;
}