/*upadte by me*/
 p.disc {
   /*4. Word breaking taake extra gaps na ayen */
    word-break: break-word !important;
    hyphens: none !important;
    text-justify: inter-character !important;
}
 @media (max-width: 575px) {
p.disc {
    text-align: justify;
    letter-spacing: -0.2px;
    word-spacing: -1px;
    
}}
/* ✅ Desktop View: 4 Columns with Borders */
.brand-area-main-wrapper--box {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    border-top: none !important;
    border-left: none !important;
    padding-bottom: 50px !important;
}

.brand-area-main-wrapper--box .single-brand {
    border-right: 1px solid rgba(32, 40, 45, 0.21);
    /* 1px solid #ebebeb !important; */
    border-bottom: 1px solid rgba(32, 40, 45, 0.21);;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* ✅ Mobile View: 2 Columns WITHOUT Borders */
@media (max-width: 768px) {
    .brand-area-main-wrapper--box {
        grid-template-columns: repeat(2, 1fr) !important;
        /* Container ke borders khatam karne ke liye */
      
    }

    .brand-area-main-wrapper--box .single-brand {
        
       
        padding: 10px !important; 
    }
    
    .brand-area-main-wrapper--box .single-brand img {
        max-width: 80%; /* Mobile par logo size balance karne ke liye */
        height: auto;
    }
}
/* brand img size */
.single-brand img {
    width: 180px;
    height: auto;
    object-fit: contain;
}

/* our partner text equal alignment with continer or text */
.title-area-left {
    text-align: left !important; /* Text ko left align karne ke liye */
    margin-left: 0 !important;
    padding-left: 0 !important;
    font-size: 48px;
}

.title-area-left .title {
    display: inline-block;
    font-size: 48px;
    /* margin-bottom: 20px;  */
}


/* ✅ Mobile View Styling */
@media (max-width: 768px) {
    .title-area-left {
        text-align: left !important; /* Mobile par bhi left hi rakhega */
        padding-left: 15px !important; /* Mobile container ki side spacing ke sath align karne ke liye */
    }

    .title-area-left .title {
        font-size: 30px !important; /* Choti screen ke liye font size kam kiya gaya hai */
        margin-bottom: 15px !important;
    }
}
@media only screen and (max-width: 575px) {
    .partner-breadcrumb .title-area-left * {
        font-size: 32px;
    }
}




.rts-cta-area-inner.bg_image.ptb--100 {
    margin-top: 160px;
}



@media (max-width: 768px) {
    .brand-area-main-wrapper--box {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Mobile me har box par 1px border */
    .brand-area-main-wrapper--box .single-brand {
        /* border: 1px solid rgba(32, 40, 45, 0.21) !important; */
        border: 1px solid rgba(32, 40, 45, 0.2) !important;
        padding: 10px !important; 
    }

    .brand-area-main-wrapper--box .single-brand img {
        max-width: 80%; /* Mobile par logo size balance */
        height: auto;
    }
}


/* styling of banner on mobile */
@media only screen and (max-width: 575px) {
    .partner-breadcrumb {
        height: 200px;
    }
}

@media (max-width: 768px) {
    .title-area-left {
        padding-left: 0 !important; /* completely remove padding-left */
    }
}


@media (max-width: 575px) {
    .title-area-left {
        font-size: 28px !important;
        line-height: 1.2 !important; /* Spacing behtar karne ke liye */
        text-align: left !important;
    }
}