.home-page .section-title:after {
    opacity:0;
    content:"";
    position:absolute;
    background: var(--secondary-color);
    width: 100px;
    height: 2px;
    bottom: 0;
    left: calc(50% - 50px);
}

.section-title {
    font-size: 2rem;
    font-weight: bold;
    color: var(--secondary-color);
    letter-spacing: 2px;
    margin-bottom: 0.5rem;
    padding-bottom: 10px;
    position: relative;
}
.section-title.no-bg:after{
    background: transparent;
}
.section-title.title-v2{
    background:transparent;
    margin: 0;
}

h4.section-subtitle {
    font-size: 1.4rem;
    position: relative;
    font-weight: bold;
    padding-bottom: 10px;
}
h4.section-subtitle:after{content:"";background: var(--primary);height: 1px;width: 150px;position: absolute;bottom: 5px;left: 0;}
/* ===== ABOUT US SECTION ===== */
.about-us-section {
    background: url(../images/bg-about.png) no-repeat bottom center;
    padding: 80px 0;
    background-size: 100% 100%;
}

.about-images-wrapper {
    position: relative;
}
.main-image:after{content:"";width: calc(100% - 10px);height: calc(100% - 10px);position: absolute;border: 2px solid #fff;top: 5px;left: 5px;}
.main-image img{width:100%}
.main-image {
    
    position: relative;
    z-index: 1;
}

.overlay-image {
    position: absolute;
    bottom: -20px;
    right: -20px;
    z-index: 2;
    max-width: 200px;
}

.overlay-image img {
    border: 5px solid #DBDFDE;
}

.about-content {
    padding: 0 30px;
}

.about-text {
    font-size: 1.1rem;
    color: var(--gray-dark);
    margin-bottom: 2rem;
    line-height: 1.8;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.feature-icon {
  
    width: 60px;
    height: 60px;
   
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feature-icon i {
    color: var(--white);
    font-size: 1.5rem;
}

.feature-content h5 {
    color: var(--secondary-color);
    font-weight: bold;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.feature-content p {
    color: var(--gray-dark);
    margin: 0;
    font-size: 0.95rem;
}

.btn-read-more {
    background: var(--primary-color);
    border: none;
    padding: 12px 30px;
    font-weight: bold;
    border-radius: 7px;
    color: #333;
    transition: all 0.3s ease;
}

.btn-read-more:hover {
    background: #e89512;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(244, 166, 35, 0.3);
}

/* ===== PRACTICE AREAS SECTION ===== */
.practice-areas-section {
    padding: 80px 0;
    background: rgba(255, 251, 245, 0.85);
}
.practice-card.custom .view-all{
    text-transform: uppercase;
    font-weight: 500;
    color: #111;
    border: 1px solid;
    display: inline-block;
    padding: 6px 20px;
}
.practice-card.custom:after{
    /* background: var(--primary); */
    background: transparent;
}
.practice-card .hover-content{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 123;
    width: 90%;
}
.practice-card:hover .hover-content{}
.practice-card:after{content:"";background: #111;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.4;}
.practice-card {
    background: var(--white);
    padding: 40px 30px;
    text-align: center;
    height: 100%;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.practice-card:hover h3{color:var(--primary)}
.practice-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.practice-card:hover .practice-icon img{
    filter: none;
}
.practice-icon img{
    filter: brightness(0) invert(1);
}
.practice-card:nth-child(6) {
    background: var(--primary-color);
    color: var(--white);
}

.practice-card:nth-child(6) h3,
.practice-card:nth-child(6) p {
    color: var(--white);
}

.practice-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 7px;
}

.practice-card:nth-child(6) .practice-icon {
    background: var(--white);
}

.practice-icon i {
    font-size: 2rem;
    color: var(--white);
}

.practice-card:nth-child(6) .practice-icon i {
    color: var(--primary-color);
}

.practice-card h3 {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 1.3rem;
    
}

.practice-card p {
    color: var(--gray-dark);
    line-height: 1.6;
    margin-bottom: 0;
}

.view-all-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: var(--white);
    padding: 8px 15px;
    border-radius: 15px;
    font-size: 0.9rem;
    font-weight: bold;
    color: var(--primary-color);
}

/* ===== OUR PEOPLE SECTION ===== */
.our-people-section {
    
    padding: 80px 0;
}
.our-people-section .swiper-pagination{bottom:-30px}
.our-people-section .swiper-pagination .swiper-pagination-bullet{    background: var(--primary);}

.people-slider-container {
    max-width: 100%;
    overflow: hidden;
}

.people-card {
    background: var(--white);
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin: 0;
    position: relative;
}

.people-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.people-image {
    position: relative;
    overflow: hidden;
    /* height: 300px; */
}

.people-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.people-card:hover .people-image img {
    transform: scale(1.05);
}

.people-info {
    background: #f4a623d6;
    padding: 20px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 10px;
}

.people-info h5 {
    color: var(--white);
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.1rem;
}

.people-info p {
    color: var(--white);
    margin: 0;
    opacity: 0.9;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* Swiper Navigation Buttons */
.people-prev,
.people-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    outline: none;
}

.people-prev {
    left: -75px;
}

.people-next {
    right: -75px;
}
@media(max-width:1024px){
    .people-prev{
        left:0;
    }
    .people-next{
        right: 0;
    }
}

.people-prev:hover,
.people-next:hover {
    background: var(--secondary-color);
    transform: translateY(-50%) scale(1.1);
}
.people-prev:hover path,
.people-next:hover path{
    fill:#fff;
} 
/* ===== LATEST NEWS SECTION ===== */
.latest-news-section {
    background: #FFFBF5;
}

.news-card {
    background: var(--white);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
}
.news-card .news-date{
    transform: translateX(-50%);
    left:50%;
    bottom:-10px;
    top:auto;
    padding:5px;
    min-width: 40px;

}


.news-slider-container,
.news-swiper,
.swiper-wrapper,
.swiper-slide {
    height: 100%;
}

.swiper-slide {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.news-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    flex: 1;
}

.news-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: var(--primary-color);
    padding: 10px;
    text-align: center;
    z-index: 2;
    min-width: 60px;
}
.news-card .date-day {font-size: 1.2rem;}
.news-card .date-month {

}
.date-day {
    display: block;
   
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
}

.date-month {
    display: block;
    
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
}

.news-image {
    position: relative;
    overflow: hidden;
    height: 200px;
    width: 100%;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news-card:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    padding: 20px;
}

.news-content h5 a{
    text-decoration: none;
    color: var(--secondary-color);
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.3;
    
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-content div {
   color: var(--gray-dark);
}
.news-content p {
    color: var(--gray-dark);
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 0.95rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.news-content .view-more{}
.news-content .view-more span{transition: all 0.3s ease;width: 30px;height: 30px;border-radius: 50%;line-height: 30px;background: var(--primary);color: #fff;}
.news-content .view-more a{transition: all 0.3s ease;text-decoration: none;color: #333;font-weight: 600;}
.news-content .view-more:hover a{color: var(--primary-color);}
.news-content .view-more:hover span{transform: translateX(5px);}

.news-read-more {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
}

.news-read-more:hover {
    color: var(--secondary-color);
    gap: 10px;
}

/* Partners Section */
.partners-section {
    padding: 40px 0;
    border-top: 1px solid var(--border-color);
}

.partner-logo {
    max-height: 60px;
    opacity: 0.6;
    transition: opacity 0.3s ease;
    margin: 0 20px;
}

.partner-logo:hover {
    opacity: 1;
}


/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

section {
    opacity: 0;
    animation: fadeInUp 0.8s ease forwards;
}

section.animate-in {
    opacity: 1;
}


.news-item .avatar-news img{
    position: absolute;
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
    top: 0;
}
.news-item .avatar-news{
    position: relative;
    /* height: 0; */
    --bs-aspect-ratio: 110%;
}
.news-item .avatar-news::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.news-item .avatar-news .news-date{
    position: absolute;
    top: 0;
}
/* ===== END LATEST NEWS SECTION ===== */

/* ===== Brand Section ===== */


.brand-item{width: 100%;display: block;overflow: hidden;}
.brand-item a{   background: #fff; transition: 0.5s ease all !important; -webkit-transition: 0.5s ease all !important; -moz-transition: 0.5s ease all !important; -ms-transition: 0.5s ease all !important; -o-transition: 0.5s ease all !important; }
.brand-item:hover a{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }
.brand-list .xnav {
    font-size: 1.5rem;
    z-index: 12;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.brand-list .next {
    left: auto;
    right: 0;
}
.ratio-brand{    --bs-aspect-ratio: 39.25%;
    background-size: contain !important;
    display: block;}



    .ratio-brand{   
         --bs-aspect-ratio: 39.25%;
        background-size: contain !important;
        display: block;
    }
    
  
/* ===== END Brand Section ===== */

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 991.98px) {
    .section-title {
        font-size: 2rem;
    }
    
    .about-content {
        padding: 30px 0 0;
    }
    
    .overlay-image {
        /* bottom: auto; */
        /* right: auto; */
        margin-top: 20px;
        max-width: 150px;
    }
    
    .people-prev,
    .people-next {
        display: none;
    }

    
    .consultation-form-wrapper {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
.news-date{
    padding: 7px;
    min-width: auto;
}
.date-day{
    font-size: 1rem;
}
.date-month{
    font-size: 0.7rem;
}


    .wrapper-consultation{
    padding: 10px;
}
    .practice-icon img{width: 43px;}
    .faq-number{
    right: 10px;
}
    .faq-accordion .accordion-button{
    padding: 10px;
    padding-right: 41px;
}

    .practice-card h3{font-size: 0.9rem;}
    .section-subtitle{
        font-size: 0.9rem;
    }
    .news-content p{display: none;}
.people-info {
    background: #f4a623d6;
    padding: 10px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 10px;
}
.people-info h5{
    font-size: 1rem;
}
.people-info p{font-size: 0.8rem;}
    .section-title {
        
        font-size: 1.6rem;
    }
    
    .consultation-form-wrapper {
        padding: 30px 20px;
        margin: 0;
    }
   
}

@media (max-width: 575.98px) {
    .about-images-wrapper {
        text-align: center;
        padding: 0px;
    }
    
    .overlay-image {
        margin: 20px auto 0;
        display: block;
    }

    
    .practice-card {
        margin-bottom: 20px;
    }
    
    .people-card,
    .news-card {

    }
}
.practice-card img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}