/*Write Css*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari&display=swap');


h1, h2, h3, h4, h5, h6 {
     font-family: 'Noto Sans Devanagari', sans-serif !important;
}

body, p, li, span,a,span,button,input {
    font-family: 'Noto Sans Devanagari', sans-serif !important;
}


.about-contents .about-contents-wrap h2{
    margin: 20px 0px 24px 0px !important;
}

.about-contents .about-contents-wrap p{
    margin-bottom: 20px !important;
        line-height: 2 !important;
}

.agency_work_area .row.g-4.mt-4 {
    margin-top: 0 !important;
}


   .agency_section__title .title{
        margin-top: 20px !important;
        text-align: center !important;
        color: #ed1b24 !important;
    }
    
    .agency_work_area{
        background: #fff8f0 !important;
    }
    
    
    .agency_work_area .first-bg{
        display: none !important;
    }
    
    .agency_work_area .last-bg{
        display: none !important;
    }
    
    /* Container for each blog card */
.consulting_blog_area .consulting_blog {
    background: #fff;
    border-radius: 12px; /* Smooth rounded corners */
    border: 1px solid #ececec; /* Light, subtle border */
    overflow: hidden;
    transition: all 0.3s ease; /* Smooth transition for hover effect */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Very soft shadow */
    height: 100%;
    margin-bottom: 20px;
}
.consulting_sectionTitle .title__top{
    color:#ed1b24 !important;
}
/* Hover effect for the card */
.consulting_blog_area .consulting_blog:hover {
    transform: translateY(-5px); /* Lifts the card slightly */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Deepens shadow on hover */
    border-color: #d1d1d1;
}

/* Styling the 'Explore more' button */
.consulting_blog_area .consulting_blog__btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 20px;
    background-color: #f3f3f3; /* Neutral background */
    color: #333;
    border-radius: 50px; /* Pill shape */
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

/* Button Hover effect */
.consulting_blog_area .consulting_blog__btn:hover {
    background-color: #ed1b24; /* Use your brand color here */
    color: #fff;
    padding-right: 25px; /* Slight movement to the right */
}

/* Style the icon inside the button */
.consulting_blog_area .consulting_blog__btn i {
    margin-left: 8px;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.consulting_blog_area .consulting_blog__btn:hover i {
    transform: translateX(5px); /* Arrow slides right on hover */
}

/* Clean up spacing in the content area */
.consulting_blog_area .consulting_blog__contents {
    padding: 20px;
}

@media (max-width: 768px) {
    .consulting_blog_area .consulting_blog__contents {
        padding: 15px; /* Slightly less padding to save screen space */
    }

    .consulting_blog_area .consulting_blog__contents__title {
        font-size: 18px; /* Slightly smaller font for mobile titles */
        line-height: 1.4;
    }

    /* Disable the lift-up effect on mobile to prevent "jumpy" scrolling */
    .consulting_blog_area .consulting_blog:hover {
        transform: none; 
    }
    
    /* Make the button slightly larger for easier tapping (Touch Target) */
    .consulting_blog_area .consulting_blog__btn {
        padding: 12px 24px;
        width: 100%; /* Optional: Makes button full width on mobile */
        justify-content: center;
        display: flex;
    }
}


.agency .singleBlog-global .blog-img .content {
    background: #ed1b24 !important;
}

.aboutCaption-global .pera{
        text-align: justify !important;
}

.aboutCaption-global .tittle{
    color:#ed1b24 !important;
}





/* --- General Section & Card Styling --- */
.wedding_bannerbottom_area {
    background-color: #f9f9f9; /* Light background to make white cards pop */
}

.wedding_bannerbottom_area .wedding_bannerbottom__single {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #eee;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
}

.wedding_bannerbottom_area .wedding_bannerbottom__single:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    border-color: #ed1b24; /* Border turns red on hover */
}

/* --- Flex Layout for Image and Text --- */
.wedding_bannerbottom_area .wedding_bannerbottom__single__flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* --- Image Styling --- */
.wedding_bannerbottom_area .wedding_bannerbottom__single__thumb img {
    width: 120px; /* Fixed size for Mission/Vision icons */
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #f0f0f0;
}

/* --- Text Styling --- */
.wedding_bannerbottom_area .wedding_bannerbottom__single__title {
    color: #ed1b24; /* Brand Red */
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    text-decoration: none;
}

.wedding_bannerbottom_area .wedding_bannerbottom__single__para {
    color: #555;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* --- Mobile Responsive Rules --- */
@media (max-width: 768px) {
    .wedding_bannerbottom_area {
        padding: 40px 0; /* Adjust section padding for mobile */
    }

    /* Stack image on top of text for mobile */
    .wedding_bannerbottom_area .wedding_bannerbottom__single__flex {
        flex-direction: column;
        text-align: center;
    }

    .wedding_bannerbottom_area .wedding_bannerbottom__single__thumb img {
        width: 100%; /* Image takes full width on mobile */
        height: 200px; /* Taller height for better visibility */
    }

    .wedding_bannerbottom_area .wedding_bannerbottom__single {
        margin-bottom: 20px;
        padding: 20px;
    }

    .wedding_bannerbottom_area .wedding_bannerbottom__single__title {
        font-size: 20px;
        margin-top: 15px;
    }
}






//* --- Clean Team Design with Bottom Brand Line --- */
.teamArea {
    background-color: #ffffff;
    padding: 60px 0;
}

/* Parent Card */
.teamArea .singleTeam-global {
    background: #fff;
    border-radius: 12px;
    /* Soft, elegant shadow */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
    overflow: hidden;
    transition: all 0.4s ease;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}

/* Image Section - Keeping your original sizes */
.teamArea .team-img {
    width: 100%;
    background: #f9f9f9;
}

.teamArea .team-img img {
    width: 100%;
    display: block;
    transition: transform 0.6s ease;
}

/* Caption Section - Positioned below the image */
.teamArea .teamCaption {
    padding: 25px 15px;
    text-align: center;
    /* The Red Line moved to the bottom */
    border-bottom: 6px solid #ed1b24; 
    flex-grow: 1;
    transition: background-color 0.3s ease;
}

/* Name Title */
.teamArea .teamCaption .title {
    font-size: 21px;
    font-weight: 700;
    color: #1a1a1a;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}

/* Position Text */
.teamArea .teamCaption .pera {
    font-size: 15px;
    color: #ed1b24; /* Position in Brand Red for better visibility */
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Hover Effects --- */
.teamArea .singleTeam-global:hover {
    transform: translateY(-12px); /* Card lifts up */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    border-color: #ed1b24;
}

.teamArea .singleTeam-global:hover .team-img img {
    transform: scale(1.03); /* Tiny zoom effect */
}

/* --- Mobile Responsive --- */
@media (max-width: 768px) {
    .teamArea {
        padding: 40px 0;
    }
    
    .teamArea .teamCaption {
        padding: 20px 10px;
        border-bottom-width: 4px; /* Slightly thinner line for mobile */
    }

    .teamArea .teamCaption .title {
        font-size: 19px;
    }
}

.teamArea[data-padding-top="110"] {
    padding-top: 20px !important;
}



   .agency_copyright_area .copyright-contents a {
    color: white !important;
}

.agency_footer_area .footer-middler .col-xl-3{
    width: 22% !important;
}

/* Navbar content */
.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    font-size: 18px !important;
}

/* Blog */
.singleBlog-global .blogCaption .tittle {
    font-weight: 700 !important;
}
.consulting_blog_area .consulting_blog__btn {
    background: #ed1a25 !important;
    color: white !important;
}

/* परिचय */

/* Title color black  */
div span b {
    color: black !important;
   
}
/* Paragraph  text black  */
div {
    color: black;
}


/* Service area */
.service-four-columns .section-title .title {
    font-weight: 600 !important;
}

.agency_work__contents .agency_work__para {
    display: -webkit-box !important;      
    -webkit-line-clamp: 1 !important;    
    -webkit-box-orient: vertical !important; 
    overflow: hidden !important;        
    text-overflow: ellipsis !important; 
    white-space: normal !important;      
    max-height: 1.2em !important;      
}



/* Footer */
.mb-40 {
    margin-bottom: 0 !important;
}


/* */
/* ===== TEXT EDITOR MAIN WRAP ===== */
.text-editor-wrap {
    width: 100% !important;
    background: #ffffff !important;
    padding: 60px 0 !important;
}

/* ===== CONTAINER CENTER ===== */
.text-editor-wrap .container {
    max-width: 1100px !important;
    margin: auto !important;
}

/* ===== PARAGRAPH DESIGN ===== */
.text-editor-wrap p {
    font-size: 18px !important;
    line-height: 1.9 !important;
    color: #333333 !important;
    text-align: center !important;
    max-width: 900px !important;
    margin: 0 auto 25px auto !important;
    
}

/* ===== IMAGE CENTER & SPACING ===== */
.text-editor-wrap img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 50px auto 0 auto !important;
    border-radius: 6px !important;
}

/* ===== REMOVE EXTRA EMPTY P TAG GAP ===== */
.text-editor-wrap p:empty {
    display: none !important;
}

/* ===== ROW FIX ===== */
.text-editor-wrap .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
    .text-editor-wrap {
        padding: 40px 15px !important;
    }

    .text-editor-wrap p {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
}



/* Mobile Responsive */
@media (max-width: 576px){
    .about-contents .about-contents-wrap h2 {
        font-size: 22px !important;
    }
    .service-four-columns .section-title .title {
        font-size: 22px !important;
    }
    .service-four-columns .section-title .title {
         font-size: 22px !important;
    }
    
}






/* --- FINAL RESPONSIVE FOOTER DESIGN --- */
/* ===== FOOTER RESPONSIVE ===== */

/* Tablet: 2 columns */
@media (max-width: 1199px) {
    .row.g-4.justify-content-between > .col-xxl-3,
    .row.g-4.justify-content-between > .col-xl-3,
    .row.g-4.justify-content-between > .col-lg-4,
    .row.g-4.justify-content-between > .col-md-6,
    .row.g-4.justify-content-between > .col-sm-8 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 30px !important;
    }
      .footer-logo {
        text-align: left !important;
        margin-bottom: 20px !important;
    }
}

/* Mobile: 1 column, center text & images */
@media (max-width: 767px) {
    .row.g-4.justify-content-between > .col-xxl-3,
    .row.g-4.justify-content-between > .col-xl-3,
    .row.g-4.justify-content-between > .col-lg-4,
    .row.g-4.justify-content-between > .col-md-6,
    .row.g-4.justify-content-between > .col-sm-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 30px !important;
    }
    .footer-logo {
        text-align: left !important;
        margin-bottom: 20px !important;
    }

    /* Footer Titles */
    .footer-tittle h4.footerTittle {
        font-size: 19px !important;
        font-weight: 700 !important;
        
    }

    /* Paragraphs / descriptions */
    .footer-pera p {
       
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* Social icons center */
    .footer-social {
        
        margin-top: 15px !important;
    }

    /* Footer images responsive */
    .footer-logo img {
        max-width: 60% !important;
        height: auto !important;
        /*display: block !important;*/
        margin: 0 auto !important;
    }

    /* Contact info center */
    .listing-info li a.singleLinks2 {
        display: block !important;
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
}



.text-editor-wrap{
    padding: 20px !important;
}

.text-editor-wrap p{
    text-align: left !important;
    margin: 0px !important;
}