:root {
  --primary: #D81324;
  --secondary: #0B2154;
  --light: #F2F2F2;
  --dark: #111111;
  --white:#fff;
  --gold:#eb8406;
  --green: #4da391;
}

.marriage_img img{
    width: 100%;
    height: auto;
}
.marriage_section {
    width: 100%;
    float: left;
    background: linear-gradient(to right, #693dab, #cd29a2);
    padding-bottom: 90px;
}

.marriage_img {
    width: 100%;
    float: left;
}

.padding_left_0 {
    padding-left: 0px;
}

.marriage_taital_main {
    width: 80%;
    float: left;
}

.marriage_taital {
    width: 100%;
    float: left;
    font-size: 28px;
    color: var(--white);
    font-weight: bold;
    text-transform: uppercase;
}

.marriage_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: var(--white);
    margin: 0px;
}

.marriage_section_2 {
    width: 100%;
    float: left;
    padding-top: 0px;
}

.marriage_taital_left {
    width: 30%;
    float: left;
}

.marriage_taital_right {
    width: 70%;
    float: left;
}

.car_image {
    text-align: center;
}

.car_box {
    width: 100px;
    height: 120px;
    background-color: var(--white);
    border-radius: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 50px;
}

.parking_text {
    width: 100%;
    float: left;
    font-size: 20px;
    color: var(--white);
    padding-top: 52px;
}

.long_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: var(--white);
    margin: 0px;
}


/*---------------------------------------------------------------------
  Responsive CSS for Marriage Section
---------------------------------------------------------------------*/

/* Large Devices (Desktops, 992px and up) */
@media (min-width: 992px) {
    .marriage_section .row {
      flex-direction: row;
    }
  }
  
  /* Medium Devices (Tablets, 768px - 991px) */
  @media (max-width: 991px) {
    .marriage_section .row {
      flex-direction: column-reverse;
    }
    .marriage_taital_main {
      text-align: center;
    }
    .marriage_img img {
      width: 100%;
    }
  }
  
  /* Small Devices (Mobile, 576px - 767px) */
  @media (max-width: 767px) {
    .marriage_section .row {
      flex-direction: column-reverse;
    }
    .marriage_taital_main {
        width: 100%;
      text-align: center;
    }
    .marriage_img img {
      width: 100%;
    }
    .marriage_section_2 {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .marriage_taital_left, .marriage_taital_right {
      width: 100%;
      text-align: center;
    }
  }
  
  /* Extra Small Devices (Phones, below 576px) */
  @media (max-width: 575px) {
    .marriage_section .row {
      flex-direction: column-reverse;
    }
    .marriage_taital_main {
        width: 100%;
      text-align: center;
    }
    .marriage_img img {
      width: 100%;
    }
    .marriage_section_2 {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .marriage_taital_left, .marriage_taital_right {
      width: 100%;
      text-align: center;
    }
  }

/********* welcome **************/
.welcome-section {
    text-align: center;
}
.welcome-section i{
  color: var(--gold);
}
.welcome-section h2 {
  position: relative;
  font-weight: 400;
  padding: 0;
  font-family: "Lora", Sans-serif;
  margin-bottom: 10px;
}

.welcome-section h2::after{
  content: '';
  position: absolute;
  bottom: -10px; 
  left: 50%;
  width: 43%; 
  height: 2px; 
  background-color: var(--gold); 
  transform: translateX(-50%);
}
.welcome-section p {
  font-family: "Lora", Sans-serif;
  text-align: center;
  margin: auto;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .welcome-section p {
    font-size: 16px;
  }
}
/********* event *************/
.lora2{
  margin-top: 50rem;
  text-align: center;
  padding: 50px;
}
.lora2 h2{
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  position: relative;
}
.lora2 h2::after{
  content: '';
  position: absolute;
  bottom: -5px; 
  left: 50%;
  width: 12%; 
  height: 2px; 
  background-color: var(--gold); 
  transform: translateX(-50%);

}
.event{
  margin-top: 48px;
}
.event-card {
  position: relative;
  overflow: hidden;
  margin: 2rem 0;
}

.event-card img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
 
}

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

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px;
  text-align: center;
  transition: transform 0.3s ease-in-out;
}

.event-card:hover .overlay {
  transform: translateY(-10px);
}

.overlay h5 {
  color: var(--white);
  font-size: 18px;
  margin: 0;
}
/******* venue ************/
.lora{
  text-align: center;
  padding: 50px;
}
.lora h2{
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  position: relative;
}
.lora h2::after{
  content: '';
  position: absolute;
  bottom: -5px; 
  left: 50%;
  width: 10%; 
  height: 2px;
  background-color: var(--gold); 
  transform: translateX(-50%);

}
.lora i{
  color: var(--gold);
}

.lora2 i{
  color: var(--gold);
}

@media screen and (max-width: 767px) {
  .lora2{
    margin-top: 100rem;
  }
}
.text{
  max-width: 90%;
  margin: 0 auto;
  margin-top: -50px;
  z-index: 2;
  position: relative;
  background: whitesmoke;
}
.text p{
  font-family: "Lora", Sans-serif;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  margin: auto;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .text{
      margin-top: -30px;
      padding: 0 15px;
  }
  .text p{
     width: 100%;
     font-size: 16px;
  }
}


.primary-button{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.btn-custom {
  font-family: "Lora", Sans-serif;
  background-color: #4da391;
  color: var(--white);
  font-size: 1.125rem; 
  padding: 0.5rem 4rem;
}
.btn-custom a{
  text-decoration: none;
  color: var(--white);
}
.btn-custom:hover{
  background: linear-gradient(to right, #693dab, #cd29a2);
  color: var(--white);
  transition: 0.5s;
}
/******* menu ************/
.menulora{
  text-align: center;
}
.menulora h2{
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  position: relative;
  text-align: center;
}
.menulora h2::after{
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 10%; 
  height: 2px; 
  background-color: var(--gold); 
  transform: translateX(-50%);
 
}
.menulora i{
  color: var(--gold);
}

.menu p{
  font-family: "Lora", Sans-serif;
  text-align: center;
  margin: auto;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .menu p{
    font-size: 16px;
  }
}
/********* highlights *************/

.highlightslora{
  text-align: center;
}
.highlightslora h2{
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  position: relative;
  text-align: center;
}
.highlightslora h2::after{
  content: '';
  position: absolute;
  bottom: -5px; 
  left: 50%;
  width: 19%; 
  height: 2px; 
  background-color: var(--gold); 
  transform: translateX(-50%);
 
}
.highlightslora i{
  color: var(--gold);
}
.highlights-section h2{
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  text-align: center;
}
.highlights-section i{
  text-align: center;
  color: var(--gold);
}
.highlights-section hr{
  width: 220px; 
  margin: 10px auto; 
  border: 1px solid var(--gold);
}
.highlights p{
  font-family: "Lora", Sans-serif;
  text-align: center;
  margin: auto;
  font-size: 18px;
}
.highlighticon img {
  width: 90px;
  height: 90px;

}
.highlighticon .toggle-btn {
  display: none;
  border: none; 
  background: none;
}
.highlighticon .toggle-btn:focus {
  outline: none;
}
.highlighticon h2{
  padding: 0px 20px;
  font-family: "Lora", Sans-serif;
}
.highlighticon p{
  padding: 10px 30px;
  font-family: "Lora", Sans-serif;
}
.feature-description p{
  font-family: "Lora", Sans-serif;
  font-size: 18px;
}
.no-hover {
  box-shadow: none !important;
  pointer-events: none; /* disables hover and click */
}
@media screen and (max-width: 768px) {
  .highlighticon img {
    width: 60px;
    height: 60px;
  }
  .highlighticon .feature-description {
      display: none;
  }
  .highlighticon .toggle-btn i{
    color: var(--gold);
  }
  .highlighticon .toggle-btn {
      display: inline-block;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
  }
  .highlights p{
    font-size: 16px;
  }
  .feature-description p{
    font-size: 16px;
  }
  
}
.feature-description {
  display: none;
}
.rotate-icon {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.toggle-btn i {
  transition: transform 0.3s ease;
}

/********* Testimonial **********/
.testimoniallora{
  text-align: center;
}
.testimoniallora h2{
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  position: relative;
  text-align: center;
}
.testimoniallora h2::after{
  content: '';
  position: absolute;
  bottom: -5px; 
  left: 50%;
  width: 23%; 
  height: 2px;
  background-color: var(--gold); 
  transform: translateX(-50%);
 
}
.testimoniallora i{
  color: var(--gold);
}
.testimonial-section h2{
  font-family: "Lora", Sans-serif;
  font-weight: 400;
  text-align: center;
}
.testimonial-section i{
  text-align: center;
  color: var(--gold);
}
.testimonial-section hr{
  width: 220px; 
  margin: 10px auto; 
  border: 1px solid var(--gold);
}
.testimonial-carousel .owl-item .testimonial-text,
.testimonial-carousel .owl-item.center .testimonial-text * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    background: linear-gradient(to right, #693dab, #cd29a2);
}

.testimonial-carousel .owl-item.center .testimonial-text * {
    color: #FFFFFF !important;
}

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

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #CCCCCC;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    background: linear-gradient(to right, #693dab, #cd29a2);;
    border-color: linear-gradient(to right, #693dab, #cd29a2);
}