body {
        font-family: 'Inter', sans-serif;
        background-color: #212529;
    }
    .container {
        max-width: 1440px;
        padding: 0;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .web {
        display: block;
    }

    .mobile{
        display: none;
    }

    header {        
        padding: 10px 20px;
        display: flex;
        justify-content: start;
    }

    header .nav { 
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-top: 33px;
    }

    header .nav ul {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        gap: 32px;
        list-style: none;
        padding: 19px 0;
        max-width: 848px;
        width: 100%;
        border-radius: 30px;
        background-color: rgba(30, 41, 59, 0.32);
        box-shadow: 0 14px 56px rgba(0, 0, 0, 0.32);
    }

    header .nav ul li a{ 
        text-decoration: none;
        color: #94A3B8;
    }

    header .nav ul li a:hover,
    header .nav ul li a.active {
        color: white;
    }

    .main-content{
        height: 100%;
        margin-bottom: 200px;
    }

    .main-content .hero{
        padding-top: 128px;
    }

    .main-content .hero .hero-content{
        gap: 36px;
    }

    .main-content .hero h3{
        color: #FFFFFF;
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 25px;
    }

    .main-content .hero p{
        color: #FFFFFF;
        font-weight: 500;
        font-size: 20px;
        line-height: 32.5px;
    }

    .main-content .hero .btn-wrapper {
        margin-top: 32px;
        gap: 52px;  
    }

    .main-content .hero .btn-wrapper button{
        color: #FFFFFF;
        background-color: #DA1800;
        padding: 18px 66px;
        max-width: 344px;
        width: 100%;
        border-radius: 8px;    
        height: 92px;    
        cursor: pointer;      
    }

    .main-content .hero .btn-wrapper .pqc-btn{
        background-color: transparent;   
        border: 2px solid #DA1800;    
    }

    .quantum {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        padding: 96px 0;
        margin-top: 90px;
    }

    .quantum h4,
    .belrium h4{
        color: white;
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 36px;
        line-height: 36px;
        max-width: 738px;
        text-align: center;
    }
    .quantum p,
    .belrium p{
        color: white;
        max-width: 855px;
        text-align: center;
        font-weight: 700;
        font-size: 20px;
        line-height: 29px;
    }

    .belrium p{
        font-weight: 500;
    }

    .belrium {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        padding: 96px 0;
    }

    .kyc{
        margin-bottom: 43px;
    }

    .kyc-content-wrapper{
        gap: 32px;
        margin-bottom: 32px;
    }

    .kyc .kyc-content-wrapper .kyc-content {
        padding: 24px;
        border-radius: 12px;
        flex: 1;
        border: 2px dotted #DA1800;
    }

    .kyc .kyc-content-wrapper .kyc-content h4{
        color: #DA1800;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
    }

    .kyc .kyc-content-wrapper .kyc-content p{
        color: white;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
    }

    .wallet{
        background-color: #1A1D24;
        padding: 40px 0;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
    }
   
    .wallet h3{
        color: white;
        text-align: center;
        font-weight: 700;
        font-size: 36px;
        line-height: 36px;
    }
    .wallet .wallet-card {
        margin-top: 58px;
        gap: 12px;
    }

    .wallet .wallet-card .wallet-cards {
        max-width: 384px;
        width: 100%;        
        padding: 17px 25px;
        border-radius: 12px;
    }

    .wallet .wallet-card .wallet-cards.teal {
        border: 2px solid #0CC9D4;
    }

    .wallet .wallet-card .wallet-cards.purple {
        border: 2px solid #AB20FD;
    }

    .wallet .wallet-card .wallet-cards.yellow {
        border: 2px solid #FFB000;
    }

    .wallet .wallet-card .wallet-cards.green {
        border: 2px solid #39FF14;
    }

    .wallet .wallet-card .wallet-cards.red {
        border: 2px solid #EF1616;
    }

    .wallet .wallet-card .wallet-cards h5{
        color: white;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

    .wallet .wallet-card .wallet-cards> div {
        gap: 16px;
    }

    .wallet .wallet-card .wallet-cards span{
        color: #64748B;
        background-color: rgba(0, 0, 0, 0.3);
        font-weight: 400;
        font-size: 10px;
        line-height: 15px;
        padding: 3px 9px;
    }

    .wallet h5{
        color: white;
        font-weight: 500;
        font-size: 20px;
        line-height: 29.5px;
        text-align: center;
        margin-top: 130px;
        max-width: 973px;
        width: 100%;
    }
    
    .critical{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        margin-top: 102px;
        padding: 46px 0;
    }

    .critical .info {
        color: red;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        border: 1px solid rgba(255, 105, 0, 0.3);
        background-color: rgba(255, 105, 0, 0.1);
        padding: 4px 12px;
        border-radius: 40px;
        margin-bottom: 16px;
    }

    .critical h5 {
        color: white;
        font-weight: 700;
        font-size: 36px;
        line-height: 40px;
        max-width: 768px;
        text-align: center;
        margin-bottom: 16px;
    }

    .critical p {
        font-weight: 300;
        font-size: 16px;
        line-height: 26px;
        color: #99A1AF;
        text-align: center;
        max-width: 768px;
    }

    .critical .critical-cards{
        gap: 32px;   
        margin-top: 64px;     
    }

    .critical .critical-cards .service-card{
        border: 3px solid rgba(251, 44, 54, 0.3); 

        border-radius: 16px;
        background-color: #12151C;
        padding: 48px 32px;
        position: relative;
        max-width: 362.67px;
        min-height: 775px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

    .critical .critical-cards .service-card.yellow{
        border: 3px solid rgba(254, 154, 0, 0.3);
    }

    .critical .critical-cards .service-card hr{
        border-top: 2px solid rgba(255, 255, 255, 0.05);
    }

    .critical .critical-cards .service-card .service-tag{ 
        position: absolute;
        border: 1px solid red;
        color: white;
        top: -34px;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        padding: 5px 16px;
        color: #FF8904;
        border-radius: 40px;
        background-color: rgba(255, 105, 0, 0.1);
    }
    
    .critical .critical-cards .service-card .service-tag.wallet{
       border: 1px solid blue; 
       background-color: rgba(254, 154, 0, 0.1);
       border: 1px solid rgba(254, 154, 0, 0.3);
    }
    
    .critical .critical-cards .service-card .service-tag.trust{
       border: 1px solid blue; 
       background-color: rgba(251, 44, 54, 0.1);
       border: 1px solid rgba(251, 44, 54, 0.3);
    }

    .critical .critical-cards .service-card .service-header{ 
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .critical .critical-cards .service-card .service-header p{ 
        font-size: 10px;
        line-height: 15px;
        font-weight: 400;  
        color: #6A7282;
    }

    .critical .critical-cards .service-card .service-header h3{ 
        color: white;  
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
    }

    .critical .critical-cards .service-card .service-feature{ 
        background-color: rgba(0, 0, 0, 0.2);
        padding: 16px;
        border-radius: 24px;
        margin-bottom: 24px;
    }

    .critical .critical-cards .service-card .service-feature h6{ 
        color: #FF8904;  
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 6px;
    }

    .critical .critical-cards .service-card .service-feature p{ 
        color: #D1D5DC;  
        font-weight: 400;
        font-size: 12px;
        line-height: 19.5px;
        text-align: left;
    }

    .critical .critical-cards .service-card .service-tags {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    } 

    .critical .critical-cards .service-card .service-tags .service-tags-info {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 6px;
    }

    .critical .critical-cards .service-card .service-tags span {
        color: #6A7282;
        font-weight: 400;
        font-size: 10px;
        line-height: 15px;
    }

    .ecosystems {
        margin-top: 54px;
    }

    .ecosystems h3 {
        color: white;
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 111px;
    }

    .ecosystems .ecosystems-card {
        display: flex;
        gap: 33px;
        justify-content: space-between;
        align-items: start;     
        margin-bottom: 33px;   
    }

    .ecosystems .ecosystems-card .ecosystems-cards {
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 14px 56px rgba(0, 0, 0, 0.32);
        border: 1px solid rgba(255, 255, 255, 0.05);
        flex: 1;
        min-height: 417px;
    }

    .ecosystems .ecosystems-card .ecosystems-cards .banner {
        min-width: 100%;
        min-height: 176px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: black;
        position: relative;
    }
    
    .ecosystems .ecosystems-card .ecosystems-cards .banner.financial {    
        background-image: url('../img/pqc/secure.png');
    }

    .ecosystems .ecosystems-card .ecosystems-cards .banner.digital {    
        background-image: url('../img/pqc/digital.png');
    }

    .ecosystems .ecosystems-card .ecosystems-cards .banner.network {    
        background-image: url('../img/pqc/network.png');
    }

    .ecosystems .ecosystems-card .ecosystems-cards .banner.identity {    
        background-image: url('../img/pqc/identity.png');
    }

    .ecosystems .ecosystems-card .ecosystems-cards .banner.health {    
        background-image: url('../img/pqc/health.png');
    }

    .ecosystems .ecosystems-card .ecosystems-cards .banner.enterprise {    
        background-image: url('../img/pqc/enterprise.png');
    }

    .ecosystems .ecosystems-card .ecosystems-cards .banner::after {
        content: "";
        position: absolute;
        inset: 0;

        background: linear-gradient(
            to top,
            rgba(21, 25, 34, 1) 0%,
            rgba(21, 25, 34, 0) 50%,
            rgba(21, 25, 34, 0) 100%
        );
    }

    .ecosystems .ecosystems-card .ecosystems-cards .banner svg{
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .ecosystems .ecosystems-card .ecosystems-cards span {
        color: #EF1616;
        font-weight: 800;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 4px;
    }

    .ecosystems .ecosystems-card .ecosystems-cards h3 {
        color: white;
        text-align: left;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .ecosystems .ecosystems-card .ecosystems-cards p {
        color: white;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
    }

    .ecosystems .ecosystems-card .ecosystems-cards .ecosystems-cards-info {
        padding: 24px;
        background-color: rgba(0, 0, 0, 0.4);
        height: 100%;
        min-height: 239px;
    }

    .belfrics {
        margin-top: 147px;
        padding: 65px 0px;
    }

    .belfrics h3 {
        color: white;
        font-weight: 700;
        font-size: 36px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 84px;
    }

    .belfrics .belfrics-card {
        color: white;        
        display: flex;
        justify-content: center;
        align-items: start;
        gap: 24px;
    }

    .belfrics .belfrics-cards {
        max-width: 290px;
        width: 100%;
        background-color: #101217;
        padding: 17px;
        border-radius: 4px;
        min-height: 420px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .belfrics .belfrics-card .belfrics-cards .svg{
        text-align: right;
    }

    .belfrics .belfrics-card .belfrics-cards h5{
        color: #EF1616;
        font-weight: 700;
        font-size: 12px;
        line-height: 17px;
        text-align: left;
        border: 1px solid #202636;
        padding: 5px;
        max-width: 137.5px;
        background-color: rgba(232, 232, 232, 0.05);
        border-radius: 4px;
        margin-bottom: 24px;
    }

    .belfrics .belfrics-card .belfrics-cards h4{
        color: #F1F5F9;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 11px;
    }

    .belfrics .belfrics-card .belfrics-cards p{
        color: #94A3B8;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 25px;
    }

    .belfrics .belfrics-card .belfrics-cards span{
        color: #94A3B8;
        font-weight: 400;
        font-size: 8px;
        line-height: 12px;
        padding: 3px 7px;
        border: 1px solid rgba(32, 38, 54, 0.3);
        background-color: rgba(7, 8, 11, 0.8);
    }

    .belfrics .belfrics-card .belfrics-cards .banner{        
        min-width: 237px;    
        min-width: 100%;
        min-height: 112px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: black;
        position: relative;
        padding: 9px;
        position: relative;
    }

    .belfrics .belfrics-card .belfrics-cards .banner.foundation{
        background-image: url('../img/pqc/foundation.png');
    }

    .belfrics .belfrics-card .belfrics-cards .banner.delivery{
        background-image: url('../img/pqc/delivery.png');
    }

    .belfrics .belfrics-card .belfrics-cards .banner.capability{
        background-image: url('../img/pqc/capability.png');
    }

    .belfrics .belfrics-card .belfrics-cards .banner.market{
        background-image: url('../img/pqc/market.png');
    }

    .belfrics .belfrics-card .belfrics-cards .banner::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;

        width: 100%;
        height: 2px;

        background: linear-gradient(
            to right,
            rgba(244, 63, 94, 0) 0%,
            rgba(244, 63, 94, 1) 50%,
            rgba(244, 63, 94, 0) 100%
        );
    }

    .modernize{
        gap: 126px;
    }

    .modernize h4{
        color: white;
        text-align: center;
        font-weight: 700;
        font-size: 40px;
        line-height: 36px;
        margin-top: 130px;
    }

    .modernize button{
        color: white;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        background-color: #DA1800;
        padding: 16px 32px;
        border-radius: 8px;
    }

    .copyright{
        color: rgba(148, 163, 184, 0.8);
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        line-height: 16px;
    }


    /* Mboile view */
    @media (max-width: 767px) { 
        .web {
            display: none;
        }

        .mobile{
            display: block;
        }

        .mobile h3,
        .mobile h4{
            font-size: 14px;
            line-height: 13px;
            font-weight: 700;
            color: #F8FAFC;
            margin: 0 0 0 8px;
        }

        .mobile h4{
            color: #FF3B30;
        }

        .mobile span {
            color: #94A3B8;
            font-size: 12px;
            line-height: 16px;
            font-weight: 400;
            background-color: #2D3748;
            padding: 4px 8px;
        }

        .mobile .hamburger{
            margin-left: 18px;
            height: 29px;
        }

        .mobile {
            position: relative;
        }

        .hamburger {
            cursor: pointer;
        }

        .mobile-menu {
            display: none;
            position: absolute;
            top: 60px;
            right: 0;
            width: 200px;
            background: #151922;
            padding: 12px;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }

        .mobile-menu a {
            display: block;
            padding: 10px;
            color: white;
            text-decoration: none;
        }

        .mobile-menu a:hover {
            background: rgba(255,255,255,0.1);
        }

        .main-content {
            margin-bottom: 32px;
        }

        .main-content .hero { 
            padding: 32px 16px;
        }

        .main-content .hero h3 {
            font-weight: 800;
            font-size: 24px;
            line-height: 30px;
        }

        .main-content .hero img{
            width: 100%;
        }

        .main-content .hero p {
            font-weight: 400;
            font-size: 12px;
            line-height: 19px;
            color: #94A3B8;
        }

        .main-content .hero .btn-wrapper button {
            font-weight: bold;
            font-size: 12px;
            line-height: 16px;
            padding: 14px 60px;
            height: 60px;
            text-transform: uppercase;
            max-width: 100%;
        }

        .main-content .hero .btn-wrapper {
            gap: 12px;
        }

        .quantum {
            margin-top: 32px;
            padding: 0 16px 40px;
        }

        .quantum h4,
        .belrium h4{
            font-weight: bold;
            font-size: 18px;
            line-height: 28px;
        }

        .quantum p, 
        .belrium p { 
            font-weight: 400;
            font-size: 12px;
            line-height: 19px;
            color: #94A3B8;
        }

        .belrium {
            padding: 0 16px;            
        }

        .mobile-kyc-card{ 
            padding:16px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .mobile-kyc-cards{   
            padding: 16px;          
            border: 1px solid #393a3b;
            border-left: 2px solid #FF3B30;
            border-radius: 8px;
            font-family: 'Space Grotesk', sans-serif;
        }

        .mobile-kyc-cards.yellow{
           border-left: 2px solid #F59E0B; 
        }

        .mobile-kyc-cards h6{
            color: #F8FAFC;
            font-size: 12px;
            line-height: 16px;
            font-weight: bold;
        }

        .mobile-kyc-cards p{
            color: #94A3B8;
            font-size: 12px;
            line-height: 19px;
            font-weight: 400;
        }

        .wallet-mobile {
            padding: 0 16px;  
            margin-top: 20px;
        }

        .wallet-mobile h3{
            color: #F8FAFC;
            font-size: 18px;
            line-height: 22px;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .wallet-mobile-card h5{
            margin: 0;
            width: fit-content;
            font-size: 9px;
            line-height: 12px;
            font-weight: bold;
            color: #00F2FE;
            margin-bottom: 4px;
            font-family: "Liberation Mono", "Courier New", monospace;
        }

        .wallet-mobile-card h5.violet{
            color: #9F7AEA;
        }

        .wallet-mobile-card h5.yellow{
            color: #F59E0B;
        }

        .wallet-mobile-card h5.green{
            color: #10B981;
        }

        .wallet-mobile-card h5.red{
            color: #FF3B30;
        }

        .wallet-mobile-card p{
            font-size: 12px;
            line-height: 16px;
            font-weight: 400;
            color: #94A3B8;
            margin-bottom: 0;
        }

        .wallet-mobile-card .wallet-mobile-cards {
            border: 1px solid #1E262F;
            padding: 14px;
            background-color: #1E262F;
            border-radius: 12px;
            margin-left: 16px;
            margin-bottom: 16px;
        }

        .wallet-mobile-para{
            color: #94A3B8;
            font-weight: 400;
            font-size: 12px;
            line-height: 19px;
            padding: 14px;
            background-color: #1E262F;
            border: 1px solid #1E262F;
            border-radius: 12px;
        }

        .critical {
            padding: 0 16px;  
            margin-top: 20px;
        }

        .critical span{
            color: red;
            font-size: 9px;
            line-height: 13px;
            text-align: center;
            font-family: "Liberation Mono", "Courier New", monospace;
            font-weight: bold;
        }

        .critical h5{ 
            font-family: 'Space Grotesk', sans-serif;
            font-weight: bold;
            font-size: 18px;
            line-height: 22px;
        }

        .critical p {
            color: #94A3B8;
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
        }

        .critical-mobile-card {
            padding: 16px;
            background-color: #1E262F;
            gap: 20px;
            border: 1px solid #2c353f;
            border-radius: 24px;
            margin-bottom: 24px;
        }

        .critical-mobile-card span {
            font-family: "Liberation Mono", "Courier New", monospace;
            font-size: 10px;
            line-height: 16px;
            font-weight: bold;
            color: #FF3B30;
            background-color: transparent;
            padding-left: 0;
        }

        .critical-mobile-card span.purple {
            color: #9F7AEA;
        }

        .critical-mobile-card span.teal {
            color: #00F2FE;
        }

        .critical-mobile-card h4 { 
            color: #F8FAFC;
            font-size: 16px;
            line-height: 24px;
            font-weight: bold;
            margin: 0;
        }

        .critical-mobile-card .critical-mobile-cards {
            padding: 0 12px;
            border-left: 2px solid #FF3B30;
        }

        .critical-mobile-card .critical-mobile-cards.purple{    
            border-left: 2px solid #9F7AEA;
        }

        .critical-mobile-card .critical-mobile-cards.teal{    
            border-left: 2px solid #00F2FE;
        }

        .critical-mobile-card .critical-mobile-cards h2{
            color: white;
            font-weight: bold;
            font-size: 12px;
            line-height: 16px;
        }
        .critical-mobile-card .critical-mobile-cards p{
            text-align: left;
            margin: 0;
        }

        .ecosystems  {
            padding: 31px 16px;
            margin-top: 0px;
        }

        .ecosystems h3 { 
            font-family: 'Space Grotesk', sans-serif;
            font-weight: bold;
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 24px;
        }

        .ecosystems-mobile {
            border: 1px solid #2c353f;
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 16px;
        }

        .ecosystems-mobile span{
            color: #FF3B30;
            font-family: 'Space Grotesk', sans-serif;
            background-color: transparent;
            margin: 0;
            padding: 0;
            font-weight: bold;
            font-size: 9px;
            line-height: 13px;
        }

        .ecosystems-mobile span.purple{
            color: #9F7AEA;
        }

        .ecosystems-mobile span.teal{
            color: #00F2FE;
        }

        .ecosystems-mobile span.yellow{
            color: #F59E0B;
        }

        .ecosystems-mobile span.green{
            color: #10B981;
        }

        .ecosystems-mobile span.red{
            color: #FF3B30;
        }

        .ecosystems-mobile h5{
            color: #F8FAFC;
            font-size: 14px;
            line-height: 20px;
            font-weight: bold;
        }

        .ecosystems-mobile p{
            color: #94A3B8;
            font-size: 12px;
            line-height: 19px;
            font-weight: 400;
            margin: 0;
        }

        .belfrics { 
            margin:0;
            padding: 0 16px;
        }

        .belfrics h3{ 
            font-family: 'Space Grotesk', sans-serif;
            font-size: 18px;
            line-height: 22px;
            font-weight: bold;
            margin-bottom: 24px;
        }

        .belfrics-mobile-cards {
            border: 1px solid #2c353f;
            margin-bottom: 16px;
            padding: 16px;
            border-radius: 12px;
            background-color: #0F1214;
        }

        .belfrics-mobile-cards span{
            font-size: 9px;
            line-height: 13px;
            font-weight: bold;
            color: #FF3B30;
            background-color: transparent;
            margin: 0;
            padding: 0;
        }

        .belfrics-mobile-cards span.purple{
            color: #9F7AEA;
        }

        .belfrics-mobile-cards span.teal{
            color: #00F2FE;
        }

        .belfrics-mobile-cards span.yellow{
            color: #F59E0B;
        }

        .belfrics-mobile-cards h6{ 
            font-size: 14px;
            line-height: 20px;
            font-weight: bold;
            color: #F8FAFC;
        }

        .belfrics-mobile-cards p{ 
            font-size: 12px;
            line-height: 19px;
            font-weight: 400;
            color: #94A3B8;
        }

        .modernize{
            gap: 20px;
            padding: 0 16px;
        }

        .modernize h4 { 
            margin-top: 0;
            font-size: 20px;
            line-height: 28px;
            font-weight: bold;
            margin-bottom: 0;
        }

        .modernize svg{
            margin-top: 25px;
        }

        .modernize button { 
            font-size: 14px;
            line-height: 20px;
            font-weight: 600;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .modernize p{
            color: #94A3B8;
            text-align: center;
        }

        .copyright{
            color: rgba(148, 163, 184, 0.8);
            text-align: center;
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
        }

    }