9B534B8686E580E0E01768F00155B461

at path：ROOT / wp-content / themes / kadu / assets / scss / components / _choose-us.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

📄_choose-us.scss

/* 
    choose-us-1-start
*/

.kd-choose-us-1 {

&-area {
        position: relative;
        z-index: 1;

@media #{$xxl,$xl,$lg,$md,$xs} {
            padding-bottom: 60px;
        }
    }

&-bg-shape {
        width: 77%;
        height: 360px;
        background: #241442;
        position: absolute;
        right: 0;
        bottom: 0;
        border-radius: 158px  0 0 158px;
        z-index: -1;

@media #{$md,$xs} {
            width: 100%;
            height: 500px;
            border-radius: 0;
        }
    }

&-left {
        padding-right: 80px;
        position: relative;
        z-index: 1;
        margin-left: -110px;

@media #{$xxl,$xl,$lg} {
            margin-left: 0px;
        }

@media #{$md,$xs} {
            margin-left: 0px;
            padding-right: 0;
            margin-bottom: 50px;
        }
    }
    
    &-img {
        border-radius: 50%;
        border: 12px solid #fff;

&-il-1 {
            position: absolute;
            right: 30px;
            top: 20px;
            box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.06);
            width: 34%;

@media #{$md,$xs} {
                right: 0px;
            }
        }

&-il-2 {
            box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.06);
            position: absolute;
            bottom: 100px;
            left: -50px;
            width: 47%;

@media #{$md,$xs} {
                left: 0px;
            }
        }
    }

&-bg-shape-1 {
        position: absolute;
        top: -20px;
        left: -20px;
        z-index: -1;
        width: 42%;
        @media #{$md,$xs} {
            left: 0px;
        }
    }

&-right {
        margin-left: -20px;

@media #{$md,$xs} {
            margin-left: 0px;
        }

.inner-div {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 30px;
            align-items: center;

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

&-scn-title {
        margin-bottom: 100px;

@media #{$md,$xs} {
            margin-bottom: 50px;
        }
    }

&-feature-wrap {

@media #{$md,$sm} {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;  
        }
    }

&-feature {
        display: flex;
        gap: 18px;

&:not(:last-child) {
            margin-bottom: 40px;
        }

.icon {
            width: 65px;
        }

.title {
            font-size: 24px;
            margin-bottom: 6px;

@media #{$xs} {
                font-size: 20px;
            }
        }

.disc  {
            font-size: 17px;
            line-height: 27px;
            color: #9192a6;
        }

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

}

/* 
    choose-us-1-end
*/

/* 
    choose-us-2-start
*/

.kd-choose-us-3 {
    &-img {
        // height: 650px;
        border-radius: 0 0 500px 500px;
        text-align: center;
        position: relative;
        z-index: 1;

&::after {
            content: "";
            width: 100%;
            height: 92%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: 420px;
            background: #ffffff;
            z-index: -1;
            transform: translateY(100%);
            transition: 1s var(--cube-1);
            
        }

img {
            transform: translateY(100%);
            transition: 1s ease-in-out;
        }

&:is(.active) {
            &::after {
                transform: translateY(0);
            }
            img {
                transform: translateY(0);
                transition-delay: .5s;
            }

}
    }

&-left {
        position: relative;
        z-index: 1;
        padding-left: 70px;

@media #{$md,$xs} {
            margin-bottom: 70px;
        }
    }

&-tabs-btn  {
        background: var(--kd-clr-sd-1);
        box-shadow: 0px 3px 95px 0px rgba(0, 0, 0, 0.2);
        border-radius: 80px;
        padding: 70px 35px;
        display: inline-block;
        position: absolute;
        bottom: -20px;
        left: 0;
        z-index: 1;

.nav-link {
            font-size: 18px;
            color: #000;
            background: transparent;
            transition: .3s var(--cube-1);

i {
                margin-right: 3px;
                transition: .3s var(--cube-1);
            }
        
            &:not(:last-child) {
                margin-bottom: 16px;
            }

&:is(.active) {
                color: var(--kd-clr-pr-1);
            }

&:hover {
                color: var(--kd-clr-pr-1);

i {
                    transform: translateX(3px);
                }
            }
        }
    }

&-tabs-content {
        padding-left: 30px;

@media #{$md,$xs} {
            padding-left: 0px;
        }

&-single {
            .disc {
                max-width: 580px;
                margin-bottom: 32px;
                color: #d7d7d7;
            }

.list-title {
                color: var(--kd-clr-sd-1);
                font-size: 24px;
                margin-bottom: 20px;

img {
                    width: 22px;
                    margin-right: 3px;
                }
            }

.kd-list-1 {
                margin-bottom: 40px;
                li {
                    color: #fff;
                    display: flex;
                    align-items: center;
                    gap: 7px;
                
                    i {
                        font-size: 24px;
                        color: #000;
                    }
                }
            }
        }
    }

}

/* 
    choose-us-2-end
*/

/* 
    choose-us-4-start
*/
.kd-choose-4 {

&-il {
        position: absolute;
        left: 12%;
        top: 15%;
        z-index: -1;

@media #{$xxl,$xl} {
            left: 0%;
        }

@media #{$lg,$md,$xs} {
            display: none;
        }
    }

&-scn-title {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

&-row {
        display: grid;
        grid-template-columns: 1fr 1.5fr 1fr;
        gap: 50px;

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

&-disc {
        font-weight: 500;
        opacity: 1;
        margin-bottom: 95px;
    }
    
    &-item {
        .item-icon {
            width: 78px;
            height: 84px;
            background: rgb(255 255 255 / 10%);
            border-radius: 10px;
            color: var(--kd-clr-sd-4);
            font-size: 45px;
            margin-bottom: 25px;

&:is(.has-red) {
                color: #ff00e4;
            }

&:is(.has-green) {
                color: #08BCD5;
            }
        }

.item-title {
            font-size: 22px;
            line-height: 1.27;
            transition: .2s ease;
            margin-bottom: 16px;

&:hover {
                color: var(--kd-clr-sd-4);
            }
        }

&:hover {
            .item-icon {
                i {
                    animation: 1s kd-jello;
                }
            }
        }
    }

}

/* 
    choose-us-4-end
*/