Professor6T9 Web SheLL

Windows NT WEB-23 10.0 build 17763 (Windows Server 2016) i586
Microsoft-IIS/10.0
103.118.16.173

File Name : main.css

main, main div, main p, main ul, main li, main h1, main h2, main h3, main h4, main h5, main h6,
header, header div, header p, header ul, header li, header h1, header h2, header h3, header h4, header h5, header h6, header a {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

body.max-width #site {
    overflow-x: hidden;
}

.container {
    max-width: 1280px;
}

.container-fluid {
    width: 98%;
}

header#site-header.fix-header {
    position: fixed;
    background: inherit;
}

header#site-header {
    position: relative;
    /*width: 94.8%;*/
    max-width: 1440px;
    margin: 0 auto;
}

.main-banner {
    background: url(../../../images/finSteco2/bg-banner.png) top center no-repeat;
    background-size: cover;
    padding: 90px 0 65px !important;
}

body {
    background: #F3F3F3;
}

header#site-header #logo picture, header#site-header #logo img {
    height: 29px;
}

body.header-07-lg header#site-header nav.secondary {
    order: 6;
}

.main.nav-dropdown {
}

header#site-header nav.main.Navbar {
    height: inherit;
}

header#site-header nav.main.Navbar > ul {
        height: inherit;
    }

header#site-header nav.main.Navbar > ul > li {
            height: inherit;
        }

header#site-header nav.main.Navbar > ul > li > span > a {
                height: inherit;
                line-height: inherit;
                color: #020407;
                font-size: 14px;
                font-weight: 600;
                padding: 0 0 0 40px;
            }

header#site-header nav.main.Navbar > ul > li > span > a:hover, header#site-header nav.main.Navbar > ul > li > span > a:active {
                    color: #6CA3FF;
                }

header#site-header nav.main.Navbar > ul > li.has-child > span::after {
                line-height: inherit;
            }

header#site-header nav.main.Navbar > ul > li.has-child > span::before, header#site-header nav.main.Navbar > ul > li > li > span::before, body.header-07-lg header#site-header nav.main > ul > li > span::before {
                display: none;
            }

header#site-header nav.main.Navbar > ul > li:hover > ul,
            header#site-header nav.main.Navbar > ul > li.open-child > ul
            html.no-touch body.header-07-lg header#site-header nav.main.Navbar > ul > li:hover > ul,
            html.touch body.header-07-lg header#site-header nav.main.Navbar > ul > li.open-child > ul {
                top: 30px !important;
                left: 40px;
            }

body.main-navigation-underline-link-hover header#site-header nav.main a:hover, body.main-navigation-underline-link-hover header#site-header nav.main a:focus, body.main-navigation-underline-link-hover header#site-header nav.main a:active {
    text-decoration: none;
}

header#site-header nav.main.Navbar > ul > li > ul {
    background: #FFF;
    width:100%;
    max-width:150px;
    /*border-radius: 12px;
    box-shadow: 0px 0px 12px rgba(0, 87, 146, 0.18);*/
}

header#site-header nav.main.Navbar > ul > li > ul > li > span > a {
        color: #6CA3FF;
        font-size: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

header#site-header nav.main.Navbar > ul > li > ul > li:last-child > span > a {
        border: inherit;
    }

header#site-header nav.main.Navbar > ul > li > ul > li > span > a:hover, header#site-header nav.main.Navbar > ul > li > ul > li > span > a:active {
        color: #000;
    }
    body.header-07-lg header#site-header nav.secondary ul li.dropdown > a > span{
        /*display:inline-block;*/
        color:#6CA3FF;
        margin-left: 10px;
    position: relative;
    top: -6px;
    }
    nav.secondary ul li.dropdown > a.dropdown-toggle::after{
        color:#6CA3FF;
        top: 3px;
    margin-left: 5px;
    font-size: 20px;
    }
    nav.secondary ul li.language-selector a.dropdown-toggle{
        line-height: inherit !important;
        padding-right:0;
        /*border: 1px solid #010205;
        padding: 8px 21px;
        border-radius: 30px;*/
    }
    nav.secondary ul li.language-selector picture, nav.secondary ul li.language-selector picture source, nav.secondary ul li.language-selector picture img, nav.secondary ul li.language-selector a > img {
    width: 24px;
    height: 24px;
    border-radius: 20px;
}
    body.header-07-lg header#site-header nav.secondary ul li.dropdown.language-selector .dropdown-menu{
        top: 37px !important;
    will-change: transform;
    background: #FFF;
    border-radius: 5px;
    }
    html[dir="ltr"] nav.secondary ul li.language-selector a > picture + span{
        color:#6CA3FF;
        margin-left: 10px;
    position: relative;
    top: -6px;
    font-size:15px;
    }
    body.secondary-navigation-underline-link-hover header#site-header nav.secondary a:hover, body.secondary-navigation-underline-link-hover header#site-header nav.secondary a:focus, body.secondary-navigation-underline-link-hover header#site-header nav.secondary a:active{
        text-decoration:none;
    }
header#site-header nav.cta-links .btn {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #010205;
    color: #010205;
    padding: 11px 36px;
    background: inherit;
}

header#site-header nav.cta-links .btn span {
        background: #6CA3FF;
        border-radius: 30px;
    }

header#site-header nav.cta-links .btn:hover,
    header#site-header nav.cta-links .btn:focus,
    header#site-header nav.cta-links .btn:active {
        background: inherit;
        border: 1px solid #6CA3FF;
        color: #FFF;
    }

::selection {
    background: #6CA3FF;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #6CA3FF;
    /* Firefox */
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #6CA3FF;
    /* Safari */
    color: #FFF;
    text-shadow: none;
}

a, .btn, .overview-card, .svg-img, .overview-card p {
    text-decoration: none;
    -webkit-transition: 1s ease all;
    -o-transition: 1s ease all;
    -moz-transition: 1s ease all;
    -ms-transition: 1s ease all;
    transition: 1s ease all;
}

body.content-underline-link-hover #site-content a:not(.btn):not(.nav-button-link):hover {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.btn:hover, button.btn:hover, .btn:focus, button.btn:focus, .btn:active, button.btn:active {
    box-shadow: inherit;
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: inherit;
}

.btn-danger {
    font-size: 20px;
    font-weight: 700;
    padding: 15px 40px;
    color: #FFF;
    background: #F15A29;
    border: 0;
    line-height: 32px;
    letter-spacing: -0.02em;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
        background: #FFF;
        color: #F15A29;
    }

.btn-dark {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 32px 18px 32px;
    color: #FFF;
    background: #010205;
    border: 0;
    line-height: 140%;
    letter-spacing: -0.02em;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
        background: #F15A29;
        color: #FFF;
    }

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
        box-shadow: inherit;
    }

.btn-dark i:before {
        font-size: 28px;
        margin: 0 0 0 30px;
        position: relative;
        top: 5px;
    }

.btn-md {
    font-size: 22px;
    font-weight: 500;
}

.btn-lg {
    font-size: 30px;
    padding: 20px 40px;
    letter-spacing: -0.02em;
}

.btn-primary {
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 32px;
    color: #FFF;
    background: #6CA3FF;
    border: 0;
    line-height: 32px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: #F15A29;
    }

.btn-primary i.before {
        font-size: 28px;
        margin: 0 0 0 40px;
        position: relative;
        top: 5px;
    }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: inherit;
    }

button:focus {
    outline: inherit;
}

.btn-lg i.before {
    font-size: 42px;
    margin: 0 0 0 20px;
    position: relative;
    top: 5px;
}

.main-banner h1 {
    letter-spacing: -0.05em;
    color: #08080C;
    font-size: 62px;
    line-height: 100%;
    margin-bottom: 30px;
    font-weight:600;
}

.main-banner p {
    font-size: 18px;
    color: #08080C;
    line-height: 160%;
}

.main-banner .btn {
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 32px;
    color: #FFF;
    background: #6CA3FF;
    border: 0;
    line-height: 32px;
}

.main-banner .btn:hover, .main-banner .btn:focus, .main-banner .btn:active {
        background: #F15A29;
    }

.main-banner .btn i.before {
        font-size: 28px;
        margin: 0 0 0 40px;
        position: relative;
        top: 5px;
    }

.main-banner .btn-link, .fin-overview .btn-link {
    font-size: 16px;
    color: #010205;
    font-weight: 600;
    text-decoration: underline !important;
    margin-left: 50px;
}

.main-banner .btn-link:hover {
        color: #F15A29 !important;
        text-decoration: none !important;
    }

.banner-robot {
    position: absolute;
    top: -30px;
    left: -80px;
    width: 62%;
}

.banner-logo-title p {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #F15A29;
}

.baner-logo-mobile {
    display: none !important;
}

.banner-btn {
    margin: 30px 0 28px;
}
/*fsBanner css start*/
.banner-right .box {
    background-color: #F0F0F0;
    padding: 20px;
    margin-top: 45px;
    border-radius: 20px;
    backdrop-filter: blur(42px);
}

.banner-right .box h2 {
        font-size: 84px;
        color: #010205;
        margin: 0;
        padding: 0;
        font-weight: 700;
    }

.banner-right .box p {
        font-size: 13px;
        color: #5C5D5F;
        font-weight: 500;
    }

.banner-right .box .progress {
        height: 7px;
        background: #D9D9D9;
        border-radius: 0;
        margin-top: 30px;
    }

/* .banner-right .box .progress .progress-bar {
            background: #2979FF;
        }*/

.alternativeText {
    position: absolute;
    top: 50%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.alternativeText p {
        font-size: 14px;
        font-weight: 600;
        color: #FFF;
        position: relative;
        margin-bottom: 0;
        padding-left: 65px;
    }

.alternativeText p:before {
            position: absolute;
            left: 0;
            top: 50%;
            content: '';
            width: 54px;
            height: 1px;
            background: #FFF;
        }

.alternativeText h3 {
        font-size: 32px;
        font-weight: 600;
        color: #FFF;
        margin: 20px 0 0;
    }
/*fsBanner css end*/

/* Fin-System css start */

.fin-System h2 {
    font-size: 60px;
    color: #fff;
    line-height: 130%;
}
/* Fin-System css end */

/*FsAbout*/
section.content.sec-fsAbout, .fin-System, .sec-top-featureCTA, .sec-bottom-featureCTA {
    background: #F15A29 url(../../../images/finSteco2/bg-about-noise.png);
    padding: 60px 0 !important;
}

.fin-About .btn-primary {
    font-size: 30px;
    line-height: 140%;
}

.btn-OrangeSec:hover, .btn-OrangeSec:focus {
    background: #FFF;
    color: #F15A29;
}

.fin-About .titel-part h2 {
    font-size: 64px;
    margin: 0;
    color: #FFF;
}

.fin-About .titel-part p {
    font-size: 30px;
    color: #FFF;
    line-height: 130%;
    letter-spacing: -0.02em;
    margin: 0;
}

.fin-About .card {
    background: #FFF;
    border-radius: 30px;
    margin: 50px 0;
}

.fin-About .card .card-body {
        padding: 20px 32px;
    }

.fin-About .card .card-body p {
            font-weight: 500;
            font-size: 16px;
            line-height: 230%;
            color: #010205;
            margin: 0;
        }

.fin-About-right p {
    font-weight: 500;
    font-size: 24px;
    line-height: 180%;
    color: #FFFFFF;
}

.fin-About-right ul {
}

.fin-About-right ul li {
        color: #010205;
        font-size: 20px;
        letter-spacing: -0.02em;
        font-weight: 500;
        line-height: 196%;
        margin: 8px 0;
    }

.fin-About-right ul li strong {
            color: #699FF8;
        }

.fin-About-right ul li::marker {
            color: #699FF8;
        }

.titel-part h2 {
    margin: 15px 0 0;
    color: #FFF;
    font-weight: 700;
    font-size: 64px;
    line-height: 130%;
    letter-spacing: -0.04em;
}

.titel-part p.subHeading {
    margin: 0;
    color: #FFF;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.04em;
}

.titel-part p {
    color: #FFF;
    font-size: 18px;
    line-height: 180%;
}

.about-box {
}

.about-box .feature-box {
        background: #010205;
        border-radius: 34px;
        padding: 40px 60px 40px 40px;
        margin-top: 50px;
        -webkit-transition: 1s ease all;
        -o-transition: 1s ease all;
        -moz-transition: 1s ease all;
        -ms-transition: 1s ease all;
        transition: 1s ease all;
    }

.about-box .feature-box:hover {
            background: rgba(0, 0, 0, 0.90);
            border-radius: 15px;
        }

.about-box .feature-box h2 {
            font-weight: 700;
            font-size: 40px;
            line-height: 150%;
            color: #6CA3FF;
            margin: 0;
            letter-spacing: -0.03em;
            width: 88%;
            -webkit-transition: 1s ease all;
            -o-transition: 1s ease all;
            -moz-transition: 1s ease all;
            -ms-transition: 1s ease all;
            transition: 1s ease all;
        }

.about-box .feature-box:hover h2 {
            color: #FFF;
        }

.about-box .feature-box svg {
            fill: #FFF;
            height: 60px;
            width: 60px;
            -webkit-transition: 1s ease all;
            -o-transition: 1s ease all;
            -moz-transition: 1s ease all;
            -ms-transition: 1s ease all;
            transition: 1s ease all;
        }

.about-box .feature-box:hover svg {
            fill: #F15A29;
        }

.about-btn .btn-danger {
    font-size: 30px;
    font-weight: 700;
    padding: 20px 32px;
    color: #FFF;
    background: #F15A29;
    border: 0;
    line-height: 32px;
    letter-spacing: -0.02em;
    margin-top: 50px;
}

.about-btn .btn-danger:hover, .about-btn .btn-danger:focus, .about-btn .btn-danger:active {
        background: #FFF;
        color: #F15A29;
    }

.about-btn .btn-danger i.before {
        font-size: 28px;
        margin: 0 0 0 40px;
        position: relative;
        top: 5px;
    }
/*fSProduct*/
.sec-fsProduct {
    padding: 0 !important;
    background: #1E1E1E;
}

.sec-fsProduct .fin-product {
        background: url(../../../images/finSteco2/bg-fin-overview.png) center no-repeat;
        background-size: cover;
        padding: 60px 0 40px;
        border-radius: 30px 30px 0 0;
    }

.sec-fsProduct .titel-part {
        text-align: center;
        margin-bottom: 60px;
    }

.sec-fsProduct .titel-part p {
            font-weight: 200;
            font-size: 30px;
            line-height: 130%;
            letter-spacing: -0.03em;
            color: #FFFFFF;
            margin: 0;
        }

.sec-fsProduct .titel-part h3 {
            font-weight: 900;
            font-size: 48px;
            line-height: 130%;
            letter-spacing: -0.03em;
            color: #FFFFFF;
            margin: 0;
        }

.product-slider {
    /*position:absolute;
    width:91%;*/
    /*width: 94%;
    float: right;*/
}
/*.product-slider .row.slick-slider{
    margin-right: -7px;
    margin-left: -7px;
}
.product-slider .row.slick-slider .slick-slide{
    padding-right: 7px;
    padding-left: 7px;
}*/
.product-slider-card {
    border-radius: 30px;
    /*padding: 25px;
    height: 223px;
    background: #C3C3C3;
    border: 10px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(67px);*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 15px 15px 15px 30px;
    margin-bottom: 50px;
    -webkit-transition: 1s ease all;
    -o-transition: 1s ease all;
    -moz-transition: 1s ease all;
    -ms-transition: 1s ease all;
    transition: 1s ease all;
}

.product-slider-card h2 {
        font-weight: 600;
        font-size: 36px;
        line-height: 150%;
        color: #6CA3FF;
        margin: 0 0 15px;
        word-break: break-all;
        -webkit-transition: 1s ease all;
        -o-transition: 1s ease all;
        -moz-transition: 1s ease all;
        -ms-transition: 1s ease all;
        transition: 1s ease all;
    }

.product-slider-card p {
        font-weight: 600;
        font-size: 13px;
        line-height: 170%;
        color: #FFFFFF;
        position: relative;
        margin: 0 0 15px;
    }

.product-slider-card svg {
        width: 38px;
        fill: #FFF;
        -webkit-transition: 1s ease all;
        -o-transition: 1s ease all;
        -moz-transition: 1s ease all;
        -ms-transition: 1s ease all;
        transition: 1s ease all;
    }

.product-slider-card:hover h2 {
        color: #F15A29;
    }

.product-slider-card:hover svg {
        fill: #6CA3FF;
    }

/*.product-slider-card p:before {
            position: absolute;
            left: 0;
            top: 11px;
            content: '';
            width: 54px;
            height: 1px;
            background: #FFF;
        }*/

.product-slider .slide-count {
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    color: #FFFFFF;
    margin: 0 20px;
    width: 60px;
    text-align: center;
    display:none;
}
.product-slider .slide-count .slider-tot-count{
        color:#F15A29;
    }

.product-slider .slick-arrow-nav {
    position: absolute;
    left: 72%;
}

.product-slider .slick-arrow {
    padding: 16px 32px;
    border: 1px solid #FFFFFF;
    border-radius: 70px;
    background: #FFF;
}

.product-slider .slick-arrow:hover {
        background: #6CA3FF;
        border-color: #6CA3FF;
    }

.product-slider .slick-arrow.slick-disabled {
        background: inherit;
        cursor: default;
    }

.product-slider .slick-arrow.slick-disabled:hover {
            border-color: #FFF;
        }

.product-slider .slick-arrow.slick-disabled img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(7456%) hue-rotate(323deg) brightness(115%) contrast(108%);
        }

.product-slider .slick-arrow img {
        width: 14px;
        filter: invert(1);
        filter: brightness(0) saturate(100%) invert(6%) sepia(9%) saturate(1181%) hue-rotate(187deg) brightness(88%) contrast(110%);
    }

.product-slider .slick-arrow:hover img {
        filter: invert(1);
        filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(7456%) hue-rotate(323deg) brightness(115%) contrast(108%);
    }

.product-slider .slick-arrow.slick-next img {
        transform: rotateY(180deg);
    }
/*fSOverview*/
.sec-fsOverview {
    background: #F6F6F6;
    padding: 80px 0 40px !important;
}

.sec-fsOverview .titel-part {
        margin-bottom: 80px;
    }

.sec-fsOverview .titel-part h2 {
            margin: 0;
            color: #1F2937;
            font-weight: 700;
            font-size: 64px;
            line-height: 115%;
            letter-spacing: -0.02em;
        }

.sec-fsOverview .titel-part p {
            color: #1F2937;
            font-size: 30px;
            line-height: 130%;
            letter-spacing: -0.02em;
            margin: 0;
        }

.sec-fsOverview .titel-part p.text-muted {
                color: #6B7280;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: -0.02em;
                margin: 0;
                font-weight: 500;
            }
/*FsPurchaseGuide css start*/
.process-orangeBox, .btn-bg-orange {
    background-color: #F15A29
}

.process-whiteBox {
    background-color: rgba(0,0,0,0.2);
    padding: 10px;
}

.process-defaultBox {
    background-color: rgba(0,0,0,0.2)
}

.btn-bg-blue {
    background-color: #6CA3FF
}

.btn-bg-green {
    background-color: #00BF8E
}

.label-dot {
    height: 12px;
    width: 4px;
    border-radius: 20px;
    display: inline-block;
    margin-right: 8px;
}

.label-black {
    background-color: #252525;
}

.label-purple {
    background-color: #EBD5F6;
}

.label-teal {
    background-color: #BDE8E3;
}

.label-blue {
    background-color: #86BDFE;
}

.Card-Max-Height {
    /*height: 500px;*/
}

/*FsPurchaseGuide css end*/

/*FsPlatformOverview css start*/
.video-container {
    background: url(../../../images/finSteco2/video-bg.png) left top no-repeat;
    background-size: cover;
    border-radius: 30px 30px 16px 16px;
    padding: 40px;
    color: white;
    font-size: 24px;
    position: relative;
    margin-bottom: 30px;
}

.video-text {
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 40px;
    width: 40%;
}

.video-button {
    bottom: 40px;
    right: 40px;
    width: 110px;
    height: 110px;
    background-color: #005792;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 50px;
}

.video-button:hover {
        background-color: #F15A29;
    }

.video-button img {
        width: 54px;
        height: 54px;
    }

.video-container .btn-link {
    text-decoration: underline !important;
}

.video-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.video-overlay video {
        height: 100%;
        border-radius: 10px;
    }

.video-overlay.active {
        display: flex;
    }

.close-video {
    position: absolute;
    top: 21px;
    right: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    color: #000;
    width: 48px;
    height: 48px;
    text-align:center;
}

.video-box {
    margin-right: -5px;
    margin-left: -5px;
}

.video-box .col-6, .video-box .col-md-4, .video-box .col-lg-2 {
        padding-right: 5px;
        padding-left: 5px;
    }

.overview-card {
    text-align: center;
    padding: 35px 5px;
    border-radius: 8px;
    height: 100%;
}

.overview-card:hover {
        background: #6CA3FF url(../../../images/finSteco2/bg-card.png) left top;
    }

.overview-part {
}

.overview-part .row {
        margin-right: -5px;
        margin-left: -5px;
    }

.overview-part .col-lg-2 {
        padding-right: 5px;
        padding-left: 5px;
    }

.overview-card p {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: rgba(107, 114, 128, 0.6);
    margin-bottom: 0;
    letter-spacing: -0.02em;
}

.overview-card:hover p {
    color: #FFF;
}

.overview-card .svg-img {
    filter: invert(1);
    filter: brightness(0) saturate(100%) invert(49%) sepia(6%) saturate(950%) hue-rotate(185deg) brightness(87%) contrast(89%);
    height: 60px;
}

.overview-card:hover .svg-img {
    filter: invert(1);
    filter: brightness(0) saturate(100%) invert(13%) sepia(17%) saturate(1082%) hue-rotate(176deg) brightness(96%) contrast(93%);
}

.sec-fsOverview .btn-dark {
    font-size: 16px;
    padding: 12px 32px 18px 32px;
    margin-right: 40px;
}
/*FsPlatformOverview css end*/
/*FsTokenomics*/
.sec-fsTokenomics {
    background: #F3F3F3;
}

.fin-tokenomics {
    background: #FFF;
    border-radius: 28px 28px 0 0;
    margin: 0 16px;
    padding: 60px 0 80px;
    position: relative;
}

.fin-tokenomics:before {
        height: 100px;
        width: 100%;
        content: '';
        display: block;
        position: absolute;
        bottom: -80px;
        background: #FFF;
    }

.sec-fsTokenomics .titel-part {
    margin-bottom: 100px;
}

.sec-fsTokenomics .titel-part h2 {
        font-weight: 700;
        font-size: 60px;
        line-height: 108%;
        color: #010205;
    }

.sec-fsTokenomics .titel-part p {
        font-weight: 400;
        font-size: 30px;
        line-height: 108%;
        color: #010205;
    }

.sec-fsTokenomics .investment-box {
    background: #6CA3FF;
    border-radius: 24px;
    padding: 40px;
    margin-bottom: 30px;
}

.sec-fsTokenomics .investment-box h3 {
        font-weight: 500;
        font-size: 40px;
        line-height: 120%;
        color: #FFF;
        margin: 0;
    }

.sec-fsTokenomics .investment-box .btn {
        margin: 30px 0;
    }

.fsTokenomics-list {
    border-bottom: 1px solid #E6E6E6;
    padding: 20px 0;
}

.fsTokenomics-list:last-child {
        border: 0;
    }

.fsTokenomics-list img {
        width: 60px;
        margin-right: 15px;
    }

.fsTokenomics-list h4 {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.02em;
        color: #0A272E;
        margin: 0;
    }
/*FsGuide*/
.sec-fsGuide {
    background-image: url(../../../images/finSteco2/bg-fsGuide.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #6CA3FF;
    border-radius: 40px 40px 0 0;
    padding: 20px 0 160px !important;
}

.sec-fsGuide .titel-part h2 {
        line-height: 100%;
    }

.sec-fsGuide .titel-part p {
        font-size: 30px;
        font-weight: 300;
        margin: 30px 0;
    }

.GuideSale {
    margin: 40px 0 60px;
}

.GuideSale h4 {
        font-weight: 700;
        font-size: 30px;
        line-height: 120%;
        letter-spacing: -0.02em;
        color: #FFF;
        margin: 0;
    }

.GuideSale .card.sale-round {
        border-radius: 14px;
    }

.GuideSale .card.sale-round .card-body {
            padding: 15px;
        }

.GuideSale .card.sale-round .badge {
            font-size: 12px;
            font-weight: 700;
            padding: 9px 15px;
            color: #FFF;
        }

.GuideSale .card.sale-round .badge.box-green {
                background: #00BF8E;
            }

.GuideSale .card.sale-round .badge.box-orange {
                background: #FC5A40;
            }

.GuideSale .card.sale-round .badge.box-blue {
                background: #6CA3FF;
            }

.GuideSale .card.sale-round .card-body .card-title {
            font-weight: 700;
            font-size: 16px;
            line-height: 120%;
            letter-spacing: -0.02em;
            color: #252525;
        }

.GuideSale .card.Card-Max-Height .card-body .card-title {
        font-size: 32px;
        margin-bottom: 20px;
    }

.GuideSale .card.last-card .card-body .card-title {
        margin-bottom: 20px;
    }

.GuideSale .card.sale-round .card-body .card-body-text {
        width: 38%;
        text-align: center;
    }

.GuideSale .card.Card-Max-Height .card-body .card-body-text, .GuideSale .card.last-card .card-body .card-body-text {
        width: 100%;
        margin-top: 20px;
    }

.GuideSale .card.sale-round .card-body .progress-container {
        width: 15%;
    }

.GuideSale .card.Card-Max-Height .card-body .progress-container, .GuideSale .card.last-card .card-body .progress-container {
        width: 30%;
        margin: 15px auto 0;
    }

.GuideSale .card.sale-round .card-body .card-body-part {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }

.GuideSale .card.sale-round .card-body .card-text {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 43%;
    }

.GuideSale .card.Card-Max-Height .card-body .card-text {
        width: 100%;
    }

.GuideSale .card.last-card .card-body .card-text {
        width: 80%;
        margin: 0 auto;
    }

.GuideSale .card.sale-round .card-body .card-text li {
        display: inline-block;
        font-weight: 500;
        font-size: 12px;
        line-height: 130%;
        letter-spacing: -0.01em;
        color: #5D6B98;
        margin: 5px 0px 5px 10px;
        width: 100%;
    }

.sale-round .card-text span.round-tag-key {
    width: 48%;
    display: inline-block;
}

.GuideSale .card.sale-round.Card-Max-Height .card-body .card-text li span.round-tag-key {
    width: 45%;
}

.GuideSale .card.sale-round .card-body .card-text li span.round-tag-value {
}

.GuideSale .card.Card-Max-Height .card-body .card-text li {
    font-size: 17px;
}

.GuideSale .card.sale-round .card-body .progress {
    background: #878C91;
}

.GuideSale .card.sale-round .card-body .bg-success {
    background: #00BF8E !important;
}

.GuideSale .card.Card-Max-Height {
}

.GuideSale .card.Card-Max-Height .badge.badge-success {
        background: #6CA3FF;
    }

.process-card {
    margin-right: -8px;
    margin-left: -8px;
}

.process-card .mb-3 {
        padding-right: 8px;
        padding-left: 8px;
    }

.process-card .card {
        border: 0;
        border-radius: 32px;
    }

.process-card .card .card-body {
            padding: 15px;
        }

.process-card .card .block-grid-heading {
            margin: 0;
            font-weight: 700;
            font-size: 32px;
            line-height: 120%;
            letter-spacing: -0.02em;
            color: #252525;
            text-align: center;
        }

.process-card .card .card-body p {
            text-align: center;
            font-size: 32px;
            color: #252525;
        }

.process-card .card.process-orangeBox {
            border-radius: 20px;
            padding-left: 30px;
            padding-right: 30px;
        }

.process-card .card.process-orangeBox .block-grid-heading {
                color: #FFF;
                margin: 0;
                font-size: 30px;
                text-align: left;
            }

.process-card .card.process-orangeBox .block-grid-text {
                font-weight: 700;
                font-size: 24px;
                line-height: 151%;
                color: #FFFFFF;
            }

.process-card .card.process-orangeBox img {
                width: auto;
            }

.process-card .card.process-defaultBox .card-body {
            display: flex;
            align-items: center;
            justify-content: center;
        }

.process-card .card.process-whiteBox {
            background: #FFF;
            padding-left: 30px;
            padding-right: 30px;
        }

.process-card .card.process-whiteBox .block-grid-heading {
                font-size: 32px;
                text-align: left;
                margin-bottom: 12px;
            }

.process-card .card.process-whiteBox .process-link-icon {
                display: none;
            }

.process-card .card.process-whiteBox a {
                font-weight: 500;
                font-size: 24px;
                line-height: 120%;
                color: #FF3D00;
            }

.process-card .card.process-whiteBox a i {
                    margin: 0 0 0 15px;
                    position: relative;
                    top: 2px;
                }
/*FsCta*/
.sec-fsCta {
    background: inherit;
    position: relative;
    height: 235px;
    top: -113px;
    margin-bottom: 230px;
}

.elevate {
    background: url(../../../images/finSteco2/bg-elevate.png) left top;
    padding: 70px 60px;
    border-radius: 30px 0 0 30px;
    position: absolute;
    width: 94%;
    z-index: 9;
    background-size: cover;
}

.sec-fsCta .info p {
    font-weight: 600;
    font-size: 65px;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: #FFFFFF !important;
}

.sec-fsCta .base-btn-bg {
    border-radius: 70px;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #010205;
    padding: 16px 32px;
}

.sec-fsCta .base-btn-bg.btn > span {
        border-radius: 70px;
    }

.sec-fsCta .btn.base-btn-bg-hover-solid:hover > span, .sec-fsCta .btn.base-btn-bg-hover-solid:focus > span, .sec-fsCta .btn.base-btn-bg-hover-solid:active > span {
    background: #6CA3FF;
}

.sec-fsCta i {
    margin: 0 0 0 10px;
    font-size: 24px;
    position: relative;
    top: 3px;
}

/*FsMindBehind*/
.sec-fsMindBehind {
    margin-top: -80px;
}

.sec-fsMindBehind .fin-teams {
        padding: 80px 0;
    }

.sec-fsMindBehind .titel-part {
        margin-bottom: 80px;
    }

.sec-fsMindBehind .titel-part h2 {
            font-weight: 700;
            font-size: 64px;
            line-height: 100%;
            letter-spacing: -0.02em;
            color: #1F2937;
            margin: 0;
        }

.sec-fsMindBehind .titel-part .btn-danger {
            font-weight: 700;
            font-size: 16px;
            line-height: 38px;
            padding: 8px 40px;
            letter-spacing: -0.02em;
        }

.sec-fsMindBehind .titel-part .btn-danger:hover, .sec-fsMindBehind .titel-part .btn-danger:focus, .sec-fsMindBehind .titel-part .btn-danger:active {
                background: #1F2937;
                color: #FFF;
            }

.sec-fsMindBehind .titel-part .btn-danger i {
                margin: 0 0 0 20px;
                font-size: 30px;
                position: relative;
                top: 5px;
            }

.teamMembers {
}

.team-avtar {
    position: relative;
}

.team-heading {
    position: absolute;
    bottom: 0;
    padding: 15px 15px 25px;
    z-index: 99;
}

/*.teamMembers .col-md-4:first-child, .teamMembers .col-md-4:last-child {
    max-width: 20%;
    flex: 0 0 20%;
    width:20% !important
}

.teamMembers .col-md-4:nth-child(2) {
    max-width: 60%;
    flex: 0 0 60%;
    width:60% !important
}
.teamMembers .slick-slide{
        width:20% !important
    }
    .teamMembers .slick-slide.slick-current{
        width:60% !important
    }
.teamMembers .col-md-4:first-child .team-avtar, .teamMembers .col-md-4:last-child .team-avtar {
    position: relative;
    height: 250px;
    border-radius: 24px;
    width: 100%;
}

.teamMembers .col-md-4:first-child .team-avtar img, .teamMembers .col-md-4:last-child .team-avtar img {
        overflow: hidden;
        object-fit: cover;
        height: 100%;
        width: 100%;
        border-radius: 24px;
    }
    */
.teamMembers .col-md-4:first-child .team-avtar:before, .teamMembers .col-md-4:last-child .team-avtar:before {
    background: linear-gradient(0deg, #000000 5.88%, #FFFCFC 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    opacity: 0.60;
    top: 0;
    border-radius: 24px;
    z-index: 9
}

.teamMembers .slick-list {
    padding: 25px 0 !important;
}

.teamMembers .slick-slide {
    /*transform: scale(0.7, 0.7);
    -ms-flex: inherit;
    flex: inherit;
    max-width: inherit;*/
}

.teamMembers .slick-slide.slick-current {
        /*transform: scale(1.1);*/
    }

.teamMembers .slick-slide .team-avtar {
        position: relative;
        height: 250px;
        border-radius: 24px;
        width: 100%;
        -webkit-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        -moz-transition: 0.5s ease all;
        -ms-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

.teamMembers .slick-slide.slick-center .team-avtar {
        height: 400px;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
        -webkit-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        -moz-transition: 0.5s ease all;
        -ms-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

.btn-team-prev {
    position: absolute;
    left: 13.5%;
    top: 10%;
    z-index: 9;
}

.btn-team-next {
    position: absolute;
    right: 13.5%;
    bottom: 15%;
    z-index: 9;
}

.team-slider .slick-arrow {
    width: 56px;
    height: 56px;
    border: 1px solid #1F2937;
    background: inherit;
    border-radius: 70px;
    color: #1F2937;
}

.team-slider .slick-arrow:hover, .team-slider .slick-arrow:active {
        background: #FC5A40;
        color: #FFF;
        border-color: #FC5A40;
    }

.team-prev {
    position: relative;
    top: 90px;
}

.team-next {
    position: relative;
    top: 40px;
}

.team-slider .team-content {
    display: none;
}

.slick-center .team-content {
    display: block;
}

.teamMembers .slick-slide {
    width: 285px;
}

.teamMembers .slick-center {
    width: 900px;
    height: 410px;
}

.team-slider {
    position: relative;
    right: -6%;
}

.teamMembers .slick-slide .team-avtar img {
    overflow: hidden;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 24px;
}

.teamMembers .slick-slide .team-avtar:before {
    background: linear-gradient(0deg, #000000 5.88%, #FFFCFC 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    opacity: 0.60;
    top: 0;
    border-radius: 24px;
    z-index: 9
}

.teamMembers .slick-slide.slick-center .team-avtar:before {
    background: linear-gradient(180deg, rgba(119, 119, 119, 0) 0%, rgba(17, 17, 17, 0.7) 100%);
}

.team-heading h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #FFFFFF;
    margin: 0;
}

.team-heading p {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    color: #FFFFFF;
    margin: 0;
}

.teamMembers .col-md-4:first-child .team-card, .teamMembers .col-md-4:last-child .team-card {
}

/*.teamMembers .col-md-4:first-child .team-content, .teamMembers .col-md-4:last-child .team-content {
    display: none;
}
*/
.teamMembers .team-avtar {
    /*position: relative;
    height: 400px;
    border-radius: 24px;
    width: 45%;*/
}

.teamMembers .team-avtar img, .teamMembers .team-avtar img {
        overflow: hidden;
        object-fit: cover;
        height: 100%;
        width: 100%;
        border-radius: 24px;
    }

.team-card {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.team-content {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    padding: 30px;
}

.team-content img {
        width: 60px;
    }

.team-content p {
        font-weight: 600;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: -0.03em;
        color: #1F2937;
    }

.team-card {
    border: 1px solid #E5E7EB;
    border-radius: 24px;
}

.teamMembers .team-avtar:before {
    background: linear-gradient(180deg, rgba(119, 119, 119, 0) 0%, rgba(17, 17, 17, 0.7) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    border-radius: 24px;
    z-index: 9
}

.slick-center .team-card {
    transition: transform 0.3s ease;
}
/*Footer*/

nav.footer-navigation{
    padding-top:2px;
}
footer#site-footer{
    padding-bottom:4px;
}
footer#site-footer .footer-item
{
    margin-bottom:4px !important;
}
.sec-footer p {
    font-size: 14px;
}

footer#site-footer .quick-links ul {
}

footer#site-footer .quick-links ul li {
        margin-bottom: 10px;
    }

footer#site-footer .quick-links ul li a {
            font-size: 14px;
        }

footer#site-footer .footer-heading {
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.01em;
    margin-bottom: 30px !important;
}

.sec-footer .footer-logo {
    margin-bottom: 30px;
}
.footer-social{
    margin:0 !important;
    padding:0 !important;
}
.footer-socialIcon {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        -moz-transition: 0.5s ease all;
        -ms-transition: 0.5s ease all;
        transition: 0.5s ease all;
}

.footer-last-nav .quick-links .icon {
    color: #192031;
    font-size:18px;
    margin-right:8px;
    position:relative;
    top:2px;
}
.footer-socialIcon:hover{
    border-radius:5px;
    background:#F15A29;
}
/*.footer-last-nav .quick-links ul li a::after{
    display:none;
}
.footer-last-nav .quick-links ul li a{
    padding-left:0;
}*/
/*Footer Navigation start*/
.socialmedia-icon {
    display: inline-block;
    margin-right: 10px;
}

.socialmedia-icon .img {
        width: 20%;
    }

/*Footer Navigation End*/

/*circle-slider*/

.fin-circle-slider .flex-wrapper {
    /*display: flex;
  flex-flow: row nowrap;*/
}

.fin-circle-slider .single-chart {
    /*width: 33%;
    justify-content: space-around ;*/
}

.fin-circle-slider .circular-chart {
    display: block;
    margin: auto;
    max-width: 80%;
    max-height: 200px;
}

.fin-circle-slider .circle-bg {
    fill: none;
    stroke: #888C90;
    stroke-width: 2;
}

.fin-circle-slider .circle {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

/*.fin-circle-slider .circular-chart.green .circle {
    stroke: #56BC91;
}*/

.fin-circle-slider .circular-chart.box-green .circle {
    stroke: #00BF8E;
}

.fin-circle-slider .circular-chart.box-blue .circle {
    stroke: #6CA3FF;
}

.fin-circle-slider .circular-chart.box-orange .circle {
    stroke: #FC5A40;
}

.fin-circle-slider .percentage {
    fill: #666;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
}
/*Timeline*/
.fin-timelineMilestone {
    padding: 30px 0 150px;
    margin-top: -50px;
    background: #F6F6F6;
}

.timeline-area {
    position: relative;
    /*width: 108%;
    z-index: 9;*/
}

.fin-timelineMilestone .titel-part {
    margin-bottom: 90px;
}

.fin-timelineMilestone .titel-part h2 {
        color: #010205;
        margin: 0;
        line-height: 130%;
        font-size: 60px;
        font-weight: 800;
    }

.fin-timelineMilestone .titel-part p {
        color: #010205;
        font-weight: 200;
        font-size: 30px;
        line-height: 130%;
    }

.milestonebox {
    background: #6CA3FF;
    padding: 40px;
    border-radius: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 30px 0 0;
}

.milestonebox h3 {
        font-weight: 500;
        font-size: 40px;
        line-height: 120%;
        color: #FFFFFF;
    }

.Fstimeline {
    display: flex;
    position: relative;
}

.Fstimeline::after {
        position: absolute;
        content: '';
        width: 50%;
        height: 27px;
        top: 24%;
        background: #6CA3FF;
        border-radius: 30px 0px 0px 30px;
    }

.Fstimeline::before {
        position: absolute;
        content: '';
        width: 92%;
        height: 27px;
        top: 24%;
        background: #E8F1FB;
    }

.timeline-box {
    position: relative;
    flex: 4;
    width: 0;
    z-index: 9;
}

.timeline-box:nth-child(4)::before {
        border-radius: 0 30px 30px 0px;
    }

.timeline-flag {
    position: relative;
    flex: 2;
    z-index:9;
}

.timeline-box img, .timeline-flag img {
        width: auto;
        height: auto;
    }

/*.timeline-box::before, .timeline-flag::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 27px;
        top: 26%;
    }

.timeline-box.completed::before {
    background: #6CA3FF;
}

.timeline-box.in-completed::before {
    background: #E8F1FB;
}

.timeline-flag.completed::before {
    background: #6CA3FF;
}

.timeline-flag.in-completed::before {
    background: #E8F1FB;
}

.timeline-box.completed.timeline-start::before {
    width: 95%;
    right: 0;
    border-radius: 30px 0px 0px 30px;
}
*/
.timeline-box h4 {
    font-weight: 700;
    font-size: 27px;
    line-height: 35px;
    color: #F15A29;
    text-align: center;
}

.milestoneLabel {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #192533;
    position: relative;
    top: -25px;
    width: 60%;
    margin: 0 auto;
}

.timeline-flag h3 {
    margin: 10px 0;
    font-weight: 700;
    font-size: 20.9004px;
    line-height: 28px;
    text-align: center;
    color: #192533;
}

.timeline-flag div.text-center {
    margin-top: 111px;
}

.timeline-flag p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #60789A;
    margin: 0;
    position: absolute;
    width: 160%;
    left: -30%;
}

.timeline-start img {
    position: relative;
    top: -8px;
}

/*FsCTAFeatureHighlights*/
.fin-CTAFeature .titel-part {
    margin-bottom: 50px;
}

.fin-CTAFeature .titel-part h2 {
        font-size: 60px;
        margin: 0;
        line-height: 100%;
    }

.fin-CTAFeature .titel-part p {
        font-size: 24px;
        color: #FFF;
        line-height: 130%;
        /*letter-spacing: -0.04em;*/
        margin: 0;
    }

.feature-icon-description {
    padding: 30px 5% 0;
}

.feature-icon-part {
    margin-bottom: 50px;
}

.fin-CTAFeature .feature-text {
    width: 80%;
}

.fin-CTAFeature .feature-icon {
    width: 75px;
    height: 75px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 15px;
}

.fin-CTAFeature .feature-icon img {
        width: 60px;
        height: 60px;
    }

.fin-CTAFeature .feature-description {
    background: #000;
    color: #fff;
    border-radius: 30px;
}

.fin-CTAFeature .CTAFeature-description {
    padding: 30px 5% 30px 13.5%;
}

.fin-CTAFeature .feature-description p {
    font-size: 16px;
    line-height: 246%;
    letter-spacing: -0.03em;
}

.fin-CTAFeature .Feature-top-content {
    color: white;
}

.feature-icon-description h4 {
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    color: #010205;
    margin: 0;
}

.feature-icon-description p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: #010205;
    margin: 0;
}

.fin-CTAFeature .btn-lg {
    font-size: 30px;
    padding: 16px 40px 24px 40px;
}

body {
  /*  font-family: Arial, sans-serif;   */
    margin: 0;
    padding: 0;
    background-color:  #FFFFFF;
}

.container {

width: 100%;
    max-width: 1200px;
    padding: 25px;
    float:center;

}

.header-title {

font-family: Plus Jakarta Sans;
    font-size: 60px;
    font-weight: 700;
    line-height: 78px;
    letter-spacing: -0.04em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.sub-title {

font-family: Plus Jakarta Sans;
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.04em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.frame-blue {

width: 313px;
    height: 70px;
    top: 6px;
    gap: 0px;
    border-radius: 0px 90px 0px 0px;
    opacity: 0px;

background: #608FDF;
    color: #FFFFFF;
    
}

.box-content p {

/*  width: 958px;
    height: 28px;
    top: 2723px;
    left: 437px;
    gap: 0px;
    opacity: 0px;

font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

background: #010205;     */

font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 28.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.frame-orange {

width: 313px;
    height: 70px;
    top: 6px;
    gap: 0px;
    border-radius: 0px 90px 0px 0px;
    opacity: 0px;

background: #F15A29;

}

.steps-container {
    display: flex;
    flex-direction: column;
}

.box {
    display: flex;
    padding: 15px 0;
    margin-bottom: 5px;
    align-items: flex-start;
    height: auto;
    overflow: hidden;
    margin-left: 0;
}

.box .box-icon {
    padding: 15px 20px;
    font-size: 13px;
    border-radius: 0px 50px 0px 0px;
    margin-right: 35px;
    text-align: center;
    flex-basis: 250px;
    line-height: 15px;
    height: 50px;
    align-items: center;
    font-weight: bold;
    
}

.box-blue {
    background-color: #6564DB;
    color: #fff;

}

.box-red {
    background-color: #FF5A36;
}

.box-content {
    font-size: 16px;
    line-height: 19.2px;
    color: #333;
    font-weight: 700;
    flex-grow: 1;
}

.Ellipse {

/*    width: 500px;
    height: 500px;
    gap: 0px;
    opacity: 0px;

background: #608FE017;  */

position: absolute;
        top: 70px;
        right: -80px;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        background: #608FE017;
        
        z-index: -1
        
}

.btn {
  
    background: #FC5A40;
    color: #FFFFFF;
    padding: 12px 30px;
    border: none;
    border-radius: 210px;
    float: right;
    font-weight: 700;
    margin-bottom: 25px;

}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .header-title {
        font-size: 28px;
        line-height: 36px;
    }
    .sub-title {
        font-size: 18px;
        line-height: 24px;
    }
    .steps-container {
        gap: 10px;
    }
    .box {
        flex-direction: column;
        text-align: center;
    }
    .box .box-icon {
        width: 100%;
        margin-bottom: 5px;
    }
    .frame-blue, .frame-orange {
        width: 100%;
        font-size: 14px;
        border-radius: 0;
        padding: 10px;
    }
    .btn {
        font-size: 14px;
    }
}

/* Small devices (portrait tablets and large phones, 576px and up) */
@media (max-width: 767.98px) {
    .header-title {
        font-size: 36px;
        line-height: 44px;
    }
    .sub-title {
        font-size: 20px;
        line-height: 28px;
    }
    .box {
        flex-direction: column;
        text-align: center;
    }
    .frame-blue, .frame-orange {
        width: 100%;
        font-size: 16px;
        padding: 12px;
        border-radius: 0;
    }
    .btn {
        font-size: 15px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media  (max-width: 991.98px) {
    .header-title {
        font-size: 42px;
        line-height: 50px;
    }
    .sub-title {
        font-size: 24px;
        line-height: 32px;
    }
    .frame-blue, .frame-orange {
        width: 75%;
        height: 60px;
        padding: 12px;
        border-radius: 0px 50px 0px 0px;
        text-align: left;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .header-title {
        font-size: 48px;
        line-height: 56px;
    }
    .sub-title {
        font-size: 28px;
        line-height: 36px;
    }
    .steps-container {
        gap: 20px;
    }
    .frame-blue, .frame-orange {
        width: 313px;
        height: 70px;
        padding: 15px;
        border-radius: 0px 90px 0px 0px;
    }
}

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	0/0	0777	2025-01-07 02:19:04
..	dir	-	0/0	0777	2025-01-07 02:19:26
images	dir	-	0/0	0777	2025-01-07 02:19:05
MGCFinsteco.html	text/html	3.12 KB	0/0	0666	2024-11-14 07:48:28
main.css	text/plain	53.03 KB	0/0	0666	2024-11-14 07:48:28
responsive.css	text/plain	32.75 KB	0/0	0666	2024-11-14 07:48:29

Team Anon Force

https://t.me/Professor6T9x