*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{max-width: 100%;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}
ul{margin: 0px; padding: 0px;}
p{margin: 0px;}

body{    font-family: 'ABeeZee', sans-serif;}

header{position: absolute; left: 0px; right: 0px; top: 0px; z-index: 99;}
header .header-bottom{background-color: #ffffffcc; padding: 0px 15px; box-shadow: 0 2px 40px hsla(0,0%,90%,.502);} 
header .header-bottom .navbar{padding: 0px;}
header .header-bottom .navbar .navbar-brand{width:8%;}
header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: end; gap: 11px; margin-right: 25px;}
header .header-bottom .navbar .navbar-nav .nav-link{color: #000; font-size: 15px; font-weight: 400; position: relative; transition: .5s; font-family: Poppins,Arial,Helvetica,sans-serif;}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #ff0000}
header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #ff0000; bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}
header .header-bottom .navbar .outbox li a{font-size: 14px; color: #000; transition: .5s;}
header .header-bottom .navbar .outbox li a:hover{color: #ff0000;}
/*header .header-bottom .dropdown .dropdown-menu{border-left: 4px solid #ff0000 !important; background-color: #fff; border-radius: 0 0 0 0; width: 220px; box-shadow: 0 0 10px 0 rgba(0,0,0,.12); border: transparent;}*/
/*header .header-bottom .dropdown .dropdown-menu .dropdown-item:hover{background-color: transparent;}*/
header .header-bottom .navbar .navbar-toggler{color: #ff0000; box-shadow: none; border: 2px solid #ff0000; border-radius:0px;}

header .navbar-nav .drop{
    position:relative;
}

header .navbar-nav .down-menu{ width: 250px; padding: 10px; left: 0px; right: 0px;  display: none; position: absolute; background-color: #fff; box-shadow: 0 0 10px #00000042; transition: .5s; z-index: 9; }
header .navbar-nav .drop:hover .down-menu{ display: block;}

header .navbar-nav .down-menu li a{
    color:#000;
    
}

header .header-bottom .navbar .offcanvas{width: 280px;}

/* header ko sticky karna ki */

.sticky{background-color:#ffffffcc ; color: #000; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out;}

@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
  }
header .heaberbooyem .offcanvas-title{color: #020202; }

.main{
  background: linear-gradient(180deg,#f1f6fa,#f9f8ff);
}

/* slider */

  .MagicSlideshow{overflow: hidden;}

/* about-us */

#about{padding: 70px 0px;}
#about h2{text-align: center; color: #292F33; font-family: 'Playfair Display', serif; font-size: 30px; font-weight: 400;
letter-spacing: 0.1px; margin-bottom: 20px;}
#about .text{text-align: center; color: #5E6366; font-family: "Alice", Sans-serif; font-size: 17px; text-transform: uppercase;
letter-spacing: -0.1px; margin-bottom: 50px;}
#about .content h5{color: #000000; font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 15px;}
#about .content .text-a {font-family: "Alice", Sans-serif; margin-bottom: 15px; width: 579px;
text-align: justify;}
#about .content .text-a .first-letter-bold {
color: #000;
float: left;
font-size: 8.4em;
line-height: 0.68;
font-weight: 100;
text-transform: uppercase;}
#about .content .btn{padding: 10px 20px; display: inline-block; background-color: transparent; border: 1px solid #303030; border-radius: 30px; color: #303030; font-family: "Alice", Sans-serif; font-size: 16px;}

/* wedding */

#wedding{padding: 10px 0px;}
#wedding h2{text-align: center; color: #0c0c0c; font-family: 'Playfair Display', serif; font-size: 28px; line-height: 28px;  margin-bottom: 20px; font-weight: 400;}
#wedding h3{text-align: center; color: #ff0000; font-family: 'Playfair Display', serif; font-size: 25px; line-height: 28px;  margin-bottom: 40px; font-weight: 400;}
#wedding .imgs{position: relative;}
#wedding .imgs h5 a{position: absolute; bottom: 40px; right: 0px; background: rgba(29, 29, 33, 0.7); padding: 12px 20px; color: #FFF;  transition: all 200ms ease-in; font-size: 13px; line-height: 17px; display: inline-block; text-transform: uppercase;}



/* our-service */

#our-service {
  padding: 40px 0px;
  background-color: #fff;
}

#our-service h2 {
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 0;
  color: #484848;
  font-family: 'Montserrat', sans-serif;
  border-bottom: solid 3px green;
  display: inline-block;
}

#our-service .iner {
  background: #fff;
  border-radius: 10px;
  height: 100%;
  transition: .5s;
}

#our-service .owl-carousel .owl-stage-outer {
  padding: 0px 0px 25px;
}

#our-service .iner h3 {
  font-size: 18px;
  font-weight: 400;
  position: relative;
  padding: 0 0 10px;
  margin: 28px 0 20px;
  transition: .5s;
}

#our-service .iner h3 i{
    color: green;
}

#our-service .iner .imgs {
  overflow: hidden;
}

#our-service .iner .imgs img {
  transition: .5s;
}

#our-service .iner h3::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  /*margin: auto;*/
  bottom: 0;
  background: green;
  width: 50%;
  height: 2px;
  border-radius: 20px;
}

#our-service .iner .text {
  font-size: 16px;
  margin-top: 15px;
  text-align: justify;
  /*padding: 0 10px;*/
}

#our-service .iner .btn {
  display: inline-block;
  margin-bottom: 20px;
  transition: .5s;
}

#our-service .iner .btn:hover {
  color: #e10387;
}


/* logo */

#logo{padding: 15px 0px;}
#logo h2{text-align: center; color: #0c0c0c; font-family: 'Playfair Display', serif; font-size: 28px; line-height: 28px;  margin-bottom: 40px; font-weight: 400;}
#logo h2 {
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 0;
  color: #484848;
  font-family: 'Montserrat', sans-serif;
  border-bottom: solid 3px green;
  display: inline-block;
}
#logo .imgs img{width: calc(100% - 10px); height: 200px; border: 1px solid #DDD; margin: 10px; padding: 10px; background: #FFF;}

/* testimanoils */

#testimanoils{padding: 50px 0px;}
#testimanoils h2{text-align: center; color: #0c0c0c; font-family: 'Playfair Display', serif; font-size: 28px; line-height: 28px;  margin-bottom: 20px; font-weight: 400;}
#testimanoils h5{text-align: center; color: #0c0c0c; font-family: 'Playfair Display', serif; font-size: 20px; line-height: 28px;  margin-bottom: 70px; font-weight: 400;}
#testimanoils .content .text{text-align: left; font-size: 22px; margin-bottom: 20px; font-family: "Alice", Sans-serif !important; line-height: 30px;}
#testimanoils .content h6{text-align: left; font-size: 25px; font-family: "Alice", Sans-serif !important;}
#testimanoils .owl-theme .owl-dots .owl-dot{display: none;}








/* footer */

footer{background-image: url(../images/footer-image-scaled.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 10px 60px; position: relative; z-index: 1;}
footer::before{position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000000;
opacity: .9;
z-index: -1;}

footer h4{color: #fff; font-family: 'Playfair Display'; margin-bottom: 26px;}
footer .info li{color: #fff; margin-bottom: 15px; font-size: 15px; font-family: 'Playfair Display'; font-weight: 300;}
footer .info li a{color: #fff;}

footer .inr{text-align: center;}
footer h4 img{width: 110px;}
footer .text{font-family: 'Playfair Display';
font-weight: 300;
font-size: 14px;
width: 400px;
margin: auto;
color: #fff;}

footer .icon{justify-content: center; margin-top: 30px;}
footer .icon li a{display: inline-block; height: 30px; width: 30px; border: 1px solid #fff; color: #fff; text-align: center; line-height: 30px; border-radius: 50px; font-size: 14px;}

footer .inr-1{text-align: end;}
footer .icon-info li a{color: #fff; margin-bottom: 15px; font-size: 15px; font-family: 'Playfair Display'; font-weight: 300; display: inline-block; margin-bottom: 10px;}

.logoicon{border-top: 1px solid #fff; margin-top: 27px; padding-top: 15px;}
.logoicon .imgsc{text-align: center;}
.logoicon .imgsc img{width: 270px;}


.f-bottom{
    background-color: #a5a5a5;
    padding: 15px 0;
}

    .f-bottom p{
        font-size: 14px;
    }

.f-bottom a{
    color: #000; 
    font-size: 16px;
}

/* model */

.modal .forem .icon-input {position: relative;}
.modal .modal-content{background-color: #f8f8f8; padding: 30px;}
.modal .forem span {position: absolute; top: 9px; left: 23px; color: #af934d;}
.modal .forem .form-control {background-color: #fff; padding: 10px 40px; box-shadow: none; border: transparent;
border-radius: 0px; margin-bottom: 10px; font-size: 15px;}
.modal .forem .btn {padding: 10px 30px; background-color: #af934d; color: #fff; border-radius: 0px; margin-top: 20px;}


    /* whatapp */
	.quickcontact {
		width: 40px;
		position: fixed;
		top: 77%;
		right: 30px;
		z-index: 9999;
	  }


/* about-sec */

#about-sec{background-image: url(../images/abiut-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 250px 0px 250px; position: relative; z-index: 1;}
#about-sec h2{text-align: center; font-size: 50px; font-family: 'Oswald', sans-serif; font-weight: 500; color: #fff;}
#about-sec ul li, #about-sec ul li a{color: #ffffff; transition: .5s;}
#about-sec ul li:hover a{color: #e8181b;}

/* contact */

#contact{padding: 60px 0px;}
#contact h3{text-align: center; color: #0c0c0c; font-family: 'Playfair Display', serif; font-size: 24px; line-height: 28px;  margin-bottom: 40px; font-weight: 400;}
#contact .bord{text-align: center; margin-bottom: 150px; position: relative;}
#contact .bord i{position: absolute; z-index: 11;}
#contact .bord::after{    position: absolute;
content: '';
border: 1px solid;
width: 100%;
left: 0px;
top: 8px;}
#contact .bord::before{position: absolute;
content: '';
height: 40px;
width: 40px;
background: #fff;
top: -13px;
z-index: 1;
margin-left: -14px;}

#contact .form-control{padding: 13px 20px; background-color: transparent; border: 1px solid #dbdbdb; box-shadow: none; margin-bottom: 11px;}
#contact .btn{padding: 13px 35px; background-color: #000; color: #fff; border-radius: 5px; transition: .5s; margin-bottom: 30px;}
#contact .btn:hover{background-color: #e8181b;}
#contact .contact-inf li i{display: inline-block; height: 33px; width: 33px; border-radius: 50px; border: 2px solid #e8181b; text-align: center; line-height: 30px; color: #e8181b;}
#contact .contact-inf li h4{font-size: 18px; color: #ff0000;}
#contact .contact-inf li .text, #contact .contact-inf li .text a{font-size: 14px; color: #000;}

#contact .iner{row-gap: 60px;}

#map{padding: 40px 0px;}

/* wedding-sec */

#wedding-sec{padding: 0px 30px; margin-top: -47px; position: relative; z-index: 1;}
#wedding-sec .wedding-inr{text-align: center;}
#wedding-sec .row{row-gap: 30px; background-color: #fff; padding: 30px 10px;}
#wedding-sec .imgs{position: relative;}
#wedding-sec .imgs::before{    position: absolute;
content: "";
top: -3px;
left: 8px;
right: 8px;
height: 1px;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
transition: all 0.3s ease-in-out;}
#wedding-sec .imgs::after{    position: absolute;
content: "";
top: -5px;
left: 13px;
right: 13px;
height: 1px;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
transition: all 0.3s ease-in-out;}
#wedding-sec .imgs .imgsc{position: absolute;
background: #ffffffcc;
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;
z-index: 1;
transform: scale(0); transition: .5s;}
#wedding-sec .imgs .imgsc i{position: absolute;
left: 0px;
top: 46px;
right: 0px;
text-align: center;
color: #000;
font-size: 29px;}
#wedding-sec .imgs:hover .imgsc{transform: scale(1);}
#wedding-sec h5{font-size: 14px; text-align: center; font-weight: 100; margin-top: 20px; color: #000; display: inline-block;
transition: .5s;}
#wedding-sec h5:hover{color: #ff0000;}


/* detel wedding */

.wedine-det{position: relative; z-index: 5; padding: 65px 35px;}
.album-list-margin { margin-top: -100px; background-color: #FFF; border-radius: 3px;     padding: 20px 30px;}
.album-list { padding: 10px; }
.album-list-item { width: 100%; height: 240px; background-color: #FFF; position: relative; max-width: 320px; margin: auto; }
.section-title {
  font-family: 'Raleway', sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 14px;
  color: #000000;
  border-bottom: 3px solid #6C9D1F;
  display: inline-block;
  font-weight: 400;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 0px;
}

.album-list-item span, .img-link span { position: absolute; top: 20px; bottom: 20px; right: 20px; left: 20px; background-color: rgba(255,255,255,0.8); z-index: 10;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   transform: scale(0.5);
   transition: all 0.3s ease-in-out 0.1s;
}

.album-list-item:hover span, .img-link:hover span {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   transform: scale(1);
   transition-delay: 0.1s;
}

.album-list-item::before { position: absolute; content: ""; top: -3px; left: 8px; right: 8px; height: 1px; background-color: rgba(0, 0, 0, 0.4); z-index: 1;
    transition: all 0.3s ease-in-out;
}

.album-list-item::after { position: absolute; content: ""; top: -5px; left: 13px; right: 13px; height: 1px; background-color: rgba(0, 0, 0, 0.4); z-index: 1;
    transition: all 0.3s ease-in-out;
}

.album-list-item.video::before { display: none; position: absolute; content: ""; }
.album-list-item.video::after { display: none; position: absolute; content: ""; }


.album-list-item span i, .album-list-item i, .img-link span i { position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; margin-top: -24px; margin-left: -24px; }


i.icon-plus { background: url(../images/plus-48.png) no-repeat 2px 2px; }
i.icon-zoom { background: url(../images/zoom-48.png) no-repeat 2px 2px; }
i.icon-play { background: url(../images/play-48.png) no-repeat 2px 2px; }


.back-link { float: right; padding: 0 0 20px; }
.back-link i, .back-link { color: #666; }


.gallery-content p { font-size: 14px; line-height: 20px; margin: 10px 0; letter-spacing: 1px; text-align: justify; }


/*  */


/* .album-list-margin { margin-top: -100px; background-color: #FFF; border-radius: 3px; } */
.album-list { padding: 10px; }







.video-filter a { padding: 0px 20px 0px 0px; font-size: 15px; color: #000;}
.video-filter a.active { color: #000000; }
.video-filter a:not(:first-child):before {
    display: inline-block;
    content: "/";
    padding: 0 22px 0 0px;
    color: rgba(0,0,0,0.2);
}

/*  */

.wedine-det .nav-pills .nav-link.active, .wedine-det .nav-link{background-color: transparent; color: #000;}



/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25),  (min-resolution: 120dpi),
(-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi),
(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .icon-plus { background:url(../images/plus-128.png) no-repeat; background-size: 48px 48px; }
    .icon-zoom { background:url(../images/zoom-128.png) no-repeat; background-size: 48px 48px; }
    .icon-play { background:url(../images/play-128.png) no-repeat; background-size: 48px 48px; }
}

.album-link { width: 100%; height: 180px; position: relative; float: left; overflow: hidden;}
.album-link .album-img { width: 100%; height: 180px; position: relative; background-position:center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.album-caption { font-family: 'Roboto Mono', Arial, sans-serif; position: relative; width: 100%; float: left; height: 60px; color: #000; }
.album-caption h2 { height: 40px; line-height: 30px; font-size: 14px; padding-top: 10px; text-transform: uppercase; font-weight: 100; text-align: center; overflow: hidden; }
.album-caption p { height: 15px; line-height: 15px; font-size: 10px; text-transform: uppercase; text-align: center; color: #999; }





.location-card.style-2 .content-wrapper .content-inner .content-title a, .location-card .content-wrapper .content-inner .content-title a:hover, .link-card .content-wrapper .title a {
  text-decoration: none;
  background: linear-gradient(to right, #041126 50%, #041126 50%, #3B71FE);
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.5s ease-out;
  color: #041126;
}

.location-card-wrapper {margin:20px 0;}

.location-image-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 8px;
  align-items: center;
  text-align: center;
  transition: all 0.5s ease-out;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .location-image-card {
    padding: 30px;
  }
}
@media (max-width: 1400px) {
  .location-image-card {
    padding: 40px;
  }
}
.location-image-card .img-wrapper {
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease-out;
}
.location-image-card .img-wrapper:before {
  position: absolute;
  top: 0;
  left: -85%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 20;
}
.location-image-card .content-inner .city {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #041126;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-top: 26px;
  margin-bottom: 0px !important;
  cursor: default;
}
.location-image-card .content-inner .city:hover {
  background-position: -100%;
}
.location-image-card .content-inner .duration {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #585866;
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
  cursor: default;
}
.location-image-card:hover {
  margin-top: -20px;
  transition: all 0.5s ease-out;
  box-shadow: 0px 24px 64px 0px rgba(199, 206, 218, 0.25);
}
.location-image-card:hover .img-wrapper {
  transform: rotateY(15deg);
  transition: all 0.5s ease-out;
}
.location-image-card:hover .img-wrapper:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.location-image-card.style-2 {
  border: 1px solid #E7E7E7;
  height:300px;
}



/* contact */

#contact{padding: 30px 30px;}
#contact h3{text-align: center; color: #0c0c0c;     font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 28px;  margin-bottom: 40px; font-weight: 400;}
#contact .innr{position: relative; margin-top: -90px; background-color: #fff; padding: 20px 70px; box-shadow: 0 0 10px #0000004d;}
#contact .form-label{
    font-size:14px;
    margin: 0;
}
#contact .form-control {
    padding: 6px 12px;
    background-color: white;
    border: 1px solid #dbdbdb;
    box-shadow: none;
    margin-bottom: 2px;
    font-size: 14px;
}
#contact .btn{padding: 8px 30px; background-color: #000; color: #fff; border-radius: 5px; transition: .5s; margin-bottom: 30px;}
#contact .btn:hover{background-color: #e8181b;}
#contact .contact-inf li h5{margin-bottom: 20px;}
#contact .contact-inf li a{color: #000; font-size: 24px; margin-bottom: 7px;}
#contact .contact-inf{margin-bottom: 15px;}
#contact .contact-inf-a li h5{font-size: 15px; font-weight: 700; margin-bottom: 20px;}
#contact .contact-inf-a li p{margin-bottom: 25px;}
#contact .contact-inf-a li a{padding: 8px 30px; border-radius: 6px; display: inline-block; background-color: #e8181b; color: #fff; margin-bottom: 20px;}
#contact .contact-inf-b li h5{margin-top: 20px;}
#contact .contact-inf-b li a{color: #000; font-size: 24px; margin-bottom: 7px;}
#contact .contact-inf-b{margin-bottom: 30px;}

#contact .contact-inf-c li h5{font-size: 15px; font-weight: 700; margin-bottom: 20px;}
#contact .contact-inf-c li p{margin-bottom: 25px;}
#contact .contact-inf-c li a{padding: 8px 30px; border-radius: 6px; display: inline-block; background-color: #e8181b; color: #fff; margin-bottom: 20px;}

#contact .contact-inf-d li h5{margin-top: 20px;}
#contact .contact-inf-d li{color: #000; font-size: 18px; margin-bottom: 7px;}

#contact .forem{background-color: #F6F6F6; border: 1px solid #DDD; padding: 10px 20px;}



#contact .iner{row-gap: 60px;}

#map{padding: 0px 30px;}

 #myCheck, audio {
    display: none;
}


.wedine-det .nav-pills .nav-link.active{
    color:red !important;
}