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,.intro.sm,.umb-grid .secondary-heading.sm {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}
.umb-grid .secondary-heading.sm{
    color:#F15A29;
 
}
body{
    color:#010205;
    /*font-weight:500;*/
}
body.max-width #site {
    overflow-x: hidden;
}

#ddlGrpMonthYear {
    padding: 8px;
}

.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, .sec-banner-bg {
    background: url(../../../images/finSteco2/bg-banner.png) top center no-repeat;
    background-size: cover;
    padding: 90px 0 65px !important;
}

.blue-banner-height {
    min-height: 300px;
}

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;
    padding-right: 15px;
}

.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: 100% !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;
}
.fin-Innerbanner p a {color:#6CA3FF !important;}
header#site-header nav.main.Navbar > ul > li > ul {
    background: #FFF;
    max-width: 150px;
    box-shadow: 0px 0px 12px rgba(0, 87, 146, 0.10);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px 12px 12px 12px;
}

    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.main ul ul li span::before {
    content: inherit;
}

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;
    }
    header#site-header nav.main.Navbar ul li .has-child span::after{
        padding-top: 15px;
    }
    header#site-header nav.main.Navbar ul li .has-child ul{
        left: 100%;
        max-width: 220px;
        background: #FFF;
    box-shadow: 0px 0px 12px rgba(0, 87, 146, 0.10);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px 12px 12px 12px;
    }
    header#site-header nav.main.Navbar ul li .has-child 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 .has-child ul li:last-child span a{
        border:0;
    }
    header#site-header nav.main.Navbar ul li .has-child ul li span a:hover, header#site-header nav.main.Navbar ul li .has-child ul li span a:active {
    color: #000;
}

::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;
    }
    .sec-btn-hover-blue  .btn-danger:hover, .btn-danger:focus, .btn-danger:active{
        background:#6CA3FF;
        color:#fff;

    }
.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;
    }
    /*.elevate .btn i.before,*/
    .btn-primary i.before {
        font-size: 28px;
        margin: 0 0 0 36px;
        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, .fin-Innerbanner .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, .sec-orange {
    background: #F15A29 url(../../../images/finSteco2/bg-about-noise.png);
    padding: 60px 0 !important;
}

    .sec-orange .feature-icon-description p, .sec-orange .fscta-bottom {
        color: #FFF;
    }

.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;
}
.product-title-black .titel-subtitle{
    margin-bottom:40px;
}
.product-title-black .titel-part h2{
    color:#1F2937;
}

.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-vertical{

}
.product-vertical .row{
    margin-bottom:30px;
}

 .product-vertical-card{
    position: relative;
    width: 100%;
    height: 100%; 
    background-position: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
      border-radius: 30px;  
      padding:10px;
    }
.product-vertical-content{   
    padding:33px;
    background:#6CA3FF;
    border-radius:20px;
    height: 100%;
}
.product-vertical-content p{
font-weight: 500;
font-size: 16px;
line-height: 180%;
color: #08080C;
}
.product-vertical-content p:last-child{
    margin:0;
}
.product-vertical h2 {
    font-weight: 600;
        font-size: 40px;
        line-height: 150%;
        color: #6CA3FF;
          letter-spacing: -0.03em;
          margin:0;
}
    .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;
    }

    a .product-vertical-card:hover h2,
    a .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);
    }

.productTopSection h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 130%;
    /*color: #fff;*/
}

.productTopSection p {
    font-size: 30px;
    font-weight: 400;
    line-height: 130%;
    /*color: #fff;*/
}

.top-description p {
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
    /*color: #000;*/
}

.sec-Product-bg, .sec-bg-blue {
    background: #699ff8;
}
/*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;
                padding-top:7px;
            }
/*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: 10px;
    right: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    color: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size:18px;
    opacity: 0.8;
}

.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.wh-card-effect {
    background: #FFF;
    border-radius: 28px 28px 0 0;
    margin: 15px;
}

.fin-tokenomics {
    /*background: #FFF;*/

    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 .wh-card-effect .titel-part h2 {
    color: #010205;
}

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

.sec-fsTokenomics .wh-card-effect .titel-part p {
    color: #010205;
}

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

.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;
    }

.fin-tokenomics .content-list {
    margin-top: 50px;
    border: 1px solid #699FF8;
    border-radius: 14px;
    background: #FFF;
    padding: 15px 40px;
    margin-bottom: 50px;
}

.content-list .Tokenomics-Balanced {
    margin: 0;
    padding: 11px 0 11px 15px;
}

.fin-tokenomics .title-list {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 15px;
}

.fin-tokenomics .tok-description p {
    font-weight: 700;
    font-size: 16px;
    line-height: 246%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.fin-tokenomics-2 .Distributing-Token {
    color: #fff;
    font-size: 20px;
    line-height: 180%;
}

.fin-tokenomics-2 .description-center, .fin-tokenomics-2 .description-bottom {
    color: #010205;
    font-size: 16px;
    font-weight: 500;
    line-height: 180%;
}

.fin-tokenomics-2 .list {
  /*  background-color: #FFF;
    border: 1px solid #699FF8;
    border-radius: 14px;
    padding-bottom: 20px;*/
}

.fin-tokenomics-2 .staking-rewards span {
    font-weight: 600;
}
 
.Tokenomics-Balanced {
    position: relative;
    padding: 11px 15px;
    font-weight: 500;
    font-size: 18px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #5D6B98;
    margin-left: 20px;
}

@media(max-width: 500) {
    .fin-tokenomics-2 .token-section div {
        font-size: 60px;
    }
}


/*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-fs-blue {
    background-image: url(../../../images/finSteco2/bg-fs-blue.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #6CA3FF;
    padding: 60px 0 0px !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;
}

.cta-black .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;
}

.c1-bg-solid .elevate .text p {
    font-size: 31px;
    font-weight: 700;
    color: #000;
    line-height: 130%;
    letter-spacing: -0.04em;
}

.c1-bg-solid .elevate .text-left .link {
    /*flex: 0 0 18%;
    max-width: 25%;*/
}

.c1-bg-solid .elevate .btn {
    background: #6CA3FF;
    border-radius: 70px;
    color: #fff;
}

.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: 36px;
        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 .CTAFeature-list {
    padding: 30px 5% 30px 12.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;
}



.feature-item {
    color: #F15A29;
    margin: 13px 0;
    float: left;
    width: 100%;
}

.feature-item-left {
    display: inline-block;
    width: 60%;
    position: relative;
}

.feature-item-right {
    display: inline-block;
    width: 34%;
    position: relative;
}

.feature-item .color-bar {
    top: 50%;
    left: -12px;
}

.color-bar {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 10px;
    border-radius: 25px;
}

.feature-item .value {
    font-weight: bold;
    color: #ffffff;
}

/* FsBlueHighlighter start */

.fin-Innerbanner .highlight-text {
    color: #F15A29;
    font-size: 30px;
    /*padding:50px 5px;*/
}

.fin-Innerbanner .banner-description {
    margin-bottom: 30px;
}

    .fin-Innerbanner .banner-description p {
        font-weight: 600;
        font-size: 18px;
        line-height: 246%;
        color: #010205;
        margin: 0;
        letter-spacing: -0.02em;
        /*margin-top:30px;*/
    }

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

.fin-Innerbanner .color-bar {
    top: 26px;
}

.fin-Innerbanner .banner-robot {
    position: absolute;
    top: -150px;
    left: -105px;
    width: 130%;
}

.fin-Innerbanner .blue-bg-list {
    background: #699FF8;
    border-radius: 0 30px 30px 0;
    margin-bottom: 30px;
}
.fin-Innerbanner .bann-txt-under-Img .banner-robot, .fin-Innerbanner .bann-txt-img-93 .banner-robot{
    top: inherit;
    left: 0;
    bottom: -50px;
    position: inherit;
    width: 100%;
}
.fin-Innerbanner .left-blue-list {
    padding: 2.5% 8% 30px 4%;
}

    .fin-Innerbanner .left-blue-list .text-black {
        color: #010205 !important;
    }

    .fin-Innerbanner .left-blue-list .text-white {
        color: #ffffff;
    }

.fin-Innerbanner .banner-head-small {
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    padding-top: 10px;
}



/* FsBlueHighlighter end*/
/*fsPurchaseGuide start*/
.fin-guide .innerPage-title h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 130%;
    color: #fff;
    margin: 0px;
    text-align: center;
}

.fin-guide .innerPage-title p {
    font-size: 30px;
    font-weight: 200;
    line-height: 130%;
    color: #fff;
    text-align: center;
    padding: 0px
}
/*fsPurchaseGuide end */






/*Q and A Start*/

/* .header-title {
            font-weight: 700;
            font-size: 50px;
            margin-bottom: 10px;
            text-align: left;
        }
        .sub-title {
            font-size: 1.5rem;
            color: black;
            margin-bottom: 30px;
            text-align: left;
        }*/
.fin-QAndA .steps-container {
    display: flex;
    flex-direction: column;
    margin: 40px 0 0;
}

.fin-QAndA .step-box {
    margin-bottom: 30px;
}

    .fin-QAndA .step-box .step-box-icon {
        padding: 0 45px 0 20px;
        border-radius: 0px 90px 0px 0px;
        text-align: center;
        line-height: 15px;
        height: 70px;
        font-weight: 700;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: -0.02em;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .fin-QAndA .step-box .step-box-icon span {
            font-weight: 400;
        }

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

    .fin-QAndA .step-box-content p {
        margin: 0;
        font-weight: 500;
        font-size: 16px;
        line-height: 180%;
        color: #010205;
    }

.cta-button {
    margin-top: 30px;
}

.fin-QAndA .box-TextColor-white {
    color: #ffffff;
}

/*.btn-buy-tokens {
            background-color: #FF5A36;
            color: #fff;
            font-weight: 400;
            padding: 12px 30px;
            font-size: 20px;
            border: none;
            border-radius: 210px;
            float: right;
        }
        .btn-buy-tokens:hover {
            background-color:  #FC5A40;
            
        }*/
.fin-QAndA .circle-background {
    position: absolute;
    top: 35%;
    right: 6%;
    width: 30vw;
    height: 30vw;
    background: rgba(78, 121, 242, 0.1);
    border-radius: 50%;
    z-index: 1;
    transform: translate(30%, -30%);
}

.fin-QAndA .btn-danger:hover {
    background: #6CA3FF;
    color: #fff;
}
/*Q and A End*/
.umb-grid p,.umb-grid li {
    font-size: 20px;
    line-height: 180%;
}
.umb-grid p{margin: 0 0 20px;}


.umb-grid .SmartContracts p {
}

.platform_flow img {
    margin: 50px 0 0;
}

.umb-grid h6 {
    font-weight: 400;
}

.umb-grid .lblblack, .lblblack{
	color:#010205;
   
}
.umb-grid .lblwhite, .lblwhite{
    color:#fff;
}

.umb-grid .lbl-blue,.lbl-blue{
    color:#6CA3FF;
}

.TokenSale-description {
    padding: 0px 7.5%;
}

    .TokenSale-description p {
        font-size: 16px;
        font-weight: 500;
        line-height: 180%;
        color: #FFFFFF;
        margin: 0 0 30px;
    }

        .TokenSale-description p:last-child {
            margin-bottom: 0;
        }

.fin-CTAFeature .titel-part .TokenSale.col-lg-5 p {
    padding: 0 0 0 12%;
    line-height: 180%;
}

.TokenSale .feature-icon-description, .TokenSale .CTAFeature-description {
    display: none;
}

.fscta-bottom p {
    font-weight: 500;
    font-size: 16px;
    line-height: 180%;
    color: #FFFFFF;
}

.QAndATitle {
    font-size: 60px;
    line-height: 130%;
    letter-spacing: -0.04em;
    color: #010205;
    margin: 0 0 30px;
}

.QAndASubTitle {
    font-weight: 400;
    font-size: 30px;
    line-height: 130%;
    letter-spacing: -0.04em;
    color: #010205;
}

.fin-Innerbanner .Tokenomics-blue .color-bar {
    top: 50%;
    left: -12px;
}

.Tokenomics-blue {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin: 12px 0;
}

.Tokenomics-blue-left {
    display: inline-block;
    width: 62%;
    position: relative;
}

.Tokenomics-blue-right {
    display: inline-block;
    width: 30%;
    position: relative;
}

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

    .elevate .base-btn-bg i {
        margin: 0 0 0 10px;
        font-size: 24px;
        position: relative;
        top: 3px;
    }

.fin-tokenomics-2 .titel-part h2 {
    margin-bottom: 30px;
}

.sec-token-tran {
}

    .sec-token-tran .pie_chart_sec {
        max-width: 670px;
        margin-left: -80px;
    }

    .sec-token-tran .chart-pie {
        width: 670px;
    }

    .sec-token-tran .chart_circle {
        width: 210px;
        height: 210px;
    }

        .sec-token-tran .chart_circle > span > span {
            font-size: 20px;
            font-weight: 700;
        }

    .sec-token-tran .chart_shape_1 {
        top: -48px;
        left: 135px;
    }

    .sec-token-tran .chart_shape_2 {
        right: 44px;
        top: -44px;
    }

    .sec-token-tran .chart_shape_3 {
        bottom: 0px;
        left: 90px;
    }

    .sec-token-tran .chart_shape_5 {
        bottom: -2px;
        right: 14px;
    }

    .sec-token-tran .chart_shape_4 {
        bottom: -95px;
        left: 80px;
    }


.fin-tokenomics-2 {
}

    .fin-tokenomics-2 .pie_chart_sec {
        max-width: 100%;
        margin: 0 auto;
    }

    .fin-tokenomics-2 .chart-pie {
        width: 100%;
    }

    .fin-tokenomics-2 .chart_circle {
        width: 180px;
        height: 180px;
    }

        .fin-tokenomics-2 .chart_circle > span > span {
            font-size: 20px;
            font-weight: 700;
        }

.sec-top-featureCTA .CTAFeature-list, .sec-bottom-featureCTA .CTAFeature-list {
    display: none;
}

.roundStatus {
    text-align: center;
    display: block;
    font-size: 12px;
    padding-top: 5px;
}

.component-introduction .info.col {
    padding-right: 0;
    padding-left: 0;
}
.tokenDistributionTable table{
    border-radius: 14px;
    overflow: hidden;
}
.tokenDistributionTable .table td, .tokenDistributionTable .table th{
    padding:.50rem;
}
/* TimelineVertical Start */
.sec-vcTimelineMilestone .fin-timelineMilestone{
    margin:0;
    padding: 30px 0 40px;
}
.timeline-vertical{
}

    .timeline-vertical .milestonebox {
        background: #3A3C40;
        padding: 40px 8px 40px 40px;
        height: auto;
    }

        .timeline-vertical .milestonebox h3 {
            margin: 0;
        }

    .timeline-vertical .Fstimeline {
        display: inline-block;
        width:100%;
    }

        .timeline-vertical .Fstimeline::before {
            width: 27px;
            height: 88%;
            top: 0;
            background: #D5E9FF;
            border-radius: 30px 30px 0px 0px;
            left: 40px;
        }

        .timeline-vertical .Fstimeline::after {
            width: 27px;
            height: 50%;
            top: 0;
            background: #6CA3FF;
            border-radius: 30px 30px 0px 0px;
            left: 40px;
        }

    .timeline-vertical .timeline-box {
        position: relative;
        flex: inherit;
        width: 100%;
        z-index: 9;
    }

    .timeline-vertical .milestoneLabel {
        font-weight: 700;
        font-size: 20px;
        line-height: 26px;
        text-align: left;
        color: #192533;
        position: relative;
        top: inherit;
        width: 100%;
        margin: 0;
        background: #F00;
    }

.timeline-vertical .timeline-left {
    display: flex;
    align-items: center;
    margin: 0px 0 40px;
}

    .timeline-vertical .timeline-left div {
        flex: 0.4;
        text-align: center
    }
    .timeline-vertical .timeline-left div img{
        position:relative;
        left:-17px;
    }

.timeline-vertical .timeline-box h4 {
    flex: 1;
    text-align: left
}

.timeline-vertical .timeline-left div.milestoneLabel {
    flex: 2;
    background: #6CA3FF;
    padding: 30px;
    border-radius: 24px;
    font-size:24px;
    text-align: left
}
.timeline-vertical .timeline-left div.milestoneLabel p{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
margin:20px 0 0;
}
.grid-imag-box{
    border: 15px solid #ffffff;
    box-shadow: 0 20px 20px rgb(143 143 143 / 25%);
    margin: 0 0 15px;
    border-radius: 18px;
    overflow: hidden;
    display: flex
;
}
    .grid-imag-box img {
        border-radius: 16px;
    }
   
     .FinQuant .frameImage{
         border: 10px solid #FC5A40 !important;

     }
     .finProduct .frameImage{
           border: 10px solid #000000 !important;
     }
    .p-margin-10 .umb-grid  p{
         margin:0 0 10px;
     }
    .umb-grid .btn-products a{ 
      border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 32px;
    color: #FFF;
    background: #6CA3FF;
    border: 0;
    line-height: 32px;
    }
    
    .umb-grid .btn-products a:hover{
        background: #fff;
        color:#F15A29;
    }
    .umb-grid .btn-finStudio a{
         border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    padding: 18px 32px;
    color: #BDD4FF;
    background: #F15A29;
    border: 0;
    line-height: 32px;
    }
    .umb-grid .btn-finStudio a:hover{
       background: #6CA3FF;
       color:#000;
    }
 /* fsSidebySideImageText css start*/
    .ss-txt-sec-bg {
        background: #699FF8;
        border-radius: 0 0px 30px 0;
        color: #fff;
        font-size:16px;
        padding:10px 40px;
    }
    .ss-heading {
    background: #F15A29;
    border-radius: 0px 30px 0px 0px;
    padding: 10px 40px;
}
    .ss-heading h4{
font-weight: 700;
font-size: 32px;
line-height: 120%;
letter-spacing: -0.02em;
color: #010205;
margin:0;
    }
    .finSidebySide .row .col-lg-8, .finSidebySide .row .col-lg-4{
        margin:10px 0;
    }
    .finSidebySide .flex-row-reverse .ss-heading{
        border-radius: 30px 0px 0px 0px;
    }
    .finSidebySide .flex-row-reverse .ss-txt-sec-bg{
        border-radius: 0 0px 0px 30px;
    }
    .ss-border-blue{
         border:8px solid #6CA3FF;
    }
    .ss-imgborder{
        border-radius:10px 0px 0px 10px;
        border-right: 0;
        margin:20px 0;       
    }
    .ss-imgborder:first-child{
        margin-top:0;
    }
    .ss-imgborder:last-child{
        margin-bottom:0;
    }
    
   .sidebyside .imgCenter{
         border-radius:10px;
         
    }
  .sidebyside .imgRight{
       border-radius:10px 0px 0px 10px;
        border-right: 0;
   }
  .sidebyside .imgLeft{
        
        border-radius:0 10px 10px 0px;
       border-left: 0;
   }

    .finSidebySide .flex-row-reverse .ss-imgborder{
        border:8px solid #6CA3FF;
        border-radius:0 10px 10px 0px;
       border-left: 0;
    }
    .btn-center-rte .column{
        justify-content: center;
    }
   .finSidebySide table th,table td{
       border-style:hidden;
   }
.ss-txt-sec-bg table {
    margin-bottom:5px;
}
   .ss-txt-sec-bg table td{
       vertical-align:top;
   }
      .ss-txt-sec-bg table td li{
          
          padding-bottom:8px;
      }
.finSidebySide .row {
    margin-bottom: 50px;
}
.custom-form .form .inner{
    padding-left:0;
    padding-right:0;
}
.custom-form .form .inner label{
    font-size:16px;
    color:#010205;
}
.custom-form .form .inner .form-control{
    padding: 10px 15px;
    height: calc(2em + .75rem + 2px);
    border-radius: 8px;
    border: 1px solid #ced4da;
    font-size:16px;
}
.custom-form .form .inner .form-control:hover{
    border-color:#6CA3FF;
}
.custom-form .form .inner .form-control:focus{
box-shadow: 0px 3px 8px rgba(108, 163, 255, 0.1) !important;
color:#6CA3FF;
 border-color:#6CA3FF;
}
.custom-form .form .inner .form-group.dropdown::after{
    top: 34px;
    right: 6px;
    left: auto;
    font-size: 30px;
    color:#6CA3FF;
}
.custom-form .form .inner select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.custom-form .form .inner select::-ms-expand {
  display: none;
}
.custom-form .form .inner .checkbox label input[type="checkbox"]{
    width: 24px;
    height: 24px;
    border-radius: 8px;
    left: 0;
    top: 0;
    border: 1px solid #ced4da;
}
.custom-form .form .inner .checkbox  label {
    padding-left: 34px;
    margin-bottom: 0;
}

.custom-form .form .inner .btn {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #010205;
    color: #010205;
    padding: 15px 48px;
    background: inherit;
}

    .custom-form .form .inner .btn span {
        background: #6CA3FF;
        border-radius: 30px;
    }

    .custom-form .form .inner .btn:hover,
    .custom-form .form .inner .btn:focus,
    .custom-form .form .inner .btn:active {
        background: inherit;
        border: 1px solid #6CA3FF;
        color: #FFF;
    }

    .g-recaptcha .field-validation-error{
    width:300px;
}
    .grid-section .btn-lg {
    font-size: 24px;
    padding: 20px 40px;
    letter-spacing: -0.02em;
}
    /*
        finGridEditor FinButton css

    */
    .learnmorebutton{
        border-radius:70px !important;
    }

/*Buy Tokne */

#loader-tokenround {
    width: 20%;
    position: absolute;
    top: 30%;
    left: 40%;
    z-index: 2;
}

.token-radio{

    margin:0 0 30px;
    position:relative;
    padding:5px;
    opacity:0.5;
}
.token-radio:has(input[type="radio"]:checked){
   box-shadow: rgba(0 123 255 / 15%) 5px 5px, rgba(0 123 255 / 5%) 12px 12px;
  /* box-shadow: rgba(0 123 255 / 25%) 3px 0px 3px 0px;*/
   opacity:1;
   border-radius:0.75rem;

    
}

.token-radio [type="radio"]:checked,
.token-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.token-radio [type="radio"]:checked + label,
.token-radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding:0 40px 0 38px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #14133b;
    font-size:24px;
    font-weight:400;
    margin:0;
    z-index:1;
}
.token-radio p{    
    padding:0 40px 0 0;
    color: #14133b;
    font-size:15px;
    font-weight:400;
    margin:7px 0 0
}
.token-radio img{
    width:38px;
    position:absolute;
    right:5px;
    top:10px;
}
.token-radio [type="radio"]:checked + label:before,
.token-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #2979FF;
    border-radius: 100%;
    background: #fff;
}
.token-radio [type="radio"]:checked + label:after,
.token-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #2979FF;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.token-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.token-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.token-soldout{    color: #F00302;
    margin-bottom: -15px;
    font-size: 20px;
    font-weight: 800;
}

/*AccordionTab start css*/
.fin-GridTabs .nav-item{
   
    border-radius: 20px 20px 0px 0px !important;
     border:none !important;
    background:#F15A29 !important;
    color:#fff !important;
}
.fin-GridTabs #nav-tabContent{
    border:none !important; 
 
}
.fin-GridTabs .nav-item.active{
     background:#6CA3FF !important;
    color:#fff !important;
}
.fin-GridTabs .grid-tabContent p{
     font-size:16px;
    padding-top: 15px;

}
.fin-GridTabs .frameImage{
  border: 8px solid #6CA3FF !important;
}
.finGrid-li li::marker{
    color:#000;
}
#frm-ssKyc{min-height:550px;}