*{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: linear-gradient(135deg, #010103, #100d12); 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:9%;}

header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: center; gap: 30px; margin-right: 25px;}

header .header-bottom .navbar .navbar-nav .nav-link{color: #fff; 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: #af934d}

/* 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: #af934d;}

header .header-bottom .dropdown .dropdown-menu{border-left: 4px solid #af934d !important; background-color: #fff; padding: 0; border-radius: 0 0 0 0; width: auto; box-shadow: 0 0 10px 0 rgba(0,0,0,.12); border: transparent;}

header .header-bottom .dropdown .dropdown-menu .dropdown-item:hover{background-color: #fff; color: #af934d;}

header .header-bottom .navbar .navbar-toggler{color: #af934d; box-shadow: none; border: 2px solid #af934d; border-radius:0px;}

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

/* Hide dropdown by default */
/* .navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
} */
@media (max-width: 992px) {
    header .header-bottom .navbar .navbar-nav .nav-link {color: #000000 !important;}
    header .header-bottom .navbar .outbox li  i{color: #000 !important;} 
     .navbar .dropdown-item {
        font-size: 10px;
    }
    header .header-bottom .navbar .navbar-nav{
        gap:10px;
    }
}
/* Show on hover */
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

/* Dropdown items */
.navbar .dropdown-item {
    padding: 10px 20px;
    border-bottom: 1px solid #af934d;
}

/* Arrow rotate */
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-toggle::after {
        transform: rotate(180deg);
    }
}


/* 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;}




/* ======================================================================================== */
/* ======================================================================================== */



/* footer */

footer{background-image: url(../images/footer-image-scaled.jpg); background-position: center; 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: 'Oswald', sans-serif; margin-bottom: 26px;}

footer .info li{color: #fff; margin-bottom: 15px; font-size: 15px; font-family: 'Oswald', sans-serif; font-weight: 300;}

footer .info li a{color: #fff;}


footer .inr{text-align: center;}

footer h4 img{width: 110px;}

footer .text{font-family: 'Oswald', sans-serif;
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: 'Oswald', sans-serif; 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;}


/* 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-photography section css start  */
/* ======================================================================================== */






 #about-photography-full{position:relative;padding:100px 0;background:#111}

 #about-photography-full .about-photography-overlay
 {position:absolute;inset:0;background:rgba(0,0,0,.6)}

 #about-photography-full .about-photography-content{position:relative;max-width:900px;margin:auto;text-align:center;color:#fff}

 #about-photography-full .tagline{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#c59d5f;margin-bottom:15px}

 #about-photography-full h2{font-size:40px;font-weight:700;margin-bottom:25px}

 #about-photography-full p{font-size:17px;line-height:1.9;margin-bottom:18px;color:#e0e0e0}

 #about-photography-full .location{margin-top:25px;font-size:16px;display:flex;justify-content:center;align-items:center;gap:10px}

 #about-photography-full .location i{color:#c59d5f;font-size:18px}


 
 @media (max-width:768px){#about-photography-full{padding:70px 15px}

 #about-photography-full h2{font-size:22px;}

 #about-photography-full p{font-size:15px; text-align: justify;}
}



/* ======================================================================================== */
 /* services section css start  */
/* ======================================================================================== */





 #services-section { padding: 80px 0; background: #fff; text-align: center;}

 #services-section .section-title{ font-size: 34px; letter-spacing: 2px; color: #9b5a17; margin-bottom: 10px;}

 #services-section .section-subtitle{ font-size: 15px; color: #666; margin-bottom: 50px;}

 #services-section .services-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}

 #services-section .service-card{ border: 2px solid #d5d5d5; border-radius: 16px; padding: 18px; transition: all 0.4s ease; background: #fff;}

 #services-section .service-card:hover{ transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);}

 #services-section .service-img{ border-radius: 14px; overflow: hidden;}

 #services-section .service-img img{ width: 100%; height: 260px; object-fit: cover; transition: transform 0.6s ease;}

 #services-section .service-card:hover img{ transform: scale(1.08);}

 #services-section .service-card h3{ font-size: 18px; margin: 22px 0; letter-spacing: 1px;}

 #services-section .service-card p{ font-size: 13px; margin: 22px 0; letter-spacing: 1px;}

 #services-section .btn-outline{ padding: 10px 12px; border-radius: 30px; border: 1.5px solid #aaa; font-size: 13px; color: #333; text-decoration: none; transition: all 0.3s ease;}

 #services-section .btn-outline:hover{ background: #333; color: #fff;}

 #services-section .btn-fill{ padding: 10px 12px; border-radius: 30px; background: linear-gradient(135deg, #8a4b12, #c27a2c); color: #fff; font-size: 13px; text-decoration: none; transition: all 0.3s ease;}

 #services-section .btn-fill:hover{ opacity: 0.9;}

 @media (max-width: 991px){  
    #services-section .services-grid{ grid-template-columns: repeat(2, 1fr);}
    #services-section .service-btns{display: grid;}
    #services-section .btn-outline{margin-bottom: 10px;}

}

 @media (max-width: 576px){ #services-section .services-grid{ grid-template-columns: 1fr;}

 #services-section .section-title{ font-size: 15px;}

}




/* ======================================================================================== */
 /* video section css start  */
/* ======================================================================================== */






.video-bg-section{ position: relative; height: 80vh; overflow: hidden;}

 .video-bg-section video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50px;}

 .video-bg-section .video-overlay{ position: absolute; inset: 0; background: rgba(0,0,0,0.55); border-radius: 50px;}

 .video-center-content{ position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 20px;}

 .video-center-content h2{ font-size: 42px; font-weight: 700; margin-bottom: 12px;}

 .video-center-content p{ font-size: 16px; margin-bottom: 25px; color: #ddd; max-width: 600px;}

 .video-btn{ padding: 12px 30px; border-radius: 30px; background: linear-gradient(135deg, #8a4b12, #c27a2c); color: #fff; text-decoration: none; font-size: 14px; transition: 0.3s ease;}

 .video-btn:hover{ opacity: 0.9; transform: translateY(-2px);}

 @media (max-width: 768px){ .video-bg-section{ height: 60vh;}

 .video-center-content h2{ font-size: 28px;}

 .video-center-content p{ font-size: 14px;}

}




/* ======================================================================================== */
 /* gallery section css start   */
/* ======================================================================================== */




#logo{padding: 80px 0; text-align: center;}

#logo .section-title { font-size: 34px; letter-spacing: 2px; color: #9b5a17; margin-bottom: 10px; }

#logo .imgs img{width: calc(100% - 10px); height: 200px; border: 1px solid #DDD; margin: 10px; padding: 10px; background: #FFF;}






/* ======================================================================================== */
/* why choose us section css start  */
/* ======================================================================================== */




#why-choose-section { padding: 80px 0; background: #fafafa; text-align: center;}

#why-choose-section .why-title{ font-size: 34px; color: #9b5a17; margin-bottom: 10px;}

#why-choose-section .why-subtitle{ font-size: 15px; color: #666; margin-bottom: 50px;}

#why-choose-section .why-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}

#why-choose-section .why-card{ background: #fff; padding: 35px 25px; border-radius: 18px; box-shadow: 0 15px 35px rgba(0,0,0,0.08); transition: all 0.4s ease;}

#why-choose-section .why-card:hover{ transform: translateY(-10px); box-shadow: 0 25px 50px rgba(0,0,0,0.15);}

#why-choose-section .why-card i{ font-size: 36px; color: #c27a2c; margin-bottom: 18px;}

#why-choose-section .why-card h4{ font-size: 18px; margin-bottom: 10px;}

#why-choose-section .why-card p{ font-size: 14px; color: #666; line-height: 1.7;}

 @media (max-width: 991px){ #why-choose-section .why-grid{ grid-template-columns: repeat(2, 1fr);}

}

 @media (max-width: 576px){ #why-choose-section .why-grid{ grid-template-columns: 1fr;}

                            #why-choose-section .why-title{ font-size: 26px;}
 }





/* ======================================================================================== */
/* youtube section css start  */
/* ======================================================================================== */



.youtube-section{padding:60px 20px;background:#fff}

.youtube-section h2{text-align:center;font-size:32px;margin-bottom:10px}

.youtube-section p{text-align:center;color:#666;max-width:700px;margin:0 auto 40px}

.youtube-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto}

.video-box{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.1);background:#000}

.video-box iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

@media(max-width:600px){

.youtube-section{padding:40px 15px}

.youtube-section h2{font-size:26px}

}



/* ======================================================================================== */
/* testimonials section css start  */
/* ======================================================================================== */




#testimonials{background-image: url(../images/testimonials-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 60px 0px; position: relative; z-index: 1;}

#testimonials::before{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #0000009e; z-index: -1;}

#testimonials h2{text-align: center; font-size: 30px; font-weight: 600; color: #ffffff; margin-bottom: 15px;}

#testimonials .text{font-size: 17px; width: 60%; text-align: center; margin: 0px auto 50px; color: #fff;}

#testimonials .iner{text-align: center;}

#testimonials .iner .imgs{position: relative;}

#testimonials .iner .imgs img{border-radius: 50%; width: 14%; text-align: center; margin: auto;}

#testimonials .iner .imgs i{width: 35px; height: 35px; background-color: #c27a2c; border-radius: 50px; position: absolute; text-align: center;
line-height: 35px; color: #fff; bottom: -6px; left: -72px; right: 0px; margin: auto;}

#testimonials .iner .content .text-a{width: 65%; text-align: center; margin: 20px auto 20px; color: #fff;}

#testimonials .iner .content h3{color: #fff; font-size: 20px; font-weight: 600;}

#testimonials .iner .content h5{font-size: 14px; font-weight: 600; color: #fff;}

#testimonials .owl-carousel .owl-nav button.owl-next, #testimonials .owl-carousel .owl-nav button.owl-prev, #testimonials .owl-carousel button.owl-dot{display: none;}

@media (max-width:992px) {
   #testimonials .iner .content .text-a {width: 100%;}
   #testimonials .text {width: 100%;}
   #testimonials h2 {font-size: 23px;} 
}



/* ======================================================================================== */
/* counter section css start  */
/* ======================================================================================== */










/* ======================================================================================== */
/* about page team section css start  */
/* ======================================================================================== */

/* #team-section {background-image: url(../images/team-bg-img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0;} */

 #team-section .box{ border-radius: 150px; background: #fff; position: relative; overflow: hidden; text-align: center; height: 450px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
 
 #team-section .box:before{ position: absolute; content: ''; left: 0; top: 0; width: 0; height: 100%; border-radius: 150px; box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.30); transition: all 0.3s ease; background-image: linear-gradient(to right, #c69343 0%, #c6973a 100%); z-index: 0;}
 
 #team-section .box:hover:before{ width: 100%;}
 
 #team-section .box:hover .image-wrapper{ padding: 0;}
 
 #team-section .box:hover .box-desc{ color: #fff;}
 
 #team-section .box:hover .social li a{ background: #fff; color: #000;}
 
 #team-section .box:hover .social li a:hover{ background: #1d1d1d; color: #fff;}
 
 #team-section .image-wrapper{ position: relative; max-width: 210px; max-height: 210px; margin: 0 auto; overflow: hidden; border-radius: 50%; padding: 15px; transition: all 0.5s ease; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.20); z-index: 1;}
 
 #team-section .image-wrapper img{ border-radius: 50%; transition: all 500ms ease;}
 
 #team-section .box-desc{ position: relative; z-index: 1;}

 #team-section .box-desc p{font-size: 13px; margin-bottom: 10px;}
 
 #team-section ul.social{ padding: 0; position: relative; z-index: 1;}
 
 #team-section ul.social li{ display: inline-block; list-style: none;}
 
 #team-section ul.social li a{ position: relative; width: 36px; height: 36px; background-image: linear-gradient(to right, #c69343 0%, #c6973a 100%); display: inline-block; line-height: 36px; border-radius: 50%; color: #fff; transition: all 0.5s ease; text-align: center;}



#about-section { padding: 100px 20px; background: #fff;}

#about-section .about-container{ max-width: 1100px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;}

#about-section .about-content span{ display: inline-block; color: #caa24d; letter-spacing: 2px; font-size: 14px; margin-bottom: 15px; text-transform: uppercase;}

#about-section .about-content h2{ font-size: 40px; font-weight: 700; margin-bottom: 25px; line-height: 1.2;}

#about-section .about-content p{ font-size: 16px; line-height: 1.9; color: #6f6f6f; margin-bottom: 18px;}

#about-section .about-content .highlight{ margin-top: 25px; padding-left: 18px; border-left: 4px solid #caa24d; color: #6f6f6f; font-weight: 500;}

#about-section .about-card{ background: rgba(255, 255, 255, 0.04); border-radius: 18px; padding: 40px; backdrop-filter: blur(8px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);}

#about-section .about-card h3{ font-size: 26px; margin-bottom: 20px; color: #caa24d;}

#about-section .about-card ul{ list-style: none;}

#about-section .about-card ul li{ font-size: 16px; margin-bottom: 14px; color: #6f6f6f; display: flex; align-items: center; gap: 10px;}

#about-section .about-card ul li::before{ content: "✓"; color: #caa24d; font-weight: bold;}

 @media (max-width: 900px){ #about-section .about-container{ grid-template-columns: 1fr; text-align: center;}

 #about-section .about-content h2{ font-size: 32px;}

 #about-section .about-content .highlight{ border-left: none; padding-left: 0;}

}





 /* ======================================================================================== */
/* blog page css start  */
/* ======================================================================================== */


 #blog-section{max-width:1200px;margin:auto;padding:40px 20px}

 #blog-section .blog-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:25px;}

 #blog-section .blog-card{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.3s ease;}

 #blog-section .blog-card:hover{transform:translateY(-6px)}

 #blog-section .blog-card img{ width:100%; height:220px; object-fit:cover;}

 #blog-section .blog-content{padding:22px}

 #blog-section .blog-date{ font-size:13px; color:#777; margin-bottom:8px;}

 #blog-section .blog-content h3{ font-size:20px; margin-bottom:10px; color:#144327;}

 #blog-section .blog-content p{ font-size:14px; line-height:1.6; color:#555; margin-bottom:18px;}

 #blog-section .read-more{ display:inline-block; padding:10px 22px; background: linear-gradient(135deg, #8a4b12, #c27a2c); color:#fff; text-decoration:none; border-radius:30px; font-size:14px; transition:.3s;}





 /* ======================================================================================== */
/* service-deatil page css start  */
/* ======================================================================================== */






 #service-detail { padding: 90px 20px; background: #f8f8f8; font-family: 'Poppins', sans-serif;}

 #service-detail .container{ max-width: 1200px; margin: auto;}

 #service-detail .breadcrumb{ font-size: 14px; margin-bottom: 30px; color: #777;}

 #service-detail .breadcrumb a{ color: #777; text-decoration: none;}

 #service-detail .breadcrumb span{ margin: 0 6px;}

 #service-detail .detail-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;}

 #service-detail .detail-image img{ width: 100%; border-radius: 18px; box-shadow: 0 20px 40px rgba(0,0,0,0.15);}

 #service-detail .detail-content .tag{ display: inline-block; background: #caa24d; color: #fff; padding: 6px 14px; border-radius: 20px; font-size: 13px; margin-bottom: 15px;}

 #service-detail .detail-content h1{ font-size: 38px; margin-bottom: 20px; color: #222;}

 #service-detail .detail-content p{ font-size: 16px; line-height: 1.8; color: #555; margin-bottom: 18px;}

 #service-detail .detail-content .intro{ font-weight: 500; color: #333;}

 #service-detail .features{ list-style: none; margin: 25px 0;}

 #service-detail .features li{ margin-bottom: 12px; font-size: 15px; color: #444;}

 #service-detail .features li::before{ content: '✔'; color: #caa24d; margin-right: 10px;}

 #service-detail .cta-buttons{ display: flex; gap: 15px; margin-top: 25px;}

 #service-detail .btn-outline{ padding: 12px 26px; border: 2px solid #caa24d; color: #caa24d; text-decoration: none; border-radius: 30px; font-weight: 500;}

 #service-detail .btn-fill{ padding: 12px 26px; background: #caa24d; color: #fff; text-decoration: none; border-radius: 30px; font-weight: 500;}

 #service-detail .detail-extra{ margin-top: 70px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}

 #service-detail .extra-box{ background: #fff; padding: 30px; border-radius: 16px; box-shadow: 0 15px 30px rgba(0,0,0,0.08);}

 #service-detail .extra-box h3{ margin-bottom: 12px; color: #222;}

 #service-detail .extra-box p{ font-size: 15px; color: #555;}

 @media(max-width: 900px){  #service-detail .detail-grid{ grid-template-columns: 1fr;}

  #service-detail .detail-content h1{ font-size: 30px;}

  #service-detail .detail-extra{ grid-template-columns: 1fr;}

  #service-detail .cta-buttons{ flex-direction: column;}

}



 /* ======================================================================================== */
/* contact page css start  */
/* ======================================================================================== */




 #contact-page{ padding: 90px 20px; background: #f9f9f9; font-family: 'Poppins', sans-serif;}

 #contact-page .container{ max-width: 1200px; margin: auto;}

 #contact-page .contact-header{ text-align: center; margin-bottom: 60px;}

 #contact-page .contact-header span{ color: #caa24d; letter-spacing: 2px; font-size: 14px;}

 #contact-page .contact-header h1{ font-size: 36px; margin: 15px 0; color: #222;}

 #contact-page .contact-header p{ color: #555;}

 #contact-page .contact-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}

 #contact-page .contact-info{ background: #111; color: #fff; padding: 40px; border-radius: 18px;}

 #contact-page .contact-info h3{ margin-bottom: 25px; color: #caa24d;}

 #contact-page .info-item{ margin-bottom: 20px;}

 #contact-page .info-item a{ color: #fff; text-decoration: none;}

 #contact-page .contact-form{ background: #fff; padding: 40px; border-radius: 18px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);}

 #contact-page .contact-form h3{ margin-bottom: 25px; color: #222;}

 #contact-page .form-group{ margin-bottom: 18px;}

 #contact-page .form-group input,
 #contact-page .form-group select,
 #contact-page .form-group textarea{ width: 100%; padding: 12px 15px; border-radius: 10px; border: 1px solid #ddd; font-size: 15px;}

 #contact-page .btn-fill{ width: 100%; padding: 14px; background: #caa24d; border: none; color: #fff; font-size: 16px; border-radius: 30px; cursor: pointer;}

 #contact-page .contact-map{ margin-top: 60px;}

 #contact-page .contact-map iframe{ width: 100%; height: 350px; border-radius: 18px; border: none;}

 @media(max-width: 900px){ #contact-page.contact-grid{ grid-template-columns: 1fr;}

 #contact-page .contact-header h1{ font-size: 28px;}

}