.page-title-area::before{
    display: none;
    }
    .page-title-area{
        position: relative;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .service-section.service-with-shape-two::before {
        background-image: url(../images/service-bg.jpg);
    }
    .team-area.team-with-shape-two::before {
        background-image: url(../images/team-bg.jpg);
    }
    .service-item::before {
        background-image: url(../images/service-dot.png);
    }
    .portfolio-area.portfolio-area-shape::before {
        background-image: url(../images/portfolio-shape.png);
    }
    .service-item-three::before {
        background-image: url(../images/service-dot.png);
    }
    .site-logo a img{
        max-width: 170px;
    }
    .header-navigation .nav-toggler{
        margin-left: 20px;
    }
    .header-navigation .nav-toggler {
        height: 40px;
        width: 50px;
        padding: 5px 6px;
    }
    /* .payment-gateway .product_payment_gateway_check img {
        object-fit: cover;
    } */
    .header-navigation .nav-toggler span{
        height: 1px;
    }
    .header-navigation .nav-toggler.menu-opened span:nth-child(1) {
        transform: rotate3d(0, 0, 1, 41deg);
        top: 10px;
    }
    .header-navigation .nav-toggler.menu-opened span:nth-child(3) {
        transform: rotate3d(0, 0, 1, -41deg);
        top: -10px;
    }
    .header-two .header-navigation .nav-toggler {
        border: 1px solid #fff;
    }
    .header-two .header-navigation .nav-toggler span
    {
        background-color: #fff;
    }
    
    .header-two.header-three .header-navigation .nav-toggler {
        border: 1px solid #555;
    }
    .header-two.header-three .header-navigation .nav-toggler span
    {
        background-color: #555;
    }
    .header-one .header-navigation .nav-toggler {
        border: 1px solid #555;
    }
    .header-one .header-navigation .nav-toggler span
    {
        background-color: #555;
    }
    
    body.innerpage header.sticky-on .site-logo a img {
        filter: unset;
    }
    .header-two.sticky-on .header-navigation .header-extra .my-dropdown .cart.carticon .icon{
        color: #555;
    }
    .header-two.header-three .header-navigation .header-extra .my-dropdown .cart.carticon .icon{
        color: #555;
    }
    
    .header-two.header-three .header-topbar .social-icon li a{
        color: #81a3bb;
    }
    
    .page-title-area .overlay{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(32, 27, 66, 0.7);
    }
    
    .faq-counter-boxes-two.row > [class*=col-] {
        padding-right: 20px;
        padding-left: 20px;
    }
    .service-item-four.no-border{
        background: #fff;
    }
    .accordion-one .text-white{
        color: #fff!important;
    }
    .accordion-one .text-white,
    .accordion-one .text-white span
    {
        color: #fff!important;
    }
    .tags-widget li{
        display: block;
        width: 100%;
    }
    .tags-widget a{
        display: block;
        width: 100%;
    }
    .header-two.header-three .header-navigation .primary-menu >li>a
    {
        color: #555;
    }
    
    
    .portfolio-arrow-two .slick-arrow.next{
        color: #fff !important;
    }
    .rate {
        background-image: url(../img/rate-star.png);
        background-position: 0 -13px;
        background-repeat: repeat-x;
        height: 13px;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        width: 95px;
        margin-bottom: 2px;
      }
      
      .rating {
        background-image: url(../img/rate-star.png);
        background-position: 0 0;
        background-repeat: repeat-x;
        height: 13px;
      }
    
    
    .news-feed-widget .news-feed-items .news-feed-item img{
        width: 80px;
        height: 80px;
        object-fit: cover;
    }
    .news-feed-widget .news-feed-items .news-feed-item a{
        display: block;
    }
    .service-details-page .service-details-content img{
        width: 100%;
    }
    .service-details-page .service-details-content .content{
        margin-top: 30px;
    }
    .blog-sidebar .widget.categories-widget ul li a.active,
    .blog-sidebar .widget.categories-widget ul li a:hover
    {
        background: #0c59db;
    }
    
    .team-area .team-details-thumb img{
        width: 100%;
    }
    
    /* Fix Font Size Start */
    
    .header-navigation .primary-menu li a{
        font-weight: 600;
    }
    .banner-section{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .counter-box .counter{
        font-weight: 600;
    }
    .counter-box .title{
        font-weight: 500;
    }
    .testimonial-box .author img{
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 50%;
    }
    .testimonial-box-two .testimonial-inner .content p span.d-block,
    .testimonial-box p span.d-block{
        margin-bottom: 10px;
    }
    .testimonial-box p span.d-block i,
    .testimonial-box-two .testimonial-inner .content p span.d-block i
    {
        color: yellowgreen;
    }
    
    .portfolio-item-two:hover p{
        color: #81a3bb;
    }
    
    /* Fix Font Size End */
    
    
    /* Menu2 Customize Start  */
    .header-two .header-navigation  .primary-menu >li>a,
    .header-two .header-topbar .contact-info li a, .header-two .header-topbar .contact-info li i,
    .header-two .header-topbar .social-icon li a,
    .header-two .header-navigation .cart-icon, 
    .header-navigation .search-icon
    {
        color: #fff;
    }
    
    .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .cart-icon{
        color: #555;
    }
    
    .banner-section-two::before {
        background-color: #002249;
        opacity: 0.8;
    }
    .header-two .header-topbar {
        border-bottom: 1px solid rgb(153 194 246 / 30%);
    }
    
    
    .header-two.header-three .header-topbar {
        border-bottom: 1px solid #99c2f6;
    }
    /* Menu2 Customize End */
    
    /* Blog Details Page Start */
    .blog-area .blog-dteails-content .main-image{
        width: 100%;
    }
    .blog-area .blog-dteails-content .blog-details-bar {
        padding: 20px;
        background: #000;
        background: #f5f2ff;
      }
      .blog-area .blog-dteails-content .blog-details-bar .blog-social {
        display: block;
        text-align: center;
      }
      .blog-area .blog-dteails-content .blog-details-bar .blog-social .title {
        font-size: 20px;
        text-transform: capitalize;
        padding-bottom: 10px !important;
        padding-top: 0px !important;
        padding-right: 0px !important;
        display: block;
      }
      
    /* Blog Details Page End */
    
    
    /* Pricing Plan Customization Start*/
    .pricing-plan-item .list li{
        list-style: none;
        line-height: 30px;
    }
    .pricing-plan-item::before {
        background: #f5faff;
    }
    
    /* Pricing Plan Customization End*/
    
    /* POrtfolio Details Page Case Info Area Start */
    .blog-sidebar .case-live {
        border: 2px solid #ededed;
        padding: 35px 40px;
        padding: 45px 0px 45px 40px;
      }
      .blog-sidebar .case-live .case-live-item-area .case-live-item {
        padding-left: 30px;
        padding-right: 40px;
        position: relative;
        margin-bottom: 25px;
      }
      .blog-sidebar .case-live .case-live-item-area .case-live-item:last-child {
        margin-bottom: 0px;
      }
      .blog-sidebar .case-live .case-live-item-area .case-live-item .title {
        font-size: 20px;
      }
      .blog-sidebar .case-live .case-live-item-area .case-live-item span {
        font-size: 14px;
        color: #69a1bb;
      }
      .blog-sidebar .case-live .case-live-item-area .case-live-item i {
        position: absolute;
        top: 2px;
        left: 0;
        font-size: 20px;
        color: #0c59db;
      }
      .blog-sidebar .case-live .case-live-btn {
        margin-right: 40px;
        margin-top: 37px;
      }
      .blog-sidebar .case-live .case-live-btn a {
        border-radius: 0;
        background: #0c59db;
        color: #fff;
        border-color: #0c59db;
      }
    /* POrtfolio Details Page Case Info Area End */
    
    /* Sengle Service Customization Start */
    
    .service-item-eight{
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        display: block;
        height: 370px;
    }
    .service-item-eight .services-overlay .title{
        color: #fff;
    }
    .service-item-eight .service-img{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    .service-item-eight:hover .service-img {
        -webkit-transform: scale(1.2) rotate(5deg);
        -moz-transform: scale(1.2) rotate(5deg);
        transform: scale(1.2) rotate(5deg);
    }
    /* Sengle Service Customization End */
    
    
    /* Single Portfolio Customize Start */
    
    .blog-area .blog-grid-items .single-blog-grid{
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        display: block;
        height: 370px;
    }
    
    .single-blog-grid .blog-grid-overlay .title{
        color: #fff;
    }
    .blog-area .blog-grid-items .single-blog-grid .img{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    .blog-area .blog-grid-items .single-blog-grid:hover .img {
        -webkit-transform: scale(1.2) rotate(5deg);
        -moz-transform: scale(1.2) rotate(5deg);
        transform: scale(1.2) rotate(5deg);
    }
    
    /* Single Portfolio Customize End */
    /* Service Details page Make a Call Option Start */
    .blog-sidebar .side-bar-contact {
        background: #0c59db;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        padding: 40px 40px 40px;
        text-align: center;
      }
      .blog-sidebar .side-bar-contact .overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #0c59db;
        opacity: 0.9;
      }
      .blog-sidebar .side-bar-contact .content {
        position: relative;
        z-index: 8;
      }
      .blog-sidebar .side-bar-contact .content h3 {
        color: #fff;
        margin-bottom: 40px;
      }
      .blog-sidebar .side-bar-contact .content i {
        width: 105px;
        height: 105px;
        line-height: 105px;
        font-size: 36px;
        color: #0c59db;
        border-radius: 50%;
        background-color: #fff;
        margin-bottom: 30px;
      }
      .blog-sidebar .side-bar-contact .content .call a {
        color: #fff;
        line-height: 40px;
        display: block;
      }
      
    /* Service Details page Make a Call Option End */
    
    .banner-section-three.theme8 .overlay{
        padding: 200px 0px 200px;
    }
    .banner-section-three.theme7 .overlay{
        padding: 200px 0px 200px;
    }
    .banner-section-three.theme6 .overlay{
        padding: 200px 0px 200px;
    }
    .banner-section-three.theme5 .overlay{
        padding: 200px 0px 200px;
    }
    .banner-section-three.theme1 .overlay{
        padding: 200px 0px 200px;
    }
    
    .get-in-touch-area{
        overflow : hidden;
    }
    
    .our-choose-area .our-choose-counter{
        margin-bottom: 30px;
    }
    .choose-area{
        overflow: hidden;
    }
    .news-area {
        background: none !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .latest-news-area .section-title .title {
        margin-bottom: 40px;
    }
    .absulute{
        position: absolute;
    }
    .intro-video-area.bg_cover{
        overflow: hidden;
    }
    
    .services-title-area{
        overflow: hidden;
    }
    .accordion-one .card .card-header a{
        padding: 0px 10px;
    }


    
    /*-----------------------------
    ** Allow Cookie css 
    ------------------------------*/
    
    .cookie-consent {
        position: fixed;
        background-color: #00142c;
        bottom: 0px;
        width: 100%;
        padding: 5px 0px 30px;
        z-index: 10000000000;
        color: #fff;
      }
      
      .cookie-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: center;
      }
      
      button.cookie-consent__agree {
        padding: 12px 20px;
        border: none;
        background-color: blue;
        color: #fff;
        cursor: pointer;
        border-radius: 3px;
      }
      
      span.cookie-consent__message {
        background-color: transparent !important;
      }
      
      span.cookie-consent__message p {
        margin-bottom: 0px;
        color: #fff;
      }
      
      .contact-btn-captcha-wrapper{
          display: flex;
          flex-wrap: wrap;
      }
    
    header.sticky-on .header-navigation .nav-toggler {
        border-color: #777!important;
    }
    header.sticky-on .header-navigation .nav-toggler span {
        background-color: #777!important;
    }
    .quick_call_area{
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        z-index: 999;
        box-shadow: 0px 0px 7px 0px rgba(30, 15, 39, 0.2);
    }
    
    .quick_call_area a{
        color: #fff;
        height: 40px;
        display: block;
        width: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 20px;
    }
    .quick_call_area a.wp{
        background: #25D366!important;
        font-size: 24px;
    }
    .banner-area-2.video-section .banner-overlay{
        background: rgba(32, 27, 66, 0.8);
        height: 900px;
    }
    
    .banner-area-2.video-section .banner-overlay .banner-content{
        padding-top: 150px;
    }
    .banner-area-2.video-section .banner-overlay .banner-content span{
        opacity: 1;
        margin-bottom: 15px;
    }
    
    .banner-area-2.video-section .banner-overlay .banner-content span::before{
        display: none;
    }
    
    .banner-area-2.video-section .banner-overlay .banner-content span::after{
        display: none;
    }
    .banner-area-2.video-section .banner-overlay .banner-content p{
        font-size: 20px;
        line-height: 30px;
        margin-top: 0px;
        padding-top: 30px;
    }
    
    .banner-area-2.video-section .banner-overlay .banner-content ul li {
        margin: 0px;
        margin-right: 15px;
        margin-top: 15px;
    }
    
    div#controlBar_bgndVideo {
        display: none !important;
    }
    .mobile-quote{
        display: none!important;
    } 
    .header-navigation .primary-menu li .submenu li .dd-trigger{
        display: block!important;
    }
    
    @media (max-width: 1199px){
        .service-section.service-with-shape-two::before {
            height: 400px;
        }
    
    }
    @media (min-width: 1101px){
       .dn-mobile{
           display: block;
       }
       .db-mobile{
        display: none!important;
        }
        .dd-trigger{
            display: none!important;
        }
        .dd-trigger2{
            display: inline-block!important;
        }
        
    }
    @media (max-width: 1100px){
        .dn-mobile{
            display: none!important;
        }
        .db-mobile{
            display: block;
        }
        .quick_call_area {
            left: auto;
            right: 0px;
        }
        .header-two.header-three .header-navigation .primary-menu >li>a
         {
            color: #fff;
        }
        .dd-trigger2{
            display: none!important;
        }
        .header-navigation .primary-menu li .submenu li .dd-trigger{
            display: block!important;
        }
    }
    
    @media (max-width: 991px){
        .gradint_body .about .info .link{
            margin-bottom: 40px;
        }
        .gradint_body .counter-area2 .fun-box{
            margin-bottom: 30px;
        }
        .gradint_body .video .video-wrapper .video-box {
            padding: 150px 0px 150px;
        }
        .quick_call_area a {
            height: 35px;
            width: 34px;
            line-height: 35px;
            font-size: 16px;
        }
        .gradint_body .video-section-new .intro-thumb{
            margin-top: 0px !important;
            margin-bottom: 40px;
        }
        .quick_call_area a.wp {
            background: #25D366!important;
            font-size: 18px;
        }
        .gradint_body .video-section-new .intro-thumb::before{
            bottom: auto;
            top: -30px;
        }
      
        .user-table-wrapper{
            overflow: auto;
          
          }
        .user-table-wrapper .user-table {
            width: 800px;
        }
        .user-dashboard-area .user-menu{
            margin-bottom: 40px;
        }
    
        .call-to-action-four .cta-content .title{
            font-size: 40px;
        }
        .counter-box{
            margin-bottom: 30px;
        }
        section.counter-section.secondary-bg.pt-100.pb-100{
            padding-bottom: 70px;
        }
        .service-details-page .side-bar-contact{
            margin-bottom: 30px;
        }
        .blog-grid-area.portfolio-page .side-bar-contact{
            margin-bottom: 30px;
        }
        .wow{
            visibility: visible !important;
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
            -ms-animation: none !important;
            animation: none !important;
          }
          .features-area .features-item .content .about-experience h3{
              font-size: 50px;
              line-height: 60px;
          }
          .banner-section .banner-img {
            position: relative;
            right: auto;
            bottom: auto;
            width: auto;
            background: unset;
            border-radius: 0%;
            border: 0px;
            margin-top: 70px;
        }
        .banner-section .banner-img::before{
            display: none;
        }
        .banner-section .banner-img img {
            position: unset;
            top: auto;
            left: auto;
            height: 500px;
        }
        .banner-section.home2{
            padding-bottom: 0px;
        }
        .ecommerce-slider .banner-slider .banner-text .banner-content{
            text-align: center;
        }
        .ecommerce-slider .banner-slider .banner-text .title {
            font-size: 28px;
            line-height: 38px;
        }
        .ecommerce-slider .banner-slider .banner-text .price {
            font-size: 32px;
            line-height: 42px;
        }
        .banner-slider .banner-img{
            text-align: center;
            margin-top: 40px;
        }
        .banner-slider .banner-img img{
            max-width: 280px;
        }
        .popular-category-section .section-title.e-section-title .title {
            font-size: 24px;
        }
    }
    
    
    
    @media (max-width: 767px){
        .gradint_body .about .box2{
            margin-bottom: 30px;
        }
        .gradint_body .counter-area2 .fun-box .categori {
            font-size: 16px;
        }
        .gradint_body .counter-area2 .fun-box .counter-wrapper .counter {
            font-size: 28px;
        }
        .gradint_body .about .info .info-title {
            font-size: 24px;
            line-height: 34px;
            margin-bottom: 10px;
        }

        .intro-video-area-two .video-thumb-1,
        .intro-video-area-two .video-thumb-2{
            display: none;
        }
        .portfolio-slider-three .slick-arrow{
            display: none!important;
        }
        .about-history-area .history-item {
            margin-right: 0px!important;
            margin-left: 0px!important;
            margin-bottom: 40px;
        }
        .about-history-area .history-item .number-box,
        .about-history-area .history-item.history-item-2 .number-box
         {
            right: auto;
            left: -0px;
            right: auto;
        }
        .about-history-area .history-item::after {
            display: none;
        }
    }
    @media (max-width: 575px){
        .mobile-quote{
            display: block!important;
        } 
        .header-topbar .contact-info{
            display: none;
        }
        .header-topbar .top-right-wrapper{
            justify-content: center;
        }
        .header-topbar .social-icon li:not(:first-child) {
            margin-left: 10px;
        }
        .header-topbar .top-left-content {
            text-align: center;
        }
    
       
        .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box .d-inline-block.ml-4{
            margin-left: 0px!important;
        }
    
    
    }
    @media (max-width: 414px){
        .e-section-banner .single-banner .content .inner-content h4{
            margin-bottom: 20px;
        }
       
        .header-navigation .header-extra .my-dropdown .my-dropdown-menu {
            width: 260px;
        }
    }
    @media (max-width: 370px){
        .site-logo a img {
            max-width: 130px;
        }
    }
    
/* ========================================
   Modern Skeleton Preloader Styles
   Replaces full-page preloader with content-area skeleton
   ======================================== */

/* Skeleton Preloader Container - Only covers content area, not header/footer */
.skeleton-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    pointer-events: none;
}

.skeleton-preloader.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.skeleton-preloader.fade-out {
    opacity: 0;
    visibility: hidden;
}

/* Skeleton Content Container */
.skeleton-content {
    width: 100%;
    max-width: 1200px;
    padding: 80px 20px 40px;
}

/* Skeleton Animation - Modern shimmer effect */
.skeleton-block {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 8px;
    margin-bottom: 20px;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Hero Section Skeleton */
.skeleton-hero {
    width: 100%;
    height: 400px;
    background: linear-gradient(90deg, #e8e8e8 25%, #d8d8d8 50%, #e8e8e8 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 12px;
    margin-bottom: 40px;
}

/* Section Skeleton */
.skeleton-section {
    width: 100%;
    padding: 30px 0;
}

.skeleton-title {
    width: 40%;
    height: 36px;
    margin: 0 auto 30px;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 6px;
}

.skeleton-text {
    width: 100%;
    height: 16px;
    margin-bottom: 12px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-text.short {
    width: 60%;
}

.skeleton-text.medium {
    width: 80%;
}

/* Card Grid Skeleton */
.skeleton-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin: 30px 0;
}

.skeleton-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.skeleton-card-image {
    width: 100%;
    height: 200px;
    background: linear-gradient(90deg, #e8e8e8 25%, #d8d8d8 50%, #e8e8e8 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
}

.skeleton-card-content {
    padding: 20px;
}

.skeleton-card-title {
    width: 80%;
    height: 20px;
    margin-bottom: 12px;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-card-text {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
}

/* Inner Page Skeleton - Simpler layout */
.skeleton-inner-page {
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.skeleton-breadcrumb {
    width: 300px;
    height: 20px;
    margin-bottom: 30px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-page-title {
    width: 60%;
    height: 42px;
    margin-bottom: 40px;
    background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 6px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .skeleton-hero {
        height: 250px;
    }
    
    .skeleton-card-grid {
        grid-template-columns: 1fr;
    }
    
    .skeleton-title {
        width: 70%;
        height: 28px;
    }
    
    .skeleton-content {
        padding: 60px 20px 30px;
    }
}

/* Dark mode support */
body.dark-mode .skeleton-preloader {
    background: #1a1a1a;
}

body.dark-mode .skeleton-block,
body.dark-mode .skeleton-text,
body.dark-mode .skeleton-card-text {
    background: linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%);
    background-size: 200% 100%;
}

body.dark-mode .skeleton-hero,
body.dark-mode .skeleton-card-image {
    background: linear-gradient(90deg, #252525 25%, #353535 50%, #252525 75%);
    background-size: 200% 100%;
}

body.dark-mode .skeleton-title,
body.dark-mode .skeleton-card-title,
body.dark-mode .skeleton-page-title,
body.dark-mode .skeleton-breadcrumb {
    background: linear-gradient(90deg, #303030 25%, #404040 50%, #303030 75%);
    background-size: 200% 100%;
}

body.dark-mode .skeleton-card {
    background: #1a1a1a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* ========================================
   Equal Card Heights - Global Fix
   Ensures all cards in grid layouts have equal heights
   ======================================== */

/* Portfolio/Project Cards */
.portfolio-area .portfolio-items .col-lg-4,
.portfolio-area .portfolio-items .col-md-6 {
    display: flex;
    margin-bottom: 30px;
}

.portfolio-area .portfolio-items .portfolio-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.portfolio-area .portfolio-items .portfolio-img {
    flex-shrink: 0;
}

.portfolio-area .portfolio-items .portfolio-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Service Cards */
.services-section .single-services,
.services-item-section .single-services-item,
.latest-services-section .single-services {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.services-section .single-services .services-content,
.services-item-section .single-services-item .services-content,
.latest-services-section .single-services .services-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Team Cards */
.team-area .single-team,
.team-area .team-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Blog Cards */
.blog-area .single-blog,
.blog-area .blog-item,
.blog-section .single-blog {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog-area .single-blog .blog-content,
.blog-area .blog-item .blog-content,
.blog-section .single-blog .blog-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Product Cards */
.product-area .single-product,
.product-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-area .single-product .product-content,
.product-item .product-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Testimonial Cards */
.testimonial-area .single-testimonial,
.testimonial-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Counter/Feature Cards */
.counter-area .single-counter,
.feature-area .single-feature {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Generic Card Equalizer for any Bootstrap row with cards */
.row.equal-cards {
    display: flex;
    flex-wrap: wrap;
}

.row.equal-cards > [class*="col-"] {
    display: flex;
    margin-bottom: 30px;
}

.row.equal-cards > [class*="col-"] > .card,
.row.equal-cards > [class*="col-"] > .portfolio-item,
.row.equal-cards > [class*="col-"] > .single-services,
.row.equal-cards > [class*="col-"] > .single-team,
.row.equal-cards > [class*="col-"] > .single-blog,
.row.equal-cards > [class*="col-"] > .single-product {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Portfolio Slider Specific Fix */
.portfolio-slider-one .col-lg-4 {
    display: flex;
    margin-bottom: 30px;
}

.portfolio-slider-one .portfolio-item {
    width: 100%;
    height: 100%;
}

/* Fix for Theme5 Portfolio Section */
.portfolio-area .row {
    display: flex;
    flex-wrap: wrap;
}

.portfolio-area .row .col-lg-4 {
    display: flex;
    margin-bottom: 30px;
}

.portfolio-area .row .col-lg-4 .portfolio-item {
    width: 100%;
    height: 100%;
}

/* Package/Pricing Cards */
.package-area .single-package,
.pricing-area .single-package,
.package-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* FAQ Cards */
.faq-area .single-faq,
.faq-item {
    height: auto;
}

/* Gallery Cards */
.gallery-area .single-gallery,
.gallery-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Job Cards */
.job-area .single-job,
.job-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Quote Cards */
.quote-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Admin Dashboard Info Boxes */
.info-box {
    min-height: 100px;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .portfolio-area .row .col-lg-4,
    .portfolio-area .row .col-md-6 {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .row.equal-cards > [class*="col-"] {
        margin-bottom: 20px;
    }
    
    .portfolio-area .row .col-lg-4,
    .portfolio-area .row .col-md-6 {
        margin-bottom: 15px;
    }
}

/* Fix for any remaining height issues */
.card,
.card-item {
    height: auto;
}

/* Ensure images don't break layout */
.portfolio-img,
.blog-thumb,
.product-thumb,
.team-thumb {
    position: relative;
    overflow: hidden;
}

.portfolio-img img,
.blog-thumb img,
.product-thumb img,
.team-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* Equal height for portfolio content titles */
.portfolio-content .title,
.blog-content .title,
.services-content .title {
    min-height: auto;
    line-height: 1.3;
}

/* Fix for category/tag alignment */
.portfolio-content .category,
.blog-content .meta,
.product-content .price {
    margin-bottom: 10px;
}

/* ========================================
   CRITICAL FIX: Force Fixed Aspect Ratios on Card Images
   This ensures all card images have the same height regardless of uploaded image dimensions
   ======================================== */

/* PORTFOLIO CARDS - Force 3:2 aspect ratio on images */
.portfolio-area .portfolio-item .portfolio-img,
.portfolio-slider-one .portfolio-item .portfolio-img {
    width: 100% !important;
    padding-top: 66.67% !important; /* 3:2 aspect ratio */
    height: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* If portfolio uses img tag instead of background-image */
.portfolio-area .portfolio-item .portfolio-img img,
.portfolio-slider-one .portfolio-item .portfolio-img img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* TEAM SECTION - Force 1:1 square aspect ratio */
.team-area .member-photo,
.team-area .team-member .member-photo,
.team-area .single-team .member-photo {
    width: 100% !important;
    padding-top: 100% !important; /* 1:1 square */
    height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.team-area .member-photo img,
.team-area .team-member .member-photo img,
.team-area .single-team .member-photo img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* SERVICES SECTION - Force consistent thumbnail height */
.services-section .single-services .services-thumb,
.latest-services-section .single-services .services-thumb,
.services-item-section .single-services-item .services-thumb {
    width: 100% !important;
    padding-top: 60% !important;
    height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.services-section .single-services .services-thumb img,
.latest-services-section .single-services .services-thumb img,
.services-item-section .single-services-item .services-thumb img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* BLOG SECTION - Force consistent thumbnail height */
.blog-area .single-blog .blog-thumb,
.blog-section .single-blog .blog-thumb {
    width: 100% !important;
    padding-top: 60% !important;
    height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.blog-area .single-blog .blog-thumb img,
.blog-section .single-blog .blog-thumb img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* PRODUCT SECTION - Force 1:1 square aspect ratio */
.product-area .single-product .product-thumb,
.product-section .single-product .product-thumb {
    width: 100% !important;
    padding-top: 100% !important; /* 1:1 square */
    height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.product-area .single-product .product-thumb img,
.product-section .single-product .product-thumb img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Ensure card content fills remaining space equally */
.portfolio-area .portfolio-item .portfolio-content,
.portfolio-slider-one .portfolio-item .portfolio-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 20px !important;
    min-height: 120px !important;
}

.services-section .single-services .services-content,
.latest-services-section .single-services .services-content,
.services-item-section .single-services-item .services-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 25px !important;
}

.blog-area .single-blog .blog-content,
.blog-section .single-blog .blog-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
}

.product-area .single-product .product-content,
.product-section .single-product .product-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 15px !important;
}

/* Responsive adjustments for mobile */
@media (max-width: 991px) {
    .portfolio-area .portfolio-item .portfolio-content,
    .portfolio-slider-one .portfolio-item .portfolio-content {
        min-height: 100px !important;
        padding: 15px !important;
    }
}

@media (max-width: 767px) {
    .portfolio-area .portfolio-item .portfolio-content,
    .portfolio-slider-one .portfolio-item .portfolio-content {
        min-height: 90px !important;
        padding: 12px !important;
    }
    
    .services-section .single-services .services-content,
    .latest-services-section .single-services .services-content {
        padding: 20px !important;
    }
}

/* ========================================
   COMPREHENSIVE UI/UX IMPROVEMENTS
   Fixes for all themes
   ======================================== */

/* Image Fallbacks - prevent broken image display */
img {
    max-width: 100%;
    height: auto;
}

/* Ensure all section titles have consistent spacing */
.section-title .title {
    line-height: 1.3;
}

/* Improve link styling for better UX */
a {
    transition: all 0.3s ease;
}

/* Button hover improvements */
.main-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Form input improvements */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0,123,255,0.1);
}

/* Card hover improvements for better interactivity */
.portfolio-item:hover,
.latest-news-box:hover,
.service-item-eight:hover,
.team-member:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

/* Ensure consistent list styling */
ul, ol {
    padding-left: 0;
}

ul.list-unstyled,
.post-meta {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Improve testimonial spacing */
.testimonial-box {
    margin-bottom: 30px;
}

/* FAQ accordion improvements */
.accordion-one .card,
.accordion-two .card,
.accordion-three .card {
    margin-bottom: 15px;
}

/* Counter box consistency */
.counter-box,
.counter-box-two,
.counter-box-three,
.counter-box-four,
.counter-box-five,
.counter-box-new,
.fun-box {
    text-align: center;
}

/* Brand/item slider improvements */
.brand-slider,
.brand-section {
    overflow: hidden;
}

.brand-item img {
    max-height: 80px;
    width: auto;
    margin: 0 auto;
    display: block;
}

/* Video popup button */
.video-popup {
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #007bff;
    font-size: 24px;
    transition: all 0.3s ease;
}

.video-popup:hover {
    transform: scale(1.1);
    color: #fff;
    background: #007bff;
}

/* Social icon improvements */
.social-icon a,
.social ul li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    background: rgba(0,0,0,0.05);
    color: #333;
    transition: all 0.3s ease;
    margin: 0 5px;
}

.social-icon a:hover,
.social ul li a:hover {
    background: #007bff;
    color: #fff;
    transform: translateY(-3px);
}

/* Team member name link */
.team-content .name a,
.member-data .name a h4 {
    color: inherit;
    text-decoration: none;
}

.team-content .name a:hover,
.member-data .name a:hover {
    color: #007bff;
}

/* Blog post meta improvements */
.post-meta {
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}

.post-meta li {
    display: inline-block;
    margin-right: 10px;
}

.post-meta a {
    color: #666;
}

.post-meta a:hover {
    color: #007bff;
}

/* Read more button consistency */
.read-more-btn,
.service-link,
.portfolio-link {
    display: inline-block;
    color: #007bff;
    text-decoration: none;
    font-weight: 600;
    margin-top: 10px;
}

.read-more-btn:hover,
.service-link:hover,
.portfolio-link:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Category/tag styling */
.category,
.position {
    display: block;
    color: #666;
    font-size: 14px;
    margin-bottom: 5px;
}

/* Image lazy loading placeholder */
.portfolio-img,
.services-thumb,
.post-thumb,
.member-photo {
    background-color: #f0f0f0;
}

/* Responsive typography */
@media (max-width: 768px) {
    .section-title .title {
        font-size: 28px !important;
        line-height: 1.2;
    }
    
    h1.title {
        font-size: 32px !important;
    }
    
    h2.title {
        font-size: 28px !important;
    }
    
    h3.title {
        font-size: 24px !important;
    }
    
    h4.title {
        font-size: 20px !important;
    }
    
    h5.title {
        font-size: 18px !important;
    }
    
    .banner-content h1.title {
        font-size: 36px !important;
    }
}

/* Accessibility improvements */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Skip to content link for accessibility */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 0;
    background: #007bff;
    color: #fff;
    padding: 8px 16px;
    z-index: 99999;
    transition: top 0.3s;
}

.skip-to-content:focus {
    top: 0;
}

/* Print styles */
@media print {
    .quick_call_area,
    .cookie-consent,
    header,
    footer {
        display: none !important;
    }
    
    a {
        color: #000 !important;
        text-decoration: underline !important;
    }
    
    a[href^="http"]:after {
        content: " (" attr(href) ")";
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .testimonial-box,
    .portfolio-item,
    .latest-news-box {
        border: 2px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ========================================
   THEME-SPECIFIC EQUAL HEIGHT CSS
   Covers all 9 themes with unique card classes
   ======================================== */

/* PORTFOLIO - Theme 3, 4 (portfolio-item-two) */
.portfolio-area .portfolio-item-two,
.portfolio-slider-three .portfolio-item-two {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.portfolio-area .portfolio-item-two .portfolio-img,
.portfolio-slider-three .portfolio-item-two .portfolio-img,
.portfolio-thumb .portfolio-img {
    width: 100% !important;
    padding-top: 66.67% !important; /* 3:2 aspect ratio */
    height: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0 !important;
}

.portfolio-area .portfolio-item-two .portfolio-content,
.portfolio-slider-three .portfolio-item-two .portfolio-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
}

/* PORTFOLIO - Theme 3 (col-auto slider fix) */
.portfolio-slider-three .col-auto {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
    margin-bottom: 30px !important;
}

.portfolio-slider-three .col-auto .portfolio-item-two {
    margin-bottom: 0 !important;
}

/* TEAM - Theme 2 (team-member-three) */
.team-area .team-member-three {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.team-area .team-member-three .member-inner {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.team-area .team-member-three .member-inner .member-photo {
    flex-shrink: 0 !important;
    width: 100% !important;
    padding-top: 100% !important; /* 1:1 square */
    height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.team-area .team-member-three .member-inner .member-photo img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* TEAM - Theme 3, 4 (team-member-four) */
.team-area .team-member-four {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.team-area .team-member-four .member-photo {
    flex-shrink: 0 !important;
    width: 100% !important;
    padding-top: 100% !important; /* 1:1 square */
    height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.team-area .team-member-four .member-photo img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.team-area .team-member-four .member-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 20px !important;
}

/* TEAM - Theme 5, 7, 8 (team-member with member-pic + social + member-data) */
.team-area .team-member {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.team-area .team-member .member-pic,
.team-area .team-member .member-photo {
    flex-shrink: 0 !important;
    width: 100% !important;
    padding-top: 100% !important; /* 1:1 square */
    height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.team-area .team-member .member-pic img,
.team-area .team-member .member-photo img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.team-area .team-member .member-data,
.team-area .team-member .team-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 20px !important;
}

/* BLOG - latest-news-box (Themes 1, 2, 3, 5, 6, 7, 8) */
.latest-news-box {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.latest-news-box .post-thumb {
    flex-shrink: 0 !important;
    width: 100% !important;
    padding-top: 60% !important;
    height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.latest-news-box .post-thumb img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.latest-news-box .post-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
}

/* TESTIMONIALS - Theme 4, 6 (testimonial-box-two horizontal layout) */
.testimonial-box-two {
    height: 100% !important;
}

.testimonial-box-two .testimonial-inner {
    display: flex !important;
    height: 100% !important;
}

.testimonial-box-two .testimonial-img {
    flex-shrink: 0 !important;
    width: 100px !important;
    height: 100px !important;
}

.testimonial-box-two .testimonial-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.testimonial-box-two .content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* COUNTER - Theme 4 (counter-box-five) */
.counter-box-five {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.counter-box-five .icon {
    flex-shrink: 0 !important;
}

.counter-box-five .content {
    flex-grow: 1 !important;
}

/* COUNTER - Theme 7 (counter-box-new) */
.counter-box-new {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
}

/* SERVICES - Theme 2, 8 (service-item-eight) */
.service-item-eight {
    display: flex !important;
    flex-direction: column !important;
    height: 370px !important; /* Fixed height as per existing CSS */
    overflow: hidden !important;
}

.service-item-eight .service-img {
    background-size: cover !important;
    background-position: center center !important;
}

/* SERVICES - Theme 3, 7 (service-item-six) */
.service-item-six {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 30px !important;
}

/* FEATURES - Theme 5 (service-item) */
.service-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* WHY CHOOSE - single-choose */
.single-choose {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* BRAND - full-oppacity typo fix (Theme 6) */
.brand-item.full-oppacity {
    opacity: 1 !important;
}

/* Portfolio wrapper (Theme 4 portfolio-thumb) */
.portfolio-thumb {
    width: 100% !important;
}

/* Responsive adjustments for all themes */
@media (max-width: 991px) {
    .portfolio-slider-three .col-auto {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    .latest-news-box .post-content {
        padding: 15px !important;
    }
}

@media (max-width: 767px) {
    .portfolio-slider-three .col-auto {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .team-area .team-member-four .member-content {
        padding: 15px !important;
    }
    
    .latest-news-box .post-content {
        padding: 12px !important;
    }
}