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


/* services */
/* Card Container Design */
.agency_service.bg-white.thumb_shape {
    padding: 40px 20px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    border: 1px solid #f0f0f0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Icon Circle Design */
.agency_service__icon {
    width: 100px !important;
    height: 100px !important;
    background-color: #f3be6f !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px auto !important;
}

.agency_service__icon img {
    width: 50px !important; /* Icon size adjustment */
    height: auto !important;
    filter: invert(100%) brightness(200%) contrast(150%) !important;
    
}

/* Title Design */
.agency_service__title, .agency_service__title a {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-decoration: none !important;
    margin-bottom: 15px !important;
}


.agency_service__para {
    display: none !important; 
}

/* Read More Button Design */
.agency_service__btn {
    display: inline-block !important;
    padding: 10px 35px !important;
    border: 1.5px solid black !important;
    color: white !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-style: italic !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    /*background: transparent !important;*/
    background: #00732c !important;
}

.agency_service__btn:hover {
    background-color: #e30914 !important;
    color: #fff !important;
}

/* Grid adjustment */
.row.g-4.mt-4 {
    justify-content: center !important;
}

/* ######## Removing unwanted things from services ############## */
.agency_service.thumb_shape::before, 
.agency_service.thumb_shape::after {
    display: none !important;
}


/* ############## Blogs ############### */
.construction_blog__thumb img {
    width: 100%;
    height: 250px;   
    object-fit: cover;
}


/* ############### Natural Milestones ########### */
/* Section Background */
.services-thumb.agro {
    background: #f8fafc;
    padding: 50px 0 !important;
}
.agency_section__title.white .title {
    text-align: center !important;
}

/* Section Title */
.services-thumb .section-tittle .tittle {
    font-size: 36px !important;
    font-weight: 700 !important;
    
    margin-bottom: 40px !important;
}

.services-thumb .section-tittle p {
    color: #64748b !important;
}

/* Grid spacing */
.box-ordered {
    justify-content: center !important;
    row-gap: 30px !important;
}

/* Card Design */
.box-icon-modern {
    background: white !important;
    border-radius: 20px !important;
    padding: 25px 15px !important;
    text-align: center !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;
    transition: all 0.4s ease !important;
    height: 100% !important;
}

/* Hover Effect */
.box-icon-modern:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.12) !important;
}

/* Count Number Style */
.box-icon-modern-count {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 12px !important;
}

/* Icon Image */
.box-icon-contents img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;
    margin-bottom: 15px !important;
    transition: transform 0.4s ease !important;
}

.box-icon-modern:hover img {
    transform: scale(1.1) !important;
}

/* Title */
.box-icon-modern-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    margin-top: 10px !important;
}

/* Responsive */
@media (max-width: 768px) {
    .services-thumb .section-tittle .tittle {
        font-size: 26px !important;
    }

    .box-icon-modern {
        padding: 20px 10px !important;
    }

    .box-icon-modern-count {
        font-size: 22px !important;
    }
}


/* ############ homepage  ########## */



/* ########### Footer ################ */
.footer-logo {
    margin-bottom: 0px !important;
}


/* ########## Testimonial ########## */
.barberShop_sectionTitle {
    justify-content: center !important;
    text-align: center !important;
}
.barberShop_testimonial__single__contents__para {
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; 
    max-height: 8em !important; 
    line-height: 1.6em !important;
}

/* Hover  */
.barberShop_testimonial__single__contents__para:hover {
    -webkit-line-clamp: unset !important;
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    cursor: pointer !important;
}
.barberShop_sectionTitle {
    position: relative !important;
    text-align: center !important;
}

.append_testimonial {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* ######### Blogs ############ */
.construction_sectionTitle__two {
    justify-content: center !important;
    text-align: center !important;
    padding-bottom: 10px !important;
}

.construction_blog__contents__title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.construction_blog__contents__title a {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.singleBlog-global .blogCaption {
    padding: 22px 10px 19px 20px !important;
}

/*########## Mission vision ########### */
.wedding_bannerbottom__single.white .wedding_bannerbottom__single__title {
    color: black !Important;
}

.wedding_bannerbottom__single.white .wedding_bannerbottom__single__para{
    color: black !important;
}



/* ################ Homepage aboutus Paragraph ############# */
.aboutArea .about-caption p.about-cap-top {
    color: black !important;
}




/* ########## Home Page Responsive ########## */
@media (max-width: 576px) {
   .header-style-01 .logo img{
     height: 70px !important;
     
   }
   .navbar-area.agency_nav .nav-container {
       padding: 0 12px 0 !important;
   }
   .section-tittle {
       margin-bottom: 0 !important;
   }
   .wedding_bannerbottom_area {
    padding-bottom: 30px !important;
   }
   .galleryArea-global.section-padding {
       padding-top: 0px !important;
   }
   .box-icon-modern-count {
       font-size: 16px !important;
   }
   .services-thumb .box-icon-modern .box-icon-contents {
       padding: 0 !important;
   }
   .barberShop_sectionTitle.title_flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
   }
   .construction_sectionTitle__two .title {
       font-size: 24px !important;
   }
   .construction_blog_area.featured-blog {
    padding-bottom: 0 !important;
   }
  .abutArea-global1 .container {
    padding-bottom: 0 !important;
   }
  
}



/* ############## Blogs page ############## */
/* Blog Image Height Fix */
.singleBlog-global .blog-img img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Date Badge Style */
.singleBlog-global .posted-date {
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    background: rgba(0,0,0,0.75) !important;
    color: white !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    z-index: 2 !important;
}

/* Date Icon Fix */
.singleBlog-global .posted-date i {
    margin-right: 5px !important;
}




/* ############ Aboutus ############# */

.categoriesArea p,
.categoriesArea span,
.categoriesArea b {
    color: #000 !important;
}
.aboutCaption-global .pera {
    color: #000 !important;
}

/* ######### Loan pages ######## */
.service-area-big .service-title h3 {
    color: #00732c !important;
    font-weight: 700 !important;
}