.aae-feature-area-2 {

    background-color: #1a1a1a;

    /* .aae-feature-top {
    .aae-feature-left {
      .section-title-f-2 {
        color: #000000 !important;
      }
    }

    .aae-feature-right {
      .aae-description {
        p {
          color: #555555 !important;

          span {
            color: #000000 !important;
          }
        }
      }
    }
  } */

    .aae-hero-btn {
        margin-left: 0;
    }

    .aae-feature-bottom {
        padding-top: 100px;

        @media (max-width: 1024px) {
            padding-top: 60px;
        }

        @media (max-width: 768px) {
            padding-top: 40px;
        }
    }

    .aae-feature-item-slider {

        .aae-feature-slider-content {
            display: flex;
            /* flex-direction: column; */
            flex-wrap: nowrap;
            gap: 10px;

            @media (max-width: 1024px) {
                flex-direction: column;
            }

            .aae-feature-slider-item {
                min-width: 983.87px;
                width: 983.87px;
                height: 602.06px;
                border-radius: 16px;
                overflow: hidden;
                display: flex;
                justify-content: center;
                align-items: center;
                    @media (max-width:768px){
                        width: 100%;
                    }
                .aae-feature-slider-item-body {
                    width: 936px;
                    height: 507px;
                    aspect-ratio: 936 / 507;
                    border-radius: 16px;
                    overflow: hidden;
                    position: relative;
                    background-repeat: no-repeat;
                    background-size: cover;
                    padding: 80px 60px;
                    transition: transform 0.3s ease-in-out;
                    transform-style: preserve-3d;
                    /* will-change: transform; */
                    @media (max-width:768px){
                        padding: 30px 15px;
                    }

                }

                &:nth-child(even) {
                    .aae-feature-slider-item-body {
                        transform: rotate(-3deg);
                    }
                }

                &:nth-child(odd) {
                    .aae-feature-slider-item-body {
                        transform: rotate(3deg);

                    }
                }

                @media (max-width: 767px) {
                    max-height: 420px;
                }

                /* @media (max-width: 767px) {
          min-width: 588px;
          width: 588px;
          height: 430px;

          .aae-feature-slider-item-body {
            width: 550px;
            height: 375px;
            padding: 60px 40px;
          }
        } */

                @media (max-width: 768px) {
                    min-width: 100%;
                    width: 100%;
                    height: auto;
                    flex-direction: column;

                    .aae-feature-slider-item-body {
                        width: 100%;
                        /* height: auto; */
                        aspect-ratio: 936 / 507;
                        /* padding: 40px 20px; */
                    }
                }

                @media (max-width: 1024px) {
                    .aae-feature-slider-item-body {
                        transform: none !important;
                    }
                }

                .aae-feature-slider-item-body-content {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    height: 100%;
                    z-index: 5;
                    gap: 40px;
                    @media (max-width:768px){
                        justify-content: unset;
                    }
                    .aae-f-item-top {

                        .aae-f-item-top-count {
                            display: flex;
                            align-items: center;
                            gap: 4px;

                            img {
                                width: 36px;
                                height: 36px;
                            }

                            p {
                                font-size: 40px;
                                font-weight: 700;
                                line-height: 40px;
                                color: #000000;
                               @media (max-width: 1024px) {
                                    font-size: 30px;
                                }
                            }
                        }

                        .aae-f-item-top-title {
                            font-size: 20px;
                            font-weight: 500;
                            line-height: 30px;
                            color: #000000;
                            margin-top: 8px;

                            span {
                                position: relative;
                                display: inline-block;
                                color: inherit;

                                .underline-svg {
                                    position: absolute;
                                    bottom: -4px;
                                    left: 0;
                                    width: 100%;
                                    height: 7px;
                                    object-fit: contain;
                                    color: inherit;
                                }

                            }
                        }
                    }

                    .aae-f-item-bottom {
                        max-width: 340px;

                        p {
                            font-size: 16px;
                            color: #000000;
                        }

                        .aae-f-item-bottom-btn {
                            margin-top: 30px;

                            a {
                                font-size: 16px;
                                color: #000000;
                                font-weight: 500;
                                position: relative;
                                display: inline-flex;
                                align-items: center;
                                text-decoration: none;

                                span {
                                    display: flex;
                                }

                                &::after {
                                    content: "";
                                    position: absolute;
                                    bottom: -2px;
                                    left: 0;
                                    width: 0%;
                                    height: 1px;
                                    background-color: #000000;
                                    transition: width 0.4s ease;
                                }

                                &:hover::after {
                                    width: 85%;
                                }
                            }

                        }
                    }
                }
            }

            .slider-variant-white {
                .aae-feature-slider-item-body-content {
                    .aae-f-item-top {
                        .aae-f-item-top-count {
                            p {
                                color: #FFFFFF;
                            }
                        }

                        .aae-f-item-top-title {
                            color: #FFFFFF;

                            span {
                                &::after {
                                    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='5' viewBox='0 0 90 5' fill='none'><path d='M89.9559 5C89.1031 4.98006 88.2386 5.0218 87.3992 4.92827C81.628 4.28671 75.8743 3.51889 70.0848 2.98665C64.2506 2.45084 58.3875 2.03074 52.5194 1.76437C47.3861 1.53019 42.2311 1.47731 37.0896 1.53631C32.7049 1.58591 28.3255 1.92492 23.9419 2.10707C17.4666 2.37985 11.0865 3.15636 4.72917 4.04789C3.84354 4.17224 2.97965 4.37299 2.09402 4.49734C1.28733 4.61113 0.649806 4.43497 0.245876 3.82951C-0.221869 3.12503 -0.0458034 2.78506 0.977466 2.66929C7.05984 1.99183 13.1345 1.25353 19.2356 0.673901C22.2975 0.383788 25.4124 0.36524 28.5064 0.263141C30.9747 0.180901 33.4575 0.0396158 35.9161 0.144457C37.4596 0.212344 38.9384 0.000511771 40.4398 0C43.8133 0.00210289 47.1852 0.155807 50.5581 0.232521C52.5083 0.277498 54.4601 0.264795 56.4064 0.338358C58.1474 0.402745 59.892 0.510773 61.622 0.677847C62.5713 0.770525 63.4889 1.04612 64.4345 1.18907C64.8361 1.25005 65.3406 1.29034 65.6778 1.16313C67.1113 0.62495 68.2366 1.68782 69.7895 1.47708C71.6356 1.22473 73.6917 1.78875 75.6525 2.0152C76.6818 2.13594 77.7172 2.25959 78.7281 2.44389C80.0669 2.68568 81.3788 3.0048 82.7134 3.25348C83.129 3.33003 83.6162 3.2148 84.0199 3.30726C84.7303 3.46996 85.3859 3.7728 86.1002 3.931C87.3879 4.21448 88.6974 4.43467 90 4.6808C89.9855 4.78562 89.9679 4.89018 89.9502 4.99473L89.9559 5Z' fill='white'/></svg>");
                                }
                            }
                        }
                    }

                    .aae-f-item-bottom {

                        p {
                            color: #FFFFFF;
                        }

                        .aae-f-item-bottom-btn {

                            a {
                                color: #FFFFFF;

                                &::after {
                                    background-color: #FFFFFF;
                                }

                            }

                        }
                    }
                }
            }

            .slider-first-item {
                .aae-feature-slider-item-body-content {

                    .aae-f-item-top {
                        .aae-f-item-top-count {
                            p {
                                display: flex;

                                span {
                                    font-size: 30px;
                                    align-self: top;
                                    line-height: 25px;
                                }
                            }
                        }
                    }
                }

                .aae-f-first-item-image {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 100%;
                    z-index: 3;

                    @media (max-width: 767px) {
                        display: none;
                    }

                    @media (max-width: 768px) {
                        right: -186px;
                    }
                }

                .aae-f-item-bg-count {
                    position: absolute;
                    top: 15px;
                    left: 15px;

                    p {
                        font-size: 220px;
                        font-weight: 700;
                        color: #F6EC6B;
                        display: flex;
                        line-height: 1;

                        @media (max-width: 1024px) {
                            font-size: 160px;
                        }
                        @media (max-width: 768px) {
                            font-size: 100px;
                        }

                        span {
                            font-size: 150px;
                            align-self: flex-start;
                            line-height: 0.8;

                            @media (max-width: 1024px) {
                                font-size: 90px;
                            }
                        }
                    }
                }

                .aae-f-shape-image {
                    position: absolute;
                    left: 333px;
                    bottom: 72px;

                    @media (max-width: 767px) {
                        display: none;
                    }
                }
            }

            .slider-second-item {
                .aae-f-second-item-image {
                    position: absolute;
                    top: 38px;
                    right: 0;

                    @media (max-width: 768px) {
                        right: -187px;
                    }

                    box-shadow: -30px 0px 40px 0px rgb(175, 119, 252);

                    .aae-f-second-item-image-bg {
                        position: relative;
                        width: 524px;
                        height: 431px;
                        overflow: hidden;

                        @media (max-width: 767px) {
                            display: none;
                        }

                        .aae-f-second-item-image-bg-1 {
                            position: absolute;
                            bottom: 0;
                            left: 63px;
                            width: 168px;
                            height: 198px;
                            box-shadow: -10px 0px 40px 0px rgba(0, 0, 0, 0.3);
                        }

                        .aae-f-second-item-image-bg-2 {
                            position: absolute;
                            bottom: 0;
                            left: 199px;
                            width: 168px;
                            height: 252px;
                            box-shadow: -10px 0px 40px 0px rgba(0, 0, 0, 0.3);
                        }

                        .aae-f-second-item-image-bg-3 {
                            position: absolute;
                            bottom: 0;
                            left: 337px;
                            width: 187px;
                            height: 355px;
                            box-shadow: -10px 0px 40px 0px rgba(0, 0, 0, 0.3);
                        }
                    }
                }
            }

            .slider-third-item {
                .aae-feature-slider-item-body-content {

                    .aae-f-item-top {
                        .aae-f-item-top-count {
                            p {
                                display: flex;

                                span {
                                    font-size: 30px;
                                    align-self: top;
                                    line-height: 25px;
                                }
                            }
                        }
                    }
                }

                .aae-f-third-item-image {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 100%;

                    @media (max-width: 767px) {
                        display: none;
                    }

                    @media (max-width: 768px) {
                        right: -140px;
                    }
                }

                .aae-f-item-bg-count {
                    position: absolute;
                    top: 15px;
                    left: 15px;
                    z-index: 3;

                    p {
                        font-size: 220px;
                        font-weight: 700;
                        color: #DD5253;
                        display: flex;
                        line-height: 1;

                        @media (max-width: 1024px) {
                            font-size: 160px;
                        }
                        @media (max-width: 768px) {
                            font-size: 90px;
                        }

                        span {
                            font-size: 150px;
                            align-self: flex-start;
                            line-height: 0.8;

                            @media (max-width: 1024px) {
                                font-size: 90px;
                            }
                        }
                    }
                }

            }

            .slider-fourth-item {
                .aae-feature-slider-item-body-content {

                    .aae-f-item-top {
                        .aae-f-item-top-count {
                            img {
                                width: 98px;
                                height: 36px;
                            }
                        }
                    }
                }

                .aae-f-fourth-item-image {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 100%;
                    z-index: 3;

                    @media (max-width: 767px) {
                        display: none;
                    }

                    @media (max-width: 768px) {
                        top: 116px;
                        right: -34px;
                        width: 67%;
                    }

                }

                .aae-f-shape-image {
                    position: absolute;
                    left: 405px;
                    top: 30px;

                    @media (max-width: 767px) {
                        display: none;
                    }

                    @media (max-width: 768px) {
                        left: 340px;
                        top: 130px;
                    }
                }
            }

            .slider-fifth-item {
                .aae-feature-slider-item-body-content {

                    .aae-f-item-top {
                        .aae-f-item-top-count {
                            p {
                                display: flex;

                                span {
                                    font-size: 30px;
                                    align-self: top;
                                    line-height: 25px;
                                }
                            }
                        }
                    }
                }

                .aae-f-fifth-item-image {
                    position: absolute;
                    top: 15px;
                    right: 0;
                    height: 100%;
                    z-index: 3;

                    @media (max-width: 767px) {
                        display: none;
                    }

                    @media (max-width: 768px) {
                        top: 17px;
                        right: -159px;
                    }
                }

                .aae-f-shape-image {
                    position: absolute;
                    left: 224px;
                    top: 64px;

                    @media (max-width: 767px) {
                        display: none;
                    }
                }

                .aae-f-shape-image-2 {
                    position: absolute;
                    left: 426px;
                    top: 137px;

                    @media (max-width: 767px) {
                        display: none;
                    }
                }
            }

            .slider-six-item {
                .aae-feature-slider-item-body-content {

                    .aae-f-item-top {
                        .aae-f-item-top-count {
                            p {
                                display: flex;

                                span {
                                    font-size: 30px;
                                    align-self: top;
                                    line-height: 25px;
                                }
                            }
                        }
                    }
                }

                .aae-f-six-item-image {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 100%;
                    z-index: 3;

                    @media (max-width: 767px) {
                        display: none;
                    }

                    @media (max-width: 768px) {
                        top: -13px;
                        right: -227px;
                    }
                }

            }

            .slider-seven-item {
                .aae-feature-slider-item-body-content {

                    .aae-f-item-top {
                        .aae-f-item-top-count {
                            p {
                                display: flex;

                                span {
                                    font-size: 30px;
                                    align-self: top;
                                    line-height: 25px;
                                }
                            }
                        }
                    }
                }

                .aae-f-seven-item-image {
                    position: absolute;
                    top: 70px;
                    left: 366px;
                    height: 100%;

                    @media (max-width: 767px) {
                        display: none;
                    }
                }

                .aae-f-seven-item-image-2 {
                    position: absolute;
                    top: 202px;
                    left: 434px;
                    height: 100%;

                    @media (max-width: 767px) {
                        display: none;
                    }
                }

                .aae-f-seven-item-image-3 {
                    position: absolute;
                    top: 256px;
                    left: 498px;
                    height: 100%;

                    @media (max-width: 767px) {
                        display: none;
                    }
                }

                .aae-f-seven-item-image-4 {
                    position: absolute;
                    top: 295px;
                    left: 558px;
                    height: 100%;

                    @media (max-width: 767px) {
                        display: none;
                    }
                }

                .aae-f-shape-image {
                    position: absolute;
                    right: 0;
                    top: 30px;

                    @media (max-width: 767px) {
                        display: none;
                    }
                }
            }
        }
    }
}

.aae-feature-area-2 p {
    margin: unset;
}
.aae-feature-area-2{
    .section-title{
        margin: unset;
    }
    .aae-hero-btn {
        justify-content: start;
        margin-left: 0;
    }
    .aae-feature-btn-wrapper {
        padding-top: 25px;
        padding-left: 10px;
    }
    .aae-f-item-top{
    p{
        margin: unset !important;
    }
}
}
.aae-feature-top {
    display: grid;
    grid-template-columns: 1fr .5fr;
    align-items: center;
    @media (max-width:576px){
        grid-template-columns: 1fr;
    }
}

.feature-motion{
    height: 91px;
    width: 91px;
    @media (max-width:576px){
        height: 40px;
        width: 40px;
    }
}
svg.feature-half-circle {
    width: 89px;
    height: 44px;
    @media (max-width:576px){
        width: 60px;
        height: 30px;
    }
}