.totalBodyContainer {
    background-color: #FFFFFF;
    padding-bottom: 0;
}

.zikimSection1 {
    margin-top: 120px;
    width: 100%;
}

.zikimSection1Container {
    background: url("/images/solutions/swSolution/zikim/zikimSection1Bg.png") no-repeat center center / cover;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #D0D3D5;
}

.zikimSection1Text {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 3.75rem;
    letter-spacing: -1.6px;
    color: #FFFFFF;
    text-align: center;
}

.zikimSection2 {
    width: 100%;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zikimSection2Container {
    width: 100%;
    max-width: 1400px;
    padding-left: 118px;
    padding-right: 67px;
}

.zikimSection2Wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 165px;
}

.zikimSection2TextContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 18px;
}

.zikimSection2TextTitle {
    font-family: SCDream, sans-serif;
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -3px;
    color: #12222D;
}

.zikimSection2TextContent {
    font-family: SCDream, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 2.125rem;
    letter-spacing: -1.2px;
    color: #12222D;
}

.zikimSection2ImgContainer > img {
    width: 100%;
    max-width: 704px;
}

.zikimSection3 {
    width: 100%;
    padding-top: 123px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zikimSection3Container {
    width: 100%;
    max-width: 1400px;
    padding-bottom: 140px;
}

.zikimSection3TextWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.zikimSection3TextTitle {
    margin: 15px 0 26px 0;
    font-family: SCDream, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.375rem;
    letter-spacing: -1.44px;
    color: #12222D;
}

.zikimSection3TextTitle > span {
    background: linear-gradient(#DFEDF3 80%, transparent 80%);
}

.zikimSection3TextContent {
    text-align: center;
    font-family: SCDream, sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2.125rem;
    letter-spacing: -1.08px;
    color: #12222D;
}

.zikimSection3FeatListContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.zikimSection3Divider {
    width: 100%;
    height: 20px;
    background: url("/images/solutions/swSolution/zikim/zikimSection3Divider.png") no-repeat center center / cover;
    margin: 37px 0 44px;
}

.zikimSection3FeatListWrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 24px;
}

.zikimSection3Feat {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 1s ease, transform 1s ease;
}

.zikimSection3FeatListWrapper.animate .zikimSection3Feat{
    opacity: 1;
    transform: translateY(0);
}

.zikimSection3FeatListWrapper.animate .zikimSection3Feat:nth-child(1) {
    transition-delay: 0s;
}

.zikimSection3FeatListWrapper.animate .zikimSection3Feat:nth-child(2) {
    transition-delay: 0.2s;
}

.zikimSection3FeatListWrapper.animate .zikimSection3Feat:nth-child(3) {
    transition-delay: 0.4s;
}

.zikimSection3FeatListWrapper.animate .zikimSection3Feat:nth-child(4) {
    transition-delay: 0.6s;
}

.zikimSection3FeatIconContainer {
    flex-shrink: 0;
}


.zikimSection3FeatIconContainer > img {
    width: 100%;
    max-width: 174px;
}

.zikimSection3FeatTextContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 15px;
    padding: 0 30px;
    border: 1px solid #D0D3D5;
    border-left: none;
    border-radius: 2px;
}


.zikimSection3FeatTextTitle {
    font-family: SCDream, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.375rem;
    letter-spacing: -1.44px;
    color: #12222D;
}

.zikimSection3FeatTextContent {
    font-family: SCDream, sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2.125rem;
    letter-spacing: -1.08px;
    color: #12222D;
}

.zikimSection4 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
}

.zikimSection4Container {
    width: 100%;
    max-width: 1400px;
    padding: 47px 0 79px;
}

.zikimSection4Wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.zikimSection4ImgContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 1s ease;
}

.zikimSection4ImgContainer.animate{
    opacity: 1;
}

.zikimSection4ImgContainer > img {
    width: 100%;
    max-width: 966px;
}

.zikimSection4TextContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zikimSection4Text {
    font-family: SCDream, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -1.44px;
    color: #12222D;
    text-align: center;
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 1s ease, transform 1s ease;
}

.zikimSection4Text.animate{
    opacity: 1;
    transform: translateY(0);
}

.zikimSection5 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zikimSection5Container {
    width: 100%;
    max-width: 1400px;
    padding: 40px 0 100px;
}

.zikimSection5Wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.zikimSection5ImgContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 1s ease;
}

.zikimSection5ImgContainer.animate{
    opacity: 1;
}


.zikimSection5ImgContainer > img {
    width: 100%;
    max-width: 670px;
}

.zikimSection5TextContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zikimSection5Text{
    font-family: SCDream, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -1.44px;
    color: #12222D;
    text-align: center;
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 1s ease, transform 1s ease ;
}


.zikimSection5Text.animate{
    opacity: 1;
    transform: translateY(0);

}


.zikimSection6 {
    width: 100%;
    height: 709px;
    background: url("/images/solutions/swSolution/zikim/zikimSection6Bg.png") no-repeat center center / cover;
}

.zikimSection6Container {
    width: 100%;
    max-width: 1400px;
}

.zikimSection6Wrapper > div{
    opacity: 0;
    transition: opacity 1s ease;
}

.zikimSection6Wrapper.animate > div{
    opacity: 1;
}

.zikimSection6Wrapper.animate > .zikimSection6DescriptionContainer:nth-child(1){
    transition-delay: 0s;
}

.zikimSection6Wrapper.animate > .zikimSection6ClientSwiperContainer:nth-child(2){
    transition-delay: 0.2s;
}

.zikimSection6DescriptionWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 110px;
    padding-top: 114px;
}

.zikimSection6DescriptionTextContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}

.zikimSection6DescriptionText1 {
    font-family: SCDream, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 2.125rem;
    letter-spacing: -1.08px;
    color: #FFFFFF;
    opacity: 0.6;
}

.zikimSection6DescriptionText2 {
    font-family: SCDream, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -1.44px;
    color: #FFFFFF;
}

.zikimSection6DescriptionText3 {
    font-family: SCDream, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 2.125rem;
    letter-spacing: -1.08px;
    color: #FFFFFF;
}

.zikimSection6DescriptionImgContainer > img {
    width: 100%;
    max-width: 273px;
}

.zikimSection6ClientSwiperContainer {
    margin-top: 56px;
}

.mySwiper {
    height: 90px;
    width: 80%;
    max-width: 966px;
    margin: auto;
    background-color: #FFFFFF;
    box-shadow: 0 0 20px #338CFFB3;
    border-radius: 60px;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-slide > img {
    max-width: 138px;
    width: 100%;
    height: auto;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    display: none !important;
}

@media (max-width: 1399px) {

    .zikimSection2Wrapper {
        gap: 30px;
    }

    .zikimSection2TextTitle {
        font-size: 2.143rem;
        line-height: 5rem;
        letter-spacing: -1.8px;
    }

    .zikimSection2TextContent {
        font-size: 1.286rem;
        line-height: 1.857rem;
        letter-spacing: -1.08px;
    }

    .zikimSection2ImgContainer > img {
        max-width: 462px;
    }

    .zikimSection3FeatListWrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
    }

    .zikimSection3Divider {
        max-width: 572px;
    }

    .zikimSection3Feat {
        max-width: 572px;
    }
}

@media (max-width: 991px) {
    .zikimSection2Container {
        padding: 0 80px;
    }

    .zikimSection2Wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .zikimSection2TextContainer {
        align-items: center;
        padding-top: 40px;
    }

    .zikimSection2TextContent {
        text-align: center;
    }

    .zikimSection3 {
        padding-top: 70px;
    }

    .zikimSection3TextWrapper > img {
        max-width: 215px;
    }


    .zikimSection6DescriptionWrapper {
        gap: 16px;
    }

    .zikimSection6DescriptionTextContainer {
        padding-left: 40px;
    }
}