9B534B8686E580E0E01768F00155B461

at path：ROOT / wp-content / themes / kadu / assets / scss / components / _client.scss

run：R W Run

_about.scss

11.46 KB

2024-06-07 08:38:52

R W Run

_animation.scss

3.86 KB

2024-06-02 09:44:42

R W Run

_back-to-top.scss

1.11 KB

2024-04-25 09:34:42

R W Run

_blog-page.scss

26.83 KB

2024-06-11 06:51:22

R W Run

_blog.scss

11.77 KB

2024-06-06 04:16:02

R W Run

_breadcrumb.scss

2.53 KB

2024-06-12 03:56:04

R W Run

_button.scss

10.66 KB

2024-06-06 11:59:28

R W Run

_choose-us.scss

7.76 KB

2024-06-06 11:53:36

R W Run

_client.scss

4.37 KB

2024-05-28 11:54:48

R W Run

_contact-us.scss

3.81 KB

2024-06-11 08:55:10

R W Run

_counter.scss

3.1 KB

2024-05-30 05:51:10

R W Run

_course-details.scss

29.48 KB

2024-06-09 06:18:52

R W Run

_course.scss

34.5 KB

2024-06-04 06:49:00

R W Run

_cta.scss

6.27 KB

2024-06-06 05:12:08

R W Run

_error.scss

2.65 KB

2024-06-11 10:20:46

R W Run

_event-details.scss

9.96 KB

2024-06-10 05:05:32

R W Run

_event.scss

7.68 KB

2024-06-09 11:06:54

R W Run

_faq.scss

1.27 KB

2024-05-26 10:40:32

R W Run

_footer.scss

18.39 KB

2024-06-06 08:53:18

R W Run

_full-page-nav.scss

4.43 KB

2024-06-11 12:42:00

R W Run

_gallery.scss

3.55 KB

2024-06-10 06:49:40

R W Run

_header.scss

17.28 KB

2024-06-11 11:02:34

R W Run

_hero.scss

18.73 KB

2024-06-11 10:40:22

R W Run

_instructor-details.scss

5.15 KB

2024-06-09 09:15:04

R W Run

_popular-category.scss

12.24 KB

2024-06-06 09:59:08

R W Run

_preloader.scss

621 By

2024-05-28 04:48:48

R W Run

_price.scss

9.83 KB

2024-05-30 05:52:22

R W Run

_privacy-page.scss

1.33 KB

2024-06-11 09:15:36

R W Run

_search.scss

3.03 KB

2024-06-11 10:42:44

R W Run

_services.scss

10.43 KB

2024-06-03 04:06:10

R W Run

_team.scss

9.23 KB

2024-06-09 06:56:08

R W Run

_testimonial.scss

12.14 KB

2024-06-06 10:34:22

R W Run

_title.scss

2.9 KB

2024-06-02 12:32:10

R W Run

_video-course.scss

4.96 KB

2024-05-30 10:54:24

R W Run

error_log

📄_client.scss

/* 
    client-1-start
*/
.kd-client-1 {

&-wrap {
        .title {
            font-size: 30px;
            margin-bottom: 43px;
        }
    }

&-item-wrap {
        max-width: 1085px;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 18px;

@media #{$xs} {
            grid-template-columns: 1fr 1fr;
        }

@media #{$sm} {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }

&-item {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 95px;
        border: 1px solid #c8c8c8;
        border-radius: 30px;
        padding: 15px;
        background: #fff;
    }
}
/* 
    client-1-end
*/

/* 
    client-2-start
*/
.kd-client-2 {
    &-slider {
        .swiper-container {
            .swiper-wrapper {
                justify-content: space-between;
            }
        }
    }

&-item {
        width: 100%;
        height: 100px;
        padding: 20px;

img {
            flex: 0 0 auto;
            width: 35%;
            opacity: .5;
            transition: .3s var(--cube-1);
        }

&:hover {
            img {
                animation: 1s kd-jello;
                opacity: 1;
            }
        }
    }
}

/* 
    client-2-end
*/

/* 
    client-3-start
*/
.kd-client-3 {

&-area {
        position: relative;
        z-index: 1;
        margin-top: -165px;
    }

&-row {
        background: #fff;
        border-radius: 110px;
        padding: 30px 65px;
        display: grid;
        grid-template-columns: 1fr 2.8fr;
        gap: 60px;
        align-content: center;
        box-shadow: 0px 3px 60px 0px rgba(32, 42, 181, 0.11);

@media #{$xl} {
            grid-template-columns: 1fr 2.2fr;
        }

@media #{$lg} {
            grid-template-columns: 1fr 2fr;
            gap: 30px;
        }

@media #{$md} {
            border-radius: 80px;
            padding: 50px 45px;
            display: grid;
            grid-template-columns: 1fr;
            gap: 50px;
        }

@media #{$xs} {
            border-radius: 80px;
            padding: 50px 45px;
            display: grid;
            grid-template-columns: 1fr;
            gap: 50px;
            padding: 30px 20px;
            border-radius: 50px;
        }

@media #{$sm} {
            border-radius: 80px;
            padding: 50px 45px;
            display: grid;
            grid-template-columns: 1fr;
            gap: 50px;
            padding: 30px 65px;
            border-radius: 110px;
        }

}

&-content {
        align-self: center;
        .kd-section-title-1 {
            font-size: 35px;
            line-height: 1.09;
            margin-bottom: 0;

@media #{$lg,$md,$xs} {
                font-size: 30px;
            }
        }
    }

&-logo {
        &-row {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
            align-items: center;
            overflow: hidden;

@media #{$xs} {
                grid-template-columns: 1fr 1fr;
            }

@media #{$sm} {
                grid-template-columns: 1fr 1fr 1fr;
            }
        }

height: 80px;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #F4F4F4;
        border-right: 1px solid #F4F4F4;
        transition: .3s var(--cube-1);

@media #{$xs} {
            border-top: 1px solid #F4F4F4;
            border-left: 1px solid #F4F4F4; 
        }

img {
            opacity: .5;
            transition: .3s var(--cube-1);
        }

&:is(.border-right-none) {
            @media #{$over,$xxxl,$xxl,$xl,$lg,$md} {
                border-right: none; 
            }
        }

&:is(.border-bottom-none) {
            @media #{$over,$xxxl,$xxl,$xl,$lg,$md} {
                border-bottom: none;
            }
       
        }

&:hover {

img {
                opacity: 1;
                animation: 1s kd-jello;
            }

}
    }
    
}

/* 
    client-3-end
*/