/*Write Css*/

@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5, h6 {
     font-family: "Poppins", sans-serif !important;
}
body, p, li, span,a,span,button,input {
    font-family: "Poppins", sans-serif !important;
}



/* ############## Homepage image height fix ############## */

/* Fix image container height */
.product-image {
    height: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Fix image size properly */
.product-image img {
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
}


/* Product title - 1 line only */
.product-card-content .title {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* for login button */
.header-info-right .user-account .listItem a {
    color: white !important;
}
.header-info-right .user-account .listItem a:hover {
    color: white !important;
}

/* for responsive */
@media (min-width: 1400px) {
    .container {
        max-width: 1500px !important;
    }
}

/* for footer logo*/
.footer-logo{
    margin-bottom: 20px !important;
}

/* for contact -back*/
.simpleContact {
    background-color: rgb(240, 233, 233) !important;
}

/* for button color */
.btn-wrapper .cmn-btn2 {
    background-color: #E91818 !important;
}
/* for blog title bold */
.singleBlog-global .blogCaption .tittle {
    font-weight: bold !important;
}

/* for homepage projects section */
.categorygrid-2 { 
    padding-top: 0px !important; 
    padding-bottom: 0px !important; 
}
.categorygrid-2.cat-roundslider {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* for product unwanted things */
.section-tittle .tittle::after {
    content: none !important; 
    display: none !important;
    background-image: none !important;
    width: 0 !important;
    height: 0 !important;
    --after-content: none !important; 
}

 
.section-tittle .tittle:before,
.section-tittle .tittle:after {
    content: none !important; 
    display: none !important;
    background-image: none !important;
}

/* for items bold */
.section-title h1 {
  font-weight: 700;
  color: #000; 
  text-transform: uppercase; 
  letter-spacing: 1px; 
 
}

/* for project color */
.construction_project__title a {
  color: white;
  font-weight: 700;
}


/* for membership text */
.agency_service__para {
  display: -webkit-box;
  -webkit-line-clamp: 3;        
  -webkit-box-orient: vertical; 
  overflow: hidden;
  text-overflow: ellipsis;
}

/* homepage services */
.agency_work_area .agency_section__title.title_flex h2.title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Blog of homepage */
.construction_blog_area .construction_sectionTitle__two.title_flex h2.title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Testimonial of homepage */
.testimonial-mainagency .agency_section__title h2.title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Mobile Responsive */
/* Flex wrapper already applied with d-flex, justify-content-between, etc. */
.header-top .header-info-left ul,
.header-top .header-info-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0px;
}

.header-top .header-info-left ul li,
.header-top .header-info-right ul li {
    display: flex;
    align-items: center;
}

.header-top .header-info-left ul li i,
.header-top .header-info-right ul li i {
    margin-right: 5px;
}

/* Responsive for tablet */
@media (max-width: 992px) {
    .header-top .d-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-top .header-info-left ul,
    .header-top .header-info-right ul {
        flex-direction: column;
        gap: 0px;
    }

    .header-top .header-info-right {
        margin-top: 10px;
    }
}

/* Social Global*/
.header-top .header-info-right .header-cart .listItem .social .icon{
        padding-left: 5px !important;
        font-size: 25px !important;
    }


/* Responsive for mobile */
@media (max-width: 480px) {
    .header-top .header-info-left ul li,
    .header-top .header-info-right ul li {
        font-size: 14px;
    }
    
    
}



/*
 * IMPORTANT: Force Social Icons to be side-by-side
 * This uses a very strong selector combined with !important to fix layout issues.
 */
.header-cart {
    display: flex !important;
    flex-direction: row !important; 
    padding: 0 !important;
    margin: 0 !important;
}

.header-cart .listItem {
    display: inline-block !important; 
    margin-left: 8px !important; 
    list-style: none !important;
    float: none !important; 
}

/* Re-apply circular styling just in case */
.header-cart .listItem .social {
    display: flex !important;
    width: 30px !important; 
    height: 30px !important; 
    border-radius: 50% !important;
    justify-content: center !important;
    align-items: center !important;
    
}


/* About us*/

/*.wedding_bannerbottom_area > .container > .row .col-lg-6{*/
/*    margin-top: 0px !important;*/
/*}*/

/*.wedding_bannerbottom_area > .container > .row {*/
/*    width: 90%;*/
/*}*/

/*.wedding_bannerbottom_area > .container {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*.wedding_bannerbottom_area .justify-content-between {*/
/*    justify-content: center !important;*/
/*}*/

/* ############ Top Bar ############## */
/* Force topbar content in one line */
.header-top .d-flex {
    flex-wrap: nowrap !important;
}

/* Make both sides flex */
.header-info-left,
.header-info-right {
    display: flex !important;
    align-items: center !important;
}

/* Remove ul default spacing */
.header-info-left ul,
.header-info-right ul {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Remove list spacing */
.header-info-left ul li,
.header-info-right ul li {
    margin-right: 15px !important;
    white-space: nowrap !important;
}

/* Remove extra space from realtime date */
.realtime-date {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Prevent breaking */
.header-top {
    overflow: hidden !important;
    padding-bottom: 10px !important;
}
/* Hide Time and Date Completely */
.header-info-right .realtime-date {
    display: none !important;
}

.header-info-right .realtime-date * {
    display: none !important;
}

/* ############## Products ############# */
/* Make header top content in one straight line */
.header-top .d-flex {
    flex-wrap: nowrap !important;
    align-items: center !important;
}

/* Left side phone & email inline */
.header-top .listing {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-top .listing .listItem {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
}

/* Login / Register inline */
.header-top .user-account {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.header-top .user-account .listItem {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* Social icons in same line */
.header-top .header-cart {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
}

/* Remove extra spacing */
.header-top ul {
    margin-bottom: 0 !important;
}

/* Keep everything vertically centered */
.header-top .header-info-right {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}









/* ################## Image height fix of homepage ################### */
/* Fix image container height */
.product-image {
    height: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Fix image size properly */
.product-image img {
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
}




/* ######### Serviuces of homepage ########## */
.agency_work__para {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: all 0.3s ease !important;
}
/* Titlle */
.agency_work__title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.agency_work__title a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
}


/* ########## Aboutus page############# */
.about {
    background-color: #ffffff !important;
    padding: 0 0 !important;
    overflow: visible !important; 
}

.about .col-md-5 {
    z-index: 1 !important;
    position: relative !important;
}


.about .col-md-5 figure img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 20px !important; 
    display: block !important;
}

.about .col-md-7 {
    z-index: 2 !important;
    position: relative !important;
}

.about .about-contents {
    background-color: #faf9f6 !important; 
    padding: 60px 50px !important; 
    border-radius: 24px !important; 
    box-sizing: border-box !important;
    

    margin-left: -25% !important; 
    position: relative !important;
    box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.07) !important;
}

.about .about-contents .section-tittle {
    margin-bottom: 25px !important;
}

.about .about-contents .section-tittle .tittle {
    font-weight: 700 !important;
    font-size: 32px !important;  
    line-height: 1.3 !important;
    color: #111111 !important;
    text-transform: uppercase !important; 
    letter-spacing: 0.5px !important;
}


.about .about-contents p {
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #555555 !important;
    margin-bottom: 15px !important;
}

@media (max-width: 991px) {
    .about .col-md-5, .about .col-md-7 {
        width: 100% !important;
    }
    
    .about .about-contents {
        margin-left: 0 !important; 
        margin-top: -40px !important; 
        padding: 40px 25px !important;
    }
}




/* ############ Mission Vision ############# */
/* ===== Mission & Vision Premium Design ===== */

.wedding_bannerbottom_area{
    position: relative !important;
    overflow: hidden !important;
    padding-top: 90px !important;
    padding-bottom: 90px !important;
    background: #f8f6f2 !important;
}

/* Background Shape */
.wedding_bannerbottom_area::before{
    content: "" !important;
    position: absolute !important;
    width: 500px !important;
    height: 500px !important;
    border-radius: 50% !important;
    background: rgba(201, 169, 97, 0.08) !important;
    top: -180px !important;
    right: -150px !important;
    z-index: 0 !important;
}

.wedding_bannerbottom_area .container{
    position: relative !important;
    z-index: 2 !important;
}

/* Card */
.wedding_bannerbottom__single{
    background: #ffffff !important;
    border-radius: 28px !important;
    padding: 50px 45px !important;
    height: 100% !important;
    position: relative !important;
    transition: all .4s ease !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06) !important;
    overflow: hidden !important;
}

/* Elegant Hover */
.wedding_bannerbottom__single:hover{
    transform: translateY(-8px) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,0.12) !important;
    border-color: rgba(201,169,97,0.3) !important;
}

/* Gradient Border Effect */
.wedding_bannerbottom__single::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 5px !important;
    background: #003014 !important;
}

/* Content Layout */
.wedding_bannerbottom__single__flex{
    display: block !important;
}

/* Hide Empty Thumb */
.wedding_bannerbottom__single__thumb{
    display: none !important;
}

/* Title */
.wedding_bannerbottom__single__title{
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #1d1d1d !important;
    margin-bottom: 18px !important;
    position: relative !important;
    padding-bottom: 18px !important;
}

/* Underline */
.wedding_bannerbottom__single__title::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 70px !important;
    height: 3px !important;
    background: #003014 !important;
    border-radius: 50px !important;
}

/* Paragraph */
.wedding_bannerbottom__single__para{
    font-size: 17px !important;
    line-height: 2 !important;
    color: #666666 !important;
    margin: 0 !important;
    max-width: 95% !important;
}

/* Link */
.wedding_bannerbottom__single a{
    text-decoration: none !important;
}

/* Different Accent */
.col-lg-6:first-child .wedding_bannerbottom__single{
    background: linear-gradient(180deg,#ffffff 0%, #fcfaf5 100%) !important;
}

.col-lg-6:last-child .wedding_bannerbottom__single{
    background: linear-gradient(180deg,#ffffff 0%, #f9f9f9 100%) !important;
}

/* Responsive */
@media only screen and (max-width: 767px){

    .wedding_bannerbottom_area{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .wedding_bannerbottom__single{
        padding: 35px 28px !important;
        border-radius: 22px !important;
    }

    .wedding_bannerbottom__single__title{
        font-size: 28px !important;
    }

    .wedding_bannerbottom__single__para{
        font-size: 15px !important;
        line-height: 1.8 !important;
        max-width: 100% !important;
    }
}



/* Homepage */