@charset "UTF-8";
/*  Base CSS Start */
:root{
  font-size:14px;
  --main-site-color:#D12931;
  --primary-color:#FBBB3B;
  --black-color:#000000;
  --white-color:#ffffff;
  --light-gray-color:#F5F5F5;
  --dark-gray-color:#333333;
  --light-black:#242424;
  --msc-rgba:#DD1C21B2;
  --heading-font: "Montserrat", sans-serif;
  --body-font: "Montserrat", sans-serif;
  --opensans: "Open Sans", sans-serif;
  --playpensans: "Playpen Sans", cursive;
  --saffron: #E8651A;
  --saffron-light: #F5934A;
  --cream: #FAF6EF;
  --warm: #F0E8D8;
  --text: #2C1F0E;
  --muted: #8A7560;
}
*{margin:0;padding:0;box-sizing: border-box;}
html{font-smoothing: antialiased;-webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;  -moz-osx-font-smoothing: grayscale;scroll-behavior: smooth;}
body::-webkit-scrollbar {width:10px;background:rgba(255,255,255,0);}
body::-webkit-scrollbar-track {background-color:rgba(255,255,255,0);}
body::-webkit-scrollbar-thumb {background:var(--main-site-color);width:2px;border-radius:2px;}

/* Body and Heading Fonts */
body{color:var(--black-color);background:var(--white-color);font-style:normal;font-weight: 400; font-size:1rem;overflow-x:hidden;font-family: var(--body-font);}
h1,h2,h3,h4,h5,h6,button,.btn,li,a{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--secondary-color);line-height:1.2;padding:0;margin:0;font-family: var(--heading-font);}
p{color:var(--accent-color);font-size:1rem;line-height:26px;font-weight:400;font-family: var(--body-font);}
a{text-decoration:none;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a:hover, a:focus,a:active{outline:none;text-decoration:none;}
ul, li{list-style:none;padding:0; margin:0;}
.clearfix:after{content: " ";display: block;clear: both;height: 0;visibility: hidden;}
.img-res{max-width: 100%;height: auto;}
.mobilemenu{display: non;}
.headerwrap{position: relative;z-index: 999;}
.navbar-brand{margin-right: 0;margin-left:15px;}
.svg-logo{width:200px;}
.menu-navbar{background-color: var(--white-color);min-height:100px;padding:0;}

.top-btn{order:6;margin-left:15px;}
.top-btn .buynowbtn{background-color: var(--main-site-color);border-radius: 8px;border:2px solid transparent;padding:5px 15px;color: var(--white-color);text-transform: uppercase;display: inline-flex;align-items: center; font-size: 0.85rem;font-weight: 500;}
.top-btn .buynowbtn:hover{border-color:var(--main-site-color);background-color: transparent;color: var(--main-site-color);}


.menu-navbar .mainnav .navbar-nav .nav-item{padding:15px 20px 5px;position: relative;}
.menu-navbar .mainnav .navbar-nav .nav-item .nav-link{color:var(--black-color);font-family:var(--heading-font);font-size:0.74rem;padding:0 0 10px;font-weight:500;text-transform: uppercase;position: relative;}
.menu-navbar .mainnav .navbar-nav .nav-item .nav-link:after{content:'';width: 100%;height: 2px;background-color:var(--main-site-color);position: absolute;left:0;bottom:0;visibility:hidden;opacity:0;transform: translateY(5px);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.menu-navbar .mainnav .navbar-nav .nav-item .nav-link:hover{color: var(--main-site-color);}
.menu-navbar .mainnav .navbar-nav .nav-item .nav-link:hover:after{visibility: visible;opacity: 1;transform: translateY(-5px);}
.dropdown-menu{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border: 0;border-radius: 8px;}
.dropdown:hover > .dropdown-menu{display: block;}
.dropdown-menu .dropdown-item{color:var(--black-color);font-family:var(--heading-font);font-size:0.74rem;font-weight:500;text-transform: uppercase;}
.dropdown-menu .dropdown-item:hover{background-color: var(--main-site-color);color: var(--white-color);}
.dropdown-toggle{position: absolute;width: 15px;right:0;top:14px;display: inline-flex;align-items: center;justify-content: center;height: 20px;}

.hamburger{line-height:45px; width:45px;height:45px;padding: 0;font-size: 1.4rem;margin-right:0px;display:none;align-items: center;justify-content: center;background-color:transparent;border: 0;z-index: 1001;position: relative;}
.hamburger:hover,
.hamburger:focus{outline: none;box-shadow: none;}
.hamburger-box {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;   position: relative;}
.hamburger-inner { display: block;top: 50%;margin-top:0px;}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {width: 24px;height: 3px;background-color:var(--main-site-color);border-radius: 4px; position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.scrolled .hamburger-inner,
.scrolled .hamburger-inner::before,
.scrolled .hamburger-inner::after {background-color:var(--white-color);}
.hamburger-inner::before,
.hamburger-inner::after {content: "";display: block;}
.hamburger-inner::before {top: -8px;}
.hamburger-inner::after {bottom: -8px;}
.hamburger.is-active .hamburger-inner {transition-duration: 0.31s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);background-color:var(--white-color);}
.hamburger.is-active .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}
.hamburger.is-active .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger.is-active .hamburger-inner {transform: rotate(225deg);transition-delay: 0.12s;    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;}
.hamburger.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);background-color:var(--white-color);}

.btn{display: inline-flex;min-width:150px;height:45px;border-radius:8px;background-color:var(--main-site-color);justify-content:center;align-items: center;position:relative;padding:0 20px;font-size:1rem;color: var(--white-color);text-transform: uppercase;font-family: var(--heading-font);border:1px solid transparent;margin-top:30px;}
.btn:hover{background-color:transparent;border-color:var(--main-site-color);color:var(--main-site-color);}

.section{padding:30px 0;position: relative;background-color:var(--light-gray-color);}
.section h2{font-size: 40px;font-weight:700;color:var(--main-site-color);text-transform: uppercase;text-align: center;margin-bottom: 20px;}
/*.section h2 strong{font-weight: 500;}
.section h2 strong span{color:var(--primary-color);}*/


.banner-sec{padding:0;height: 680px;overflow: hidden;}
.banner-sec figure{margin:0;padding:0;position: relative;}
.banner-sec figure img{width: 100%;height: 100%;object-fit:cover;}
.fig-caps{width: 100%;height: 100%;position:absolute;left:0;top:0;background:var(--msc-rgba);display: flex;justify-content: center;align-items: center;}
.fig-caps .container{text-align: center;}
.fig-caps small{font-size:1.429rem; color: var(--white-color);font-family: var(--playpensans);font-weight:700;}
.fig-caps h1{font-size:4.643rem;text-transform: uppercase;color: var(--primary-color);}
.fig-caps p{font-size: 1.67rem;font-family: var(--playpensans);color: var(--white-color);margin-bottom:0;}
.fig-caps h2{font-size:4.07rem;font-weight: 700;color: var(--white-color);letter-spacing:2px;text-transform: uppercase;margin-bottom:10px;}
.fig-caps p.subtitle{font-size: 2.143rem;font-family: var(--heading-font);font-weight: 700;color: var(--white-color);text-transform: uppercase;}

/*.section small{display: inline-flex;background-color: var(--primary-color);color: var(--white-color);font-size: 14px;font-weight: 400;line-height: 1;border-radius:15px;text-transform: uppercase;padding:2px 8px;font-family: var(--heading-font);}*/
.event-card{display: flex;flex-direction:row;padding:0;border:0;border-radius:15px;box-shadow: 0px 0px 25px 0px #00000029;}
.event-card .inner-card{padding:0;margin:0;}
.event-card .card-img{width:100%;height:300px;overflow: hidden;}
.event-card .card-img img{width: 100%;height: 100%;object-fit: cover;}
.event-card .content{background-color:#fff;;}


.s-cardsec{padding-top: 0;background: linear-gradient(270deg, #FFFFFF 0%, rgba(251, 187, 59, 0.6) 100%);position: inherit;}
.s-card-main{margin-top:-10%;}
.service-card{box-shadow: 0px 0px 25px 0px #00000029;border-radius:8px;border:0;position: relative;overflow: hidden;margin-bottom: 30px;}
.service-card .card-img{width:100%;height:400px;overflow:hidden;border-radius:8px;margin-bottom: 0;}
.service-card .card-img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.card-caps{position: absolute;width: 100%;height: 100%;display:flex;justify-content:flex-end;align-items:center;left:0;top:0;flex-direction:column;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.42%, rgba(0, 0, 0, 0.7) 100%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;transform: translateY(0px);padding: 20px;}
.card-caps h2{color: var(--white-color);text-transform: uppercase;font-size: 2.571rem;padding-bottom:0px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;transform: translateY(80px);margin-bottom:0;}
.card-content{text-align: center;visibility: hidden;opacity: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;transform: translateY(100px);}
.card-content p{display: block;color:var(--white-color);font-weight: 500;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.card-content a{background-color: var(--main-site-color);border-radius: 8px;border:2px solid transparent;padding:5px 15px;color: var(--white-color);text-transform: uppercase;}
.card-content a:hover{border-color:var(--white-color);background-color: transparent;color: var(--white-color);}
.service-card:hover .card-caps{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15.38%, rgba(0, 0, 0, 0.7) 79.81%);}
.service-card:hover .card-caps h2{transform: translateY(-20px);}
.service-card:hover .card-content{transform: translateY(0px);visibility: visible;opacity: 1;}

.aboutsec{margin-top:60px;justify-content: center;text-align: center;}
.aboutsec small{font-size:1.571rem;font-weight:600;margin-bottom:40px;}
.aboutsec h3{font-size:2.571rem;font-weight:700;color: var(--main-site-color);margin-bottom:40px;}
.aboutsec p{font-size:1.571rem;font-weight:400;}




.main-photo{padding:0;position: relative;overflow: hidden;height:650px;}
.main-photo:after{content:'';width: 100%;height: 100%;background-color: var(--msc-rgba);position: absolute;left:0;top:0;z-index:8;opacity: 0.2;}
.main-photo img{width: 100%;height: 100%;object-fit: cover;z-index:0;}







.selective-event-sec{background-color: var(--light-gray-color);padding-bottom: 0;}
.event-sec{background-color: var(--light-gray-color);padding-bottom: 200px;}
.eventsliders .e-slider .card-img{display: block;position: relative;}
.eventsliders .e-slider .card-img:after{content:'';width:100%;height: 100%;position:absolute;left:0;top:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15.38%, rgba(0, 0, 0, 0.7) 79.81%);}
.eventsliders .e-slider .card-img .book-btn{position: absolute;left:0;right:0;bottom:20px;margin:auto;max-width:150px;height:35px;display: inline-flex;min-width: inherit;font-size:1rem;font-weight: 500;z-index: 9;}
.eventsliders .e-slider .card-img .book-btn:hover{border-color: var(--white-color);color: var(--white-color);}
/*Common image with capsion slider*/
.eventsliders .e-slider{padding:0 20px;margin-bottom:30px;}
.slick-slide .card{border:0;box-shadow: 0px 4px 20.1px 0px #00000066;border-radius:30px;overflow: hidden;}
.slick-slide .card .card-img{margin:0;position: relative;padding:0;border-radius:0px;overflow: hidden;height:250px;}
.slick-slide .card .card-img img{width:100%;height:100%;object-fit: cover;}
.slick-slide .card .card-body{}
.slick-slide .card .card-body h4{font-size:1.429rem;text-transform: uppercase;text-align: left;margin-bottom:10px;padding-bottom: 5px;border-bottom:2px solid var(--primary-color);}
.slick-slide .card .card-body p{font-size:1rem;text-align:left;}
.slick-slide .card .card-body p.subtitle{margin-bottom: 0;}


.footer{background-color: transparent;}
.footerwrap{background-color: var(--main-site-color);padding: 60px 0;position: relative;margin-top:0px;padding-bottom:20px;}
.top-footer{width: 100%;height:80px;position: relative;display:flex;background-color: var(--light-gray-color);}
.top-footer img{width: 100%;height:100%;object-fit:cover;object-position: center;}
.btm-ft{padding-top:20px;text-align: center;margin-top: 30px;border-top:2px solid #FFFFFF4D;}
.btm-ft p{color:var(--white-color);font-size: 13px;margin:0;padding:0;text-align: center;}

.ft-brand{display:block;}
.ft-brand .svg-logo{width: 270px;}
.ft-content .app-icons{justify-content: flex-start;padding:40px 0;}
.footer h4{font-size: 25px;color: var(--white-color);font-weight: 500;margin-bottom:20px;text-transform: uppercase;}
.footer .ft-menu{padding:0;margin:0; column-count: 2;column-gap:20px;}
.footer .ft-menu li{padding-left:0px;position: relative;}
/*.footer .ft-menu li:before{content:'';position: absolute;height:0;width:0;background-color:transparent;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid var(--white-color);left:8px;top:8px;}*/
.footer .ft-menu li a{font-size: 16px;color: var(--white-color);font-weight: 300;line-height:32px;}
.footer .sub-input .form-control{height:45px;}
.footer .sub-input .btn{height: 45px;padding:0;margin:0;background-color: var(--primary-color);color: var(--black-color);font-weight:700;}
.ft-content p{font-size:24px;color: var(--white-color);margin:15px 0;}
.ft-content p.email{font-size: 15px;}
.ft-content p.email a{color:var(--white-color);font-weight: 500;}
.ft-content .socialicons{display:flex;}
.ft-content .socialicons li{margin:0 10px 0 0;}
.ft-content .socialicons li a img{height:20px;}


.team-member h4 {
    transition: color 0.3s ease;
}

.team-member:hover h4 {
    color: #dc3545; /* Bootstrap red */
}

.departments .nav-link.active {
    color: var(--light-black);
    border-color: var(--main-site-color);
    background-color: var(--primary-color);
}
.departments ul.nav-tabs li a {

    padding: 8px 15px;

}
 

.tab-content .tab-pane.active h3{
   color: #dc3545;
}

.about h3{
  color: #dc3545;
}
.project-toggle-area:hover h3{
  color: #dc3545;
}

.event-card.card:hover h3 {
   color: #dc3545;
}
.login-header h1{
   color: #dc3545;
}

.event-card {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0px 0px 25px 0px #00000029 !important;
    overflow: hidden;
}

.event-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Image zoom */
.event-card .card-img img {
    transition: transform 0.5s ease;
}

.event-card:hover .card-img img {
    transform: scale(1.08);
}

.login-wrapper {
  width: 100%;
  background-color:var(--light-gray-color);
}

.login-container {
  background: #ffffff;
  border-radius: 12px;
  padding:20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid #e5e7eb;
}

.login-header {
  margin-bottom: 32px;
  text-align: center;
}

.brand-title {
  font-size: 28px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
}

.brand-subtitle {
  font-size: 15px;
  color: #6b7280;
  font-weight: 400;
}

.login-form {
  margin-bottom: 24px;
}

.form-group {
  margin-bottom: 20px;
}

.label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.form-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 8px;
}

.forgot-link {
  font-size: 13px;
  color: var(--main-site-color);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.forgot-link:hover {
  color:var(--secondary-color);
}

.form-input {
  width: 100%;
  padding: 11px 14px;
  font-size: 15px;
  color: #111827;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  transition: all 0.2s ease;
  outline: none;
}

.form-input::placeholder {
  color: #9ca3af;
}

.form-input:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.checkbox-group {
  margin-bottom: 24px;
}

.checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkbox-input {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  cursor: pointer;
  accent-color: #2563eb;
}

.checkbox-text {
  font-size: 14px;
  color: #374151;
  user-select: none;
}

.submit-btn {
  width: 100%;
  padding: 12px;
  background: var(--main-site-color);
  color: var(--white-color);
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

/* .submit-btn:hover {
  background: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
} */

.submit-btn:active {
  transform: translateY(0);
}

.btn-loader {
  display: none;
}

.submit-btn.loading .btn-text {
  opacity: 0;
}

.submit-btn.loading .btn-loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.newsletter-msg {
    display: none;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    margin-top: 8px;
}

/* Success */
.newsletter-msg.success {
    background-color: #e6f9f0;   /* light green */
    color: #0f5132;
    border: 1px solid #badbcc;
}

/* Error */
.newsletter-msg.error {
    background-color: #fff4e5;   /* light orange */
    color: #664d03;
    border: 1px solid #ffecb5;
}


/* fmaily member */
.family-member-haead{
    display: flex;
    align-items: center;
    gap: 40px;
}
.family-member-haead .btn {
  margin:0;
  height:40px
}
#family-wrapper .btn{
  margin: 0;
}
/* .remove-member.btn{
  min-width: 12px;
} */

.gallery .gallery-item{height:100%;display:flex;}
.gallery .gallery-item a{display:flex;height:100%;}
.gallery .gallery-item a img{width:100%;height:100%;object-fit:cover;max-width:inherit;}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.divider {
  position: relative;
  text-align: center;
  margin: 32px 0;
}

.divider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #e5e7eb;
}

.divider-text {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  background: #ffffff;
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.social-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 24px;
}

.social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s ease;
}

.social-btn:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

.social-icon {
  width: 18px;
  height: 18px;
}

.signup-text {
  text-align: center;
  font-size: 14px;
  color: #6b7280;
}

.signup-link {
  color: #2563eb;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

.signup-link:hover {
  color: #1d4ed8;
}

.event_show .php-email-form button[type=submit].btn{
 background-color: var(--main-site-color);
}
.submit-btn:hover {
    background-color: var(--main-site-color);
    color: var(--white-color);
}
/* cupon */

/*cupon for boostrap */
.coupon-card {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.coupon-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.coupon-img {
    height: 180px;
    width: 100%;
    object-fit: cover;
}

/* Coupon code box */
.coupon-code {
    border: 2px dashed #dc3545;
    padding: 10px;
    border-radius: 10px;
    background: #fff5f5;
    font-size: 16px;
}

/* Shine animation */
.shine {
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.5) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
}

.coupon-card:hover .shine {
    animation: shine 1.2s ease-in-out;
}

@keyframes shine {
    0% {
        left: -75%;
    }
    100% {
        left: 125%;
    }
}

@media (max-width: 480px) {
  .login-container {
    padding: 32px 24px;
  }
  
  .brand-title {
    font-size: 24px;
  }
  
  .social-buttons {
    grid-template-columns: 1fr;
  }
}
.section .events{
  padding-top: 0 !important;
}