.achievement-area {
    background-image: url('../img/home/slide_2_bg.jpg');
    background-size: cover;
    background-position: center center;
    padding-top: 145px;
    position: relative;
    z-index: 9;
}

.dark .achievement-area {
    background-color: #222
}

@media only screen and (max-width: 1399px) {
    .achievement-area {
        padding-top:94px
    }
}

@media only screen and (max-width: 1199px) {
    .achievement-area {
        padding-top:54px
    }
}

.achievement-area-inner {
    position: relative
}

.achievement-area-inner .shape-1 {
    position: absolute;
    inset-inline-start: 129px;
    top: 250px
}

@media only screen and (max-width: 1399px) {
    .achievement-area-inner .shape-1 {
        max-width:150px
    }
}

@media only screen and (max-width: 991px) {
    .achievement-area-inner .shape-1 {
        display:none
    }
}

.dir-rtl .achievement-area-inner .shape-1 img {
    transform: rotateY(180deg)
}

.achievement-area-inner .shape-2 {
    position: absolute;
    inset-inline-start: calc(100% - 257px);
    top: 460px;
    width: -moz-max-content;
    width: max-content;
    width: 459px
}

@media only screen and (max-width: 1399px) {
    .achievement-area-inner .shape-2 {
        width:359px;
        inset-inline-start: calc(100% - 157px)
    }
}

@media only screen and (max-width: 767px) {
    .achievement-area-inner .shape-2 {
        display:none
    }
}

.dir-rtl .achievement-area-inner .shape-2 img {
    transform: rotateY(180deg)
}

.achievement-area-inner .shape-3 {
    position: absolute;
    inset-inline-end: calc(100% + 12px);
    bottom: 170px;
    width: 142px
}

.dir-rtl .achievement-area-inner .shape-3 img {
    transform: rotateY(180deg)
}

.achievement-area .section-title {
    position: relative;
    font-family: var(--font_teko);
    font-size: 76px;
    text-transform: uppercase;
    padding-bottom: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: .92;
    text-align: center;
}
.achievement-area .section-title>span {
    color: var(--white-2);
    background: linear-gradient(0deg, #374bac, #58ef8e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.achievement-area .title-wrapper p {
    font-size: 25px;
    text-transform: capitalize;
}

.achievement-area .section-header {
    text-align: center
}

.dir-rtl .achievement-area .section-header .section-title img {
    transform: rotateY(180deg)
}

.achievement-area .section-header .title-wrapper {
    margin-top: 17px
}

.achievement-area .section-header .text-wrapper {
    margin-top: 26px
}

.achievement-area .section-header .btn-wrapper {
    margin-top: 43px
}

.achievement-area .section-header .text {
    max-width: 407px;
    margin: 0 auto
}

.achievement-area .achievement-thumb {
    max-width: 1130px;
    margin: 0 auto;
    margin-top: 80px;
    position: relative
}

@media only screen and (max-width: 1599px) {
    .achievement-area .achievement-thumb {
        max-width:950px
    }
}

@media only screen and (max-width: 1399px) {
    .achievement-area .achievement-thumb {
        max-width:900px
    }
}

@media only screen and (max-width: 1199px) {
    .achievement-area .achievement-thumb {
        max-width:630px
    }
}

@media only screen and (max-width: 991px) {
    .achievement-area .achievement-thumb {
        max-width:430px
    }
}

.dir-rtl .achievement-area .achievement-thumb .main-image {
    transform: rotateY(180deg)
}

.achievement-area .achievement-thumb .position-text {
    position: absolute;
    top: 145px;
    inset-inline-end: 0
}

@media only screen and (max-width: 1199px) {
    .achievement-area .achievement-thumb .position-text {
        top:45px;
        inset-inline-end: -142px
    }
}

@media only screen and (max-width: 991px) {
    .achievement-area .achievement-thumb .position-text {
        top:-15px
    }
}

@media only screen and (max-width: 767px) {
    .achievement-area .achievement-thumb .position-text {
        position:static;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px
    }
}