.elementor-477 .elementor-element.elementor-element-b03b26e{--display:flex;--min-height:570px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:-102px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-477 .elementor-element.elementor-element-b03b26e:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-b03b26e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://agyadforimport.com/wp-content/uploads/2025/10/image-10.webp");background-position:bottom center;background-size:cover;}.elementor-477 .elementor-element.elementor-element-8508135{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-477 .elementor-element.elementor-element-9d0e895 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:70px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-477 .elementor-element.elementor-element-d3437f9{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-477 .elementor-element.elementor-element-a056001{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-477 .elementor-element.elementor-element-a056001.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-477 .elementor-element.elementor-element-028457d{--display:flex;}.elementor-477 .elementor-element.elementor-element-631e6c1 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:600;}.elementor-477 .elementor-element.elementor-element-218e0a5{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;}.elementor-477 .elementor-element.elementor-element-6ccb782{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-477 .elementor-element.elementor-element-6ccb782.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-477 .elementor-element.elementor-element-36fb672{--display:flex;}@media(max-width:1024px){.elementor-477 .elementor-element.elementor-element-b03b26e{--min-height:398px;--margin-top:-103px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-477 .elementor-element.elementor-element-8508135{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:20vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-477 .elementor-element.elementor-element-9d0e895{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;text-align:left;}.elementor-477 .elementor-element.elementor-element-9d0e895 .elementor-heading-title{font-size:42px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-477 .elementor-element.elementor-element-d3437f9{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;text-align:left;}}@media(max-width:767px){.elementor-477 .elementor-element.elementor-element-b03b26e{--min-height:516px;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-477 .elementor-element.elementor-element-b03b26e:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-b03b26e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-477 .elementor-element.elementor-element-8508135{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:10vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-477 .elementor-element.elementor-element-9d0e895 .elementor-heading-title{font-size:34px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-477 .elementor-element.elementor-element-d3437f9{text-align:left;font-size:14px;}.elementor-477 .elementor-element.elementor-element-631e6c1 .elementor-heading-title{font-size:24px;}.elementor-477 .elementor-element.elementor-element-218e0a5{font-size:16px;}}@media(min-width:768px){.elementor-477 .elementor-element.elementor-element-8508135{--width:70%;}.elementor-477 .elementor-element.elementor-element-a056001{--width:98.593%;}.elementor-477 .elementor-element.elementor-element-6ccb782{--width:98.593%;}}@media(max-width:1024px) and (min-width:768px){.elementor-477 .elementor-element.elementor-element-8508135{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-b4cb59b *//* ============================================
   RESPONSIVE GRID LAYOUT
============================================ */

/* Desktop — 3 columns */
.service-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    padding: 20px 0;
}

/* Tablet — 2 columns */
@media (max-width: 1024px) {
    .service-brands-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile — 1 column */
@media (max-width: 767px) {
    .service-brands-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   CARD BASE STYLE
============================================ */

.brand-card {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    opacity: 0;
    animation: fadeInCard 0.7s ease forwards;
}

/* Fade-in animation */
@keyframes fadeInCard {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Lift + stronger shadow on hover */
.brand-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* ============================================
   IMAGE — NOW CLICKABLE <a>
============================================ */

.brand-card-image {
    display: block;
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
}

/* Zoom on hover */
.brand-card:hover .brand-card-image {
    transform: scale(1.05);
}

/* ============================================
   CONTENT AREA
============================================ */

.brand-card-content {
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* ============================================
   TITLE — Now clickable <a>
============================================ */

.brand-title a {
    color: #e5721c;
    text-decoration: none;
    transition: color 0.3s ease;
}

.brand-title a:hover {
    color: #c76015;
}

.brand-card-content h2 {
    margin: 0 0 15px 0;
    font-size: 26px;
    font-weight: 700;
}

/* ============================================
   TEXT
============================================ */

.brand-card-content p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: auto;
    color: #444;
}

/* ============================================
   BUTTON
============================================ */

.brand-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e5721c;
    padding: 12px 30px;
    border-radius: 40px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    margin-top: 25px;
    transition: background 0.3s ease, transform 0.3s ease;
}
a.brand-btn{
    justify-content: center
}

/* Button hover */
.brand-card:hover .brand-btn {
    background: #c76015;
    transform: translateX(5px);
}

.brand-btn i {
    font-size: 14px;
}

/* ============================================
   MOBILE STYLING
============================================ */

@media (max-width: 767px) {
    .brand-card-image {
        height: 180px;
    }

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

    .brand-card-content h2 {
        font-size: 22px;
    }

    .brand-btn {
        width: 100%;
        justify-content: center;
    }
}/* End custom CSS */