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

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

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

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

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

.btn-sm-square {
    width: 34px;
    height: 34px;
}

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

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

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

.btn-primary-outline-0 {
    color: #000;
    border: 1px solid var(--bs-primary);
}

.btn-light-outline-0 {
    color: var(--bs-primary) !important;
    border: 1px solid var(--bs-light);
}

.btn-primary-outline-0:hover {
    background-color: #000;
    color: var(--bs-white) !important;
    border: 1px solid var(--bs-primary);
}

.btn-light-outline-0:hover {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    border: 1px solid var(--bs-secondary);
}

.img-border {
    border-color: var(--bs-secondary);
    border-style: double;
}

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


/*** Navbar Start ***/
.sticky-top {
    transition: 0.5s;
    background-color: #fce588;
}


.navbar .navbar-nav .nav-link {
    padding: 10px 15px;
    font-family: "Inter", sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    transition: .5s;
}

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

@media (min-width: 1200px) {
    .navbar .navbar-collapse .border-top {
        border-top: none !important;
    }
}
/*** Navbar End ***/

/*** Carousel Start ***/
.carousel-item {
    position: relative;
    min-height: 100vh
    
}

.carousel-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-item .carousel-caption {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.4));
    background-size: cover;
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 0;
}

.carousel-control-prev .carousel-control-prev-icon,
.carousel-control-next .carousel-control-next-icon {
    background: transparent;
}

#carouselId .carousel-indicators {
    padding-bottom: 30px;
}

#carouselId .carousel-indicators li {
    border-top: 10px solid var(--bs-white);
    border-bottom: 10px solid var(--bs-white);
    border-right: 5px solid var(--bs-white);
    border-left: 5px solid var(--bs-white);
    margin-right: 10px;
    transition: 0.5s;
}

/*** Carousel End ***/


/*** Wedding Story Start ***/
.story .story-timeline,
.story .story-timeline .row {
    position: relative;
}

.story .story-timeline::before,
.story .story-timeline::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: var(--bs-secondary);
    border-radius: 10px;
    left: 50%;
    top: -7px;
    transform: translateX(-50%);
}

.story .story-timeline::after {
    top: auto;
    bottom: -7px;
}

.story .story-timeline .row::after {
    position: absolute;
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    color: var(--bs-secondary);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
    .story .story-timeline::before,
    .story .story-timeline::after,
    .story .story-timeline .row::after  {
        display: none;
    }
}
/*** Wedding Story End ***/

/*** Wedding Date Start ***/
.wedding-date-bg .wedding-date {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../img/wedding-date-bg.jpg) center;
    object-fit: cover;
    background-repeat: no-repeat;
}

.wedding-date-bg .wedding-date::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.wedding-date-bg .wedding-date .wedding-date-content {
    position: relative;
    z-index: 9;
}
/*** Wedding Date End ***/


/*** Wedding Timeline Start ***/
@media (max-width: 576px) {
    .wedding-timeline .wedding-content .heart-circle {
        display: none;
    }
}
/*** Wedding Timeline End ***/


/*** Gallery Start ***/
.gallery .gallery-img {
    position: relative;
    overflow: hidden;
}

.gallery .gallery-img .hover-style {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 1s;
}

.gallery .gallery-img:hover .hover-style {
    width: auto;
    height: auto;
    border: 600px solid rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.gallery .gallery-img img {
    transition: 0.5s;
}

.gallery .gallery-img:hover img {
    transform: scale(1.3);
}

.gallery .gallery-item .gallery-overlay {
    transition: 0.5s;
}

.gallery .gallery-item:hover .gallery-overlay {
    background: transparent !important;
    border: 0 !important;
}

.gallery .gallery-img .search-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    opacity: 0;
    z-index: 2;
    
}

.gallery .gallery-img:hover .search-icon {
    opacity: 1;
}
/*** Gallery End ***/


/*** team Start ***/
.team .team-item {
    position: relative;
    overflow: hidden;
}

.team .team-item .team-content {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    transition: 0.5s;
    z-index: 4;
}

.team .team-item:hover .team-content {
    background: rgba(0, 0, 0, .5);
}

.team .team-item .team-content {
    text-align: center;
}

.team .team-item .team-social {
    position: absolute;
    top: -180px;
    right: 15px;
    z-index: 5;
    transition: 0.5s;
}

.team .team-item:hover .team-social {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
}

.team .team-item .team-img {
    position: relative;
    overflow: hidden;
    border-color: var(--bs-secondary);
    border-style: double;
}

.team .team-item .team-img .team-img-main {
    position: relative;
    z-index: 3;
}

.team .team-item .team-img .team-img-main img,
.team .team-item .team-img .team-img-bg img {
    transition: 0.5s;
}

.team .team-item:hover .team-img .team-img-main img,
.team .team-item:hover .team-img .team-img-bg img {
    transform: scale(1.1);
}
/*** Team End ***/


/*** Contact Us Start ***/
.RSVP-form {
    background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.2));
    object-fit: cover;
}
/*** Contact Us End ***/


/*** Footer Start ***/
.footer {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/footer-bg.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer .footer-item a.btn-link,
.footer .footer-item p {
    line-height: 35px;
    font-size: 17px;
    color: var(--bs-light);
    transition: 0.5s;
}

.footer .footer-item a.btn-link:hover {
    color: var(--bs-primary);
    letter-spacing: 2px;
}

@media (max-width: 992px) {
    .footer .text-start,
    .footer .text-center,
    .footer .text-end {
        text-align: center !important;
    }
}
/*** Footer End ***/


/*** copyright Start ***/
.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--bs-dark) !important;
}
/*** copyright end ***/






/*** Extera-Css ***/
body{ffont-family: "Inter", sans-serif !important;}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: "Inter", sans-serif !important;
    font-weight: 500;
    line-height: 1.2;
    color: #2f2f2f;
}
a:hover {
    color: #681114;
}

.btn-check:focus+.btn-primary, 
.btn-primary:focus {
    color: inherit !important;
    background-color: #000;
    border-color: inherit !important;
    box-shadow: none !important;
}


.all_padding{padding: 50px 0;}
.heading_h1{font-size: 70px !important;}
.heading_h3 {
    font-size: 50px;
    font-weight: 600;
}
.heading_h5 {
    font-size: 20px;
    font-weight: 600;
}
.heda_title {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 50px;
}
.all_para
{
    font-size: 18px;
    color: #525252;
}
.btn-primary {
    color: #fff;
    background-color: #681114;
    border-color: #fd5d5d;
}

.btn-primary{border: none !important;}

.text-primary {
    color: #000 !important;
}

a {
    color: #000;
    text-decoration: none;
}

/*........................./services_box-Start/.......................*/
.services_box{width: 100%; text-align: center; font-style: italic;} 
.box_top_1{margin-top: 100px;}
.box_top_2{margin-top: 150px;}
.box_top_3{margin-top: 100px;}
.area_img{width: 100%; height: 250px; overflow: hidden;}
.area_img img{width: 100%; height: 100%; object-fit: cover;/*transition: transform 0.6s ease;*/}
.area_title{font-size: 1.2rem; color: #fff; background-color: #681114; text-align: left; padding: 10px;}
/*.area_img:hover img{transform: scale(1.05);}*/
.mt_0 button{margin-top: 0px;}
/*........................./services_box-end/.......................*/

.venue_images{position: relative;}
.venue_images img{
    -webkit-clip-path: polygon(0 0, 100% 8%, 90% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 8%, 90% 100%, 0 100%);
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.venue_images::before {
    position: absolute;
    width: 96%;
    height: 92%;
    left: -2%;
    top: 7%;
    border: 1px solid #681114;
    -webkit-transform: skewY(-4deg);
    transform: skewY(-4deg);
    content: "";
    z-index: 11;
}

.venue_flex{display: flex; color: #777; grid-gap: 5px;}
.venue_content h3{font-size: 30px;}


/* --- GRID LAYOUT --- */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 250px;
  gap: 20px;
  width: 85%;
  margin: 0 auto;
  margin-top: 00px;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

/* --- Image sizes --- */
.gallery-item.large {
  grid-row: span 2;
  grid-column: span 2;
}

.gallery-item.wide {
  grid-column: span 2;
}

.gallery-item.tall {
  grid-row: span 2;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease, filter 0.3s ease;
}


.gallery-item .overlay span {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.gallery-btn {
  text-align: center;
  margin-top: 40px;
}

.gallery-btn .btn {
  background-color: #b6858b;
  color: #fff;
  padding: 12px 32px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.gallery-btn .btn:hover {
  background-color: #a46c72;
  box-shadow: 0 4px 12px rgba(182, 133, 139, 0.4);
}


/*....................//feedback_section-Start//......................*/
.msdl{padding: 0 10px;}
.feedback_section{background-color:#f5f5f5;}
.feedback_box{background-color: #fff; border-radius: 7px; position: relative; text-align: left;}
.feedback_products{padding: 50px;}
.fed_flex{display: flex;grid-gap: 20px;align-items: center;}
.fed_flex h5{font-style: italic;}
/*.feedback_images{width: 80px; height: 80px; border-radius: 50%; background-color:#681114; overflow: hidden; padding: 2px;}*/
.feedback_images img{width:70px; height: 70px; object-fit: contain; border-radius: 50%; border: 2px solid #681114;}
.checked{color: #ffcb00;}
.fed_flex span{color: #681114;}
.icon_content{position: absolute;  bottom: 0; right: 50px;}
.icon_content i{font-size: 100px; color: #681114; opacity: 0.3; font-size: 70px;}
.review_img{display: grid; align-content: center; height: 100%;}
.review_img img{width: 100%; height: 100%;}
/*....................//feedback_section-End//......................*/


/*....................//footer-Start//......................*/
footer{background-color: #681114; padding: 100px 0; position: relative; z-index: 1;}
footer:after{position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.2; z-index: -1; background-color: red; content: ""; background-image: url(../img/wedding-date-bg.jpg);background-size: cover;}
.ft_lgo{height: 100px; display: block;}
.ft_lgo img{height: 100%; object-fit: contain;}
.ftabout_para p{font-size: 12px; color: #fff;}
.footer_services{padding-left:80px;}
.footer_services ul{list-style: none; margin: 0; padding: 0;}
.footer_services ul li{margin: 0; padding: 0; line-height:26px;}
.menu_flex{display: flex; grid-gap: 50px;}
.footer_services ul li a{display: block; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500;transition: all 0.5s ease;}
.ft_flex{display: flex;grid-gap: 10px; color: #fff;}
.ft_title{color: #fff;}

.ft_flex p,
.ft_flex a,
.ft_flex i{
    color: #fff;
}

.footer_services ul li a:hover{color: #fce588;}
.ft_icon ul{margin: 0; padding: 0;}
.media li {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #ccc;
    border-radius: 50%;
    text-align: center;
    transition: all 0.5s ease;
}
.ft_flex span{color: #fff; font-weight: bold;}

.flex_icon i{color: #fff; font-size: 13px;}

.media li:nth-child(1) {
   background: linear-gradient(45deg, #F58529, #F56040, #FD1D1D, #833AB4, #515BD4);
}

.media li:nth-child(2) {
    background-color: #d32f2f;
}


.media li:hover {
    background-color: #7D7D7D;
}

.brdr_btm{width: 60px;height: 1px;background-color: #fff;display: block;margin-bottom: 18px;position: relative;}
.brdr_btm:before{content: '';position: absolute;left: 45px;bottom: -2px;width: 10px;height: 4px;border-radius: 10px;background-color: #fce588;-webkit-animation: linear infinite;-webkit-animation-name: run;-webkit-animation-duration: 5s;}

@keyframes run 
{
    0% 
    {
      left: 2px;
    }
  50% 
  {
    left: 48px;
  }
  100%
  {
    left: 2px;
  }
}
.footer_bottom{padding: 10px 15px;text-align: center;background-color: #fce588;color: #fff;}
.footer_bottom p{font-size: 12px;color: #000;}
.botom_pra{color: #681114;}
.water_markr{position: absolute; bottom: 0; right: 50px;}
.water_markr{height: 200px;  display: block;}
.water_markr img{height: 100%; width: 100%; object-fit: contain;}
.socialmedia {
    position: fixed;
    width: 55px;
    padding: 20px;
    float: left;
    background: #fce588;
    border-radius: 5px 0px 0px 5px;
    right: 0px;
    bottom: 200px;
    margin-top: -128px;
    z-index: 100;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 20px;
}
.social_img {
    width: 40px;
}
/*....................//footer-End//......................*/

.iframe {
    width: 100%;
    height: 300px;
}

.iframe iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.contact_ifo_box{background-color: #eee; text-align: center; padding: 10px; height: 200px; border-radius: 4px; display: grid; align-content: center; margin: 40px 0; margin-bottom: 0px;}
.info_images img{margin-bottom: 15px; height: 50px;}
.info_content span{color: #681114;}


.form_main {
    padding: 40px;
    background: #fdf2c4;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.form_main label {
    font-size: 14px;
    color: #681114;
    display: block;
    margin-bottom: 8px;
}

.form_main input, .form_main select, .form_main textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    font-size: 15px;
    transition: all 0.3s 
ease;
    background: #fafafa;
}

.form_main textarea {
    height: 130px;
    resize: none;
}
.form_group button {
    width: 100%;
    outline: none;
    border: none;
    padding: 14px;
    background-color: #681114;
    color: #fff;
    transition: all 0.5s ease;
    font-size: 14px;
}
.form_group button:hover {
    background-color: #000;
}
.contact_map{height: 100%; width: 100%;}
.contact_map iframe{height: 100%; width: 100%; object-fit: cover;}
.contact_map img{height: 100%; width: 100%; object-fit: cover;}
.box{display: none;}



.all_page_banner{position: relative;}
.page_banner{display: block;height: 300px;overflow: hidden;position: relative;}
.pages_image{height: 100%;width: 100%;position: relative;z-index: 20;background-color: #fff;background: linear-gradient(90deg, #c4c4c4 30%, #fff 76%);}
.pages_image img{height: 100%;width: 100%;object-fit: cover;}
.page_link{position: absolute;z-index: 20;top: 0;left: 0;bottom: 0;right: 0;display: grid;align-content: center;text-align: center;background: linear-gradient(90deg, #681114b0 30%, #ffcb007a 76%);}
.page_link a{color: #000; font-weight:bold;}
.page_link h3{color: #000;text-shadow: 2px 2px 4px rgb(255 255 255);}



.about_bg{background-color: #eee;}
.about_images img{height: 500px; object-fit: cover;}
.timeline_title{font-size: 25px;}
.cta_box {
    padding: 20px;
    text-align: center;
    background: linear-gradient(90deg, #68111470 30%, #ffcb0091 76%), url(../img/cta-bg.jpeg);
    background-size: cover;
    background-position: center;
    border-radius: 20px 0px 20px 0px;
}
.cta_btn{background-color: #fce588; color: #000;}



/*........................./all-Terms-pages-start/.......................*/
.serial_flex{display: flex; grid-gap: 10px; align-items: center;}
.serial_number{background-color: #681114; width: 30px; height: 28px; color: #fff; font-size: 25px; font-weight: bold; display: grid; align-content: center; text-align: center; border-radius: 4px;}
.serial_flex h5{color:#681114;}
.policy_conatct{list-style: none; line-height: 35px;}
.faqs_title{font-size: 30px;}



/*.bg{background-color: #e5feff; height:100vh; overflow: hidden;}*/
.acording{margin: 0px; padding: 0px;}
.acording li{list-style: none; color: #000;padding: 10px;width: 100%;border-radius: 8px;background-color: #fdf2c4;box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.1), 0px 1px 0px 0px rgba(25,28,33,0.02), 0px 0px 0px 1px rgba(25,28,33,0.08);margin-bottom: 15px;}
.acording li label{display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-weight: bold;padding: 10px;cursor: pointer;}
.acording li label:after{content: "+";margin-right: 10px;font-size: 24px;font-weight: 600;}
.acording li input[type="radio"]{display: none;}
.acording .content{color: #888;padding: 0 10px;line-height: 26px;max-height: 0;overflow:hidden;transition: max-height  0.5s, padding 0.5s;}
.acording li input[type="radio"]:checked + label + .content{max-height: 400px;padding: 10px 10px 20px;}
.acording li input[type="radio"]:checked + label:after{content: "-";}
/*........................./all-Terms-pages-end/.......................*/


/*** Extera-Css-End ***/



.overflow_section{overflow: hidden;}
.border-top {border-top: 1px solid #681114 !important;}
@media only screen and (max-width: 991px)
{
    .services_box{margin-bottom: 20px;}
    .box_top_1{margin-top: 0px;}
    .box_top_2{margin-top: 0px;}
    .box_top_3{margin-top: 0px;}
    .heading_h3{font-size: 38px;font-weight: 600;}
    .footer_services{padding-left: 0px;}
    .mrg_btn{margin:20px 0;}
    footer{padding: 20px 0;}
}


@media only screen and (max-width: 767px)
{
    .hero_titele{font-size: 55px !important}
    .mark_img{display: none;}
    .heading_h3{font-size: 38px;font-weight: 600;}
    .heda_title{width: 100%;}
    .split_images{display: flex;flex-direction: column-reverse;}

}


@media only screen and (max-width: 576px)
{
    .carousel-item{height: 700px;}
    .contact_ifo_box{margin: 20px 0;margin-bottom: 0px;}
}

@media only screen and (max-width: 480px)
{
    
    .hero_titele{font-size: 38px !important;}
    .venue_content h3{margin-top: 40px;}
    .about_title h3{margin-top: 0px;}
}