.slide--active{
    color: #0000D6 !important;
}

main#main-about{
    background-image: url(../img/banner-about.png) !important;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;

    .content{
        width: 766px !important;
        top: 30%;
    }
}

section#about-geosiga .container-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section#about-geosiga .container-wrap .container-wrap-colum:nth-of-type(1){
    height: 402px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;

    .tag{
        width: 101px;
    }
}

section#about-geosiga .container-wrap .container-wrap-colum:nth-of-type(1) h2{
    width: 517px;
    font-family: var(--aventa-black);
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #1D2939;
}

section#about-geosiga .container-wrap .container-wrap-colum:nth-of-type(1) p{
    width: 414px;
    font-family: var(--aventa-medium);
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #475467;
}

section#about-geosiga .container-wrap .container-wrap-colum:nth-of-type(1) span{
    font-family: var(--aventa-bold);
    font-size: 18px;
    color: #1D2939;
}

section#about-geosiga{
    height: 800px;
}

div#manifesto{
    height: 485px;
}

div#manifesto .container-manifesto{
    max-width: 1100px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div#manifesto .manifesto-text-bullets{
    display: flex;
    align-items: center;
    gap: 30px;
    /* padding-left: 10px; */
    padding-bottom: 60px;
}

div#manifesto .manifesto-text-bullets h2{
    /* width: 400px; */
    color: #1D2939;
    text-align: center;
    font-family: var(--aventa-black);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

div#manifesto .manifesto-text-bullets .swiper-manifesto-pagination{
    width: auto !important;
}


div#manifesto .swiper-pagination-bullet{
    background: none !important;
    font-size: 14px;
    font-family: var(--aventa-black);
    color: #D4D4FF;
}

div#manifesto .swiper-pagination-bullet-active {
    background: none !important;
    color: var(--blue-primary); 
    font-size: 14px;
    font-family: var(--aventa-black); 
    opacity: 1;
}

div#manifesto .swiper-wrapper .swiper-slide{
    display: flex;
    align-items: flex-end;
    gap: 32px;

    .slide-number{
        height: 81px;
        font-size: 72px;
        font-family: var(--aventa-black);
        color: #D4D4FF;
    }

    .text{
        width: 696px;

        p{
            font-family: var(--aventa-medium);
            font-size: 20px;
            line-height: 26px;
            text-align: left;
            color: #475467;
        }
    }
}

div#manifesto .swiper-wrapper .swiper-slide-active{
    .slide-number{
        height: 81px;
        font-size: 72px;
        font-family: var(--aventa-black);
        color: #0000D6;
    }
}

section#solution-about{
    height: 977px;
    background: linear-gradient(360deg, #F7F7FF 15.43%, #FCFCFF 51.68%, #FFFFFF 111.29%);
}

section#solution-about .solution-about-wrap{
    display: flex;
    justify-content: space-between;
}

section#solution-about .solution-about-wrap .solution-about-wrap-colum{
    width: 384px;
    text-align: left;
}

section#solution-about .solution-about-wrap .solution-about-wrap-colum p{
    font-family: var(--aventa-medium);
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color:  #667085;
}

section#solution-about .solution-about-wrap .solution-about-wrap-colum h2{
    width: 385px;
    font-family: var(--aventa-black);
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--black-primary);
    padding: 20px 0;
}

section#values {
    height: 955px;
    background-color: #F6F6FF;
    text-align: center;
}

section#values h2{
    font-family: var(--aventa-black);
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0em;
    margin: 30px auto 0 auto;
    width: 838.34px;
}

section#values .values-wrap{
    display: flex;
    justify-content: space-around;
    margin-top: 100px;
}

section#values .values-wrap .colum-wrap{
    max-width: 466px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section#values .values-wrap .colum-wrap .line-wrap{
    width: 483px;
    display: flex;
    gap: 16px;
}

section#values .values-wrap .colum-wrap .line-wrap svg{
    position: relative;
    top: 3px;
}

section#values .values-wrap .colum-wrap .line-wrap h4{
    font-family: var(--aventa-bold);
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #1d2939;
}

section#values .values-wrap .colum-wrap .line-wrap p{
    font-family: var(--aventa-medium);
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #475467;
    padding-top: 10px;
    min-height: 73px;
}

@media (width >= 2250px) {
    .frame{
        .svg-desktop{
            width: 110% !important;
            height: auto !important;
        }

        .svg-desktop path{
            transform: scale(0.90);
        }
    }
}

@media (width >= 2400px) {
    .frame{
        .svg-desktop{
            top: -870px;
        }
    }
}

@media (width >= 1280px) {
    .frame{
        .svg-desktop{
            display: block;
        }

        .svg-mobile{
            display: none;
        }
    }
}

@media (width < 1280px) {
    main#main-about{
        height: 355px;
        .content{
            width: 195px !important;

            h1{
                font-size: 24px !important;
            }
        }
    }

    .swiper-slide {
        padding-right: 25px;
    }

    .frame{
        top: -35%;
        .svg-desktop{
            display: none;
        }

        .svg-mobile{
            display: none;
        }
    }

    section#about-geosiga{
        height: 902px !important;

        .container-wrap{
            flex-direction: column;

            .container-wrap-colum:nth-of-type(1) {
                height: auto;
                .tag{
                    margin: 0 auto 15px auto;
                }

                h2{
                    font-size: 20px;
                    width: 100%;
                    text-align: center;
                    margin-bottom: 30px;
                }

                p{
                    width: 285px;
                    font-size: 16px;
                    text-align: center;
                    padding-bottom: 20px;
                }
            }

            .container-wrap-colum:nth-of-type(2) {
                width: 308px;
                height: 249px;

                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }

    #manifesto{
        height: 388px;

        .container-manifesto{
            margin-left: 8% !important;

            .manifesto-text-bullets{
                flex-direction: column;
                align-items: baseline;
                gap: 5px;

                h2{
                    width: auto;
                    font-size: 20px;
                }
            }

            .swiper-manifesto{
                overflow: hidden !important;
            }

            .swiper-slide{
                .number{
                    .slide-number{
                        font-size: 72px !important;
                    }
                }

                .text{
                    p{
                        font-size: 16px !important;
                    }
                }
            }
        }
    }

    section#solution-about{
        height: 1483px !important;

        .solution-about-wrap{
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            gap: 50px;

            .solution-about-wrap-colum{
                display: flex;
                flex-direction: column;

                .tag{
                    width: 100px;
                    margin: 0 auto
                }

                h2{
                    width: 100%;
                    font-size: 20px;
                    text-align: center;
                }

                p{
                    font-size: 16px;
                    text-align: center;
                    color: #667085;
                    width: 309px;
                    margin: 0 auto;
                }

                .t-p{
                    padding-bottom:50px;
                }

                img{
                    width: 308px;
                    height: 402px;
                    margin: 0 auto;
                    order: 2;
                }
            }
        }
    }

    section#values{
        height: 1439px;
        background-color: #F6F6FF !important;

        .container{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 95%;
        }

        .tag{
            margin: 0 auto;
        }

        .values-title{
            text-align: center;
            width: 308px;
            font-size: 20px !important;
        }

        .values-wrap{
            margin-top: 0;
            flex-direction: column;
            gap: 20px;

            .colum-wrap{
                margin: 0 auto;
                
                .line-wrap{
                    margin: auto;
                    width: 308px;

                    h4{
                        font-size: 18px !important;
                    }
                    
                    p{
                        font-size: 14px;
                    }
                }
            }
        }
    }

    
}

@media (width >= 500px) {
    .frame{
        /*top: -42.5%;*/

        .svg-mobile{
            width: 600px;
            height: 500px;
        }
    }
}

@media (width < 500px) {
    .frame{
        top: -33%;
    }
}

@media (width < 400px) {
    .frame{
        top: -34%;
    }
}

@media (width <= 380px) {
    .frame{
        top: -44%;
    }
}