@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@-ms-viewport { width: device-width;height:device-height }
body { height:100%;width:100%;margin:0;padding:0;background:#000000;color:#ffffff;font-family:"Inter", sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;animation: fadeIn 3s ease both; }
html { scroll-behavior: smooth; }

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }

}

.container { max-width: 1440px;margin:0 auto;width:100%;padding:0 24px; }
.navbar { display:block;width:100%;height:80px;margin-top:40px;padding:0 40px;line-height:80px;align-self:center;align-content:center; }
.topmenu { display:inline-block;vertical-align:middle; width:68.5%;height:80px;line-height:50px; }
.topmenu a { color:#ffffff;text-decoration:none;font-size:14px;padding:0 20px;line-height:50px; }
.logoPnl { display:inline-block;width:30%;height:80px;line-height:80px; }
.logoPnl img { width:198px;height:60px; }

.footer { width:1440px;height:312px;margin:40px auto;text-align:center;align-content:center;background:#111111; }
.footer img { text-align:center; }

.btn { float:right;width:125px;height:40px;background:#4E4E50;border-radius:16px;border:2px solid;border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);padding: 10px 14px;color:#ffffff; }
.btn a { font-size:14px;color:#ffffff;text-decoration:none;line-height:40px; }
.btn:hover { background: #08558B; }

.btn2PnlCenter { width:100%;margin:50px auto;text-align:center; }
.btn2PnlLeft { width:100%;margin:50px auto;text-align:left; }
.btn2PnlRight { width:100%;margin:50px auto;text-align:right; }
.btn2 { width: 125px;height: 40px;background: #D9D9D9;border-radius: 16px;border: 2px solid;border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);padding: 10px 14px;color:#000000; }

.hero { display:inline-block;width:1440px;margin:0;padding:100px 0;opacity:1;background:#000000; }
.hero .featureText { display:inline-block;width:60%; }
.hero .featureTitle { display:inline-block;width:60%; }
.hero .featureTitle .headerText { font-size:64px;font-weight:800;line-height:70px; }
.hero .featureTitle .headerTextGray { font-size:64px;font-weight: 800;color:#797a7c;line-height:70px;font-style: italic; }
.hero .featureTitle .subText { font-size:20px;font-weight:500;line-height:34px; }
.hero .banner { display:inline-block;width:37.5%;text-align:center; }
.hero .banner img { width:311px;height:401px;left:858px; }
.hero .footerGrid { display:inline-block;width:100%;margin-top:100px; }
.hero .grid { display:inline-block;width:100%;margin-top:100px; }
.hero .grid25 { display:inline-block;width:22.5%;text-align:center; }

.featureDifference { display:inline-block;width:1440px;margin:0;padding:100px 0;opacity:1;background:#111111; }
.featureDifference .smallTitle { width:100%;height:160px;text-align:center; }
.featureDifference .featureText { display:inline-block;width:100%; }
.featureDifference .grid33 { display:inline-block;width:33%;text-align:center; }
.featureDifference .grid33 .headerText { font-size:64px;font-weight:800;line-height:70px; }
.featureDifference .grid33 .subText { font-size:20px;font-weight:500;line-height:34px; }

.featureWhoAreWe { display:inline-block;width:1440px;margin:0;padding:100px 0;opacity:1;background:#000000;background-color:#000000; }
.featureWhoAreWe .feature { display:inline-block;width:100%; }
.featureWhoAreWe .featuretitleSmall { font-size:14px;font-weight:500; }
.featureWhoAreWe .featureText { display:inline-block;width:48%;margin-right:1%; }
.featureWhoAreWe .featureText .headerText { font-size:64px;font-weight:800;line-height:70px; }
.featureWhoAreWe .featureText .subText { font-size:20px;font-weight:500;line-height:34px; }
.featureWhoAreWe .banner { display:inline-block;width:50%;vertical-align:top;text-align:center;align-content:center;align-items:center; }

.featureWhoAreWe1-3 { display:inline-block;width:1440px;margin:0;padding:100px 0;opacity:1;background:#111111; }
.featureWhoAreWe1-3 .featureText { width:90%;margin:auto 5%; }
.featureWhoAreWe1-3 .numBullet { font-size:16px;font-weight:500;opacity:1;}
.featureWhoAreWe1-3 .grid33 { display:inline-block;width:30%;padding:0 20px;vertical-align:top; }

.featureWhatWeDo { display:inline-block;width:1440px;margin:0;padding:100px 0;opacity:1;background:#000000;background-color:#000000; }
.featureWhatWeDo .featureText { width:90%;margin:auto 5%; }
.featureWhatWeDo .featureTitleSmall { font-size:12px }
.featureWhatWeDo .featureTitleLarge { font-size:64px;font-weight:800;line-height:70px; }
.featureWhatWeDo .grid33Selected { display:inline-block;width:30%;padding:0 20px;vertical-align:top;border-top:4px solid #797A7C }
.featureWhatWeDo .grid { display:inline-block;width:65%;border-top:4px solid #f4f4f4; }
.featureWhatWeDo .grid .grid33 { display:inline-block;width:45%; }

@media (min-width:320px) and (max-width:767px) {
    .container { margin:0 auto;width:100%;padding:0; }
    .topmenu { display:none; }
    .topmenu a { color:#ffffff;text-decoration:none;font-size:44px;padding:0 20px;line-height:50px; }
    .logoPnl { display:inline-block;width:90%;margin:0;height:80px;line-height:80px;text-align:center; }
    .logoPnl img { width:250px;height:60px; }

    .footer { width:100%;height:312px;margin:40px auto;text-align:center;align-content:center;background:#111111; }
    .footer img { text-align:center; }

    .hero { display:inline-block;width:100%;margin:0;padding:60px 0;opacity:1;background:#000000; }
    .hero .featureText { display:inline-block;width:90%;margin:auto 5%; }
    .hero .featureText .smallTitle { font-size:15px;font-weight:400;line-height:30px; }
    .hero .featureTitle { display:inline-block;width:90%;margin:20px 5%; }
    .hero .featureTitle .headerText { font-size:40px;font-weight:800;line-height:50px; }
    .hero .featureTitle .headerTextGray { font-size:44px;font-weight: 800;color:#797a7c;line-height:50px;font-style: italic; }
    .hero .featureTitle .subText { font-size:20px;font-weight:500;line-height:34px; }
    .hero .banner { display:inline-block;width:100%;text-align:center; }
    .hero .banner img { display:none; }
    .hero .grid { display:inline-block;width:100%;margin-top:0px; }
    .hero .grid25 { display:inline-block;width:90%;margin:auto 5%;line-height:34px;text-align: center;font-size:14px;font-weight:500;letter-spacing:1.2px; }

    .featureDifference { display:inline-block;width:100%;margin:0;padding:60px 0;opacity:1;background:#111111; }
    .featureDifference .smallTitle { width:100%;height:80px;text-align:center; }
    .featureDifference .smallTitle p { font-size:20px;font-weight:400;line-height:80px; }
    .featureDifference .featureText { display:inline-block;width:100%; }
    .featureDifference .grid33 { display:inline-block;width:90%;margin:20px 5%;text-align:center; }
    .featureDifference .grid33 .headerText { font-size:44px;font-weight:800;line-height:60px; }
    .featureDifference .grid33 .subText { font-size:18px;font-weight:500;line-height:28px; }

    .featureWhoAreWe { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#000000;background-color:#000000; }
    .featureWhoAreWe .feature { display:inline-block;width:90%;margin:20px 5%; }
    .featureWhoAreWe .featuretitleSmall { font-size:24px;font-weight:500;text-align:center; }
    .featureWhoAreWe .featureText { display:inline-block;width:100%; }
    .featureWhoAreWe .featureText .headerText { font-size:28px;font-weight:800;line-height:40px; }
    .featureWhoAreWe .featureText .subText { font-size:18px;font-weight:500;line-height:28px; }
    .featureWhoAreWe .banner { display:inline-block;width:100%;margin:50px auto;vertical-align:top;text-align:center;align-content:center;align-items:center; }
    .featureWhoAreWe .banner img { height:280px; }

    .featureWhoAreWe1-3 { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#111111;border-top:4px solid #F4F4F4  }
    .featureWhoAreWe1-3 .featureText { width:90%;margin:0 5%; }
    .featureWhoAreWe1-3 .numBullet { font-size:28px;font-weight:500;opacity:0.66; }
    .featureWhoAreWe1-3 .featuresubTitle{ font-size:18px;font-weight:800; }
    .featureWhoAreWe1-3 .featureContent{ font-size:20px; }
    .featureWhoAreWe1-3 .grid33 { display:inline-block;width:90%;margin:20px 5%;padding:0 20px;vertical-align:top;border-bottom:4px solid #F4F4F4; }

    .featureWhatWeDo { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#000000;background-color:#000000; }
    .featureWhatWeDo .featureText { width:90%;margin:0 5%; }
    .featureWhatWeDo .featureTitleSmall { font-size:18px;text-align:center; }
    .featureWhatWeDo .featureTitleLarge { font-size:44px;font-weight:800;line-height:50px;text-align:center; }
    .featureWhatWeDo .featuresubTitle{ font-size:14px;font-weight:800; }
    .featureWhatWeDo .featureContent{ font-size:20px; }
    .featureWhatWeDo .grid33Selected { display:inline-block;width:80%;margin:20px 10% 20px 10%;padding:0 20px;vertical-align:top;border-top:4px solid #797A7C; }
    .featureWhatWeDo .featuresubTitle{ font-size:24px; }
    .featureWhatWeDo .featureContent{ font-size:20px; }
    .featureWhatWeDo .grid { display:inline-block;width:100%;border-top:none; }
    .featureWhatWeDo .grid .grid33 { display:inline-block;width:80%;margin:20px 10% 20px 10%;padding:0 20px 10px 20px;vertical-align:top;border-top:4px solid #F4F4F4; }

    .btn2PnlCenter { width:100%;margin:20px auto;text-align:center; }
    .btn2PnlLeft { width:100%;margin:20px auto;text-align:center; }
    .btn2PnlRight { width:100%;margin:20px auto;text-align:center; }
    .btn2 { float:none;width:280px;height:48px;margin:40px;font-size:24px;background:#D9D9D9;border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);border-radius:24px;border:2px solid;border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);padding: 10px 14px;box-shadow: 0px 1px 2px 0px var(--ColorsEffectsShadowsshadow-xs);box-shadow: 0px -2px 0px 0px var(--ColorsEffectsShadowsshadow-skeumorphic-inner) inset;box-shadow: 0px 0px 0px 1px var(--ColorsEffectsShadowsshadow-skeumorphic-inner-border) inset;color:#000000; }
 
}
@media (min-width: 768px) and (max-width: 991px) {
    .container { margin:0 5%;width:90%;padding:0; }
    .topmenu { display:none; }
    .topmenu a { color:#ffffff;text-decoration:none;font-size:44px;padding:0 20px;line-height:50px; }
    .logoPnl { display:inline-block;width:100%;height:80px;line-height:80px;text-align:center; }
    .logoPnl img { width:198px;height:50px; }

    .footer { width:100%;height:312px;margin:40px auto;text-align:center;align-content:center;background:#111111; }
    .footer img { text-align:center; }

    .hero { display:inline-block;width:100%;margin:0;padding:60px 0;opacity:1;background:#000000; }
    .hero .featureText { display:inline-block;width:90%;margin:auto 5%; }
    .hero .featureText .smallTitle { font-size:15px;font-weight:400;line-height:30px; }
    .hero .featureTitle { display:inline-block;width:100%;margin:20px auto; }
    .hero .featureTitle .headerText { font-size:44px;font-weight:800;line-height:60px; }
    .hero .featureTitle .headerTextGray { font-size:44px;font-weight: 800;color:#797a7c;line-height:50px;font-style: italic; }
    .hero .featureTitle .subText { font-size:20px;font-weight:500;line-height:34px; }
    .hero .banner { display:inline-block;width:100%;text-align:center; }
    .hero .banner img { display:none; }
    .hero .grid { display:inline-block;width:100%;margin-top:0px; }
    .hero .grid25 { display:inline-block;width:90%;margin:auto 5%;line-height:34px;text-align: center;font-size:14px;font-weight:500;letter-spacing:1.2px; }

    .featureDifference { display:inline-block;width:100%;margin:0;padding:60px 0;opacity:1;background:#111111; }
    .featureDifference .smallTitle { width:100%;height:80px;text-align:center; }
    .featureDifference .smallTitle p { font-size:36px;font-weight:400;line-height:80px; }
    .featureDifference .featureText { display:inline-block;width:100%; }
    .featureDifference .grid33 { display:inline-block;width:90%;margin:20px 5%;text-align:center; }
    .featureDifference .grid33 .headerText { font-size:44px;font-weight:800;line-height:60px; }
    .featureDifference .grid33 .subText { font-size:18px;font-weight:500;line-height:28px; }

    .featureWhoAreWe { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#000000;background-color:#000000; }
    .featureWhoAreWe .feature { display:inline-block;width:80%;margin:20px 10%; }
    .featureWhoAreWe .featuretitleSmall { font-size:24px;font-weight:500;text-align:center; }
    .featureWhoAreWe .featureText { display:inline-block;width:80%;margin:auto 10%; }
    .featureWhoAreWe .featureText .headerText { font-size:44px;font-weight:800;line-height:60px; }
    .featureWhoAreWe .featureText .subText { font-size:18px;font-weight:500;line-height:28px; }
    .featureWhoAreWe .banner { display:inline-block;width:100%;margin:50px auto;vertical-align:top;text-align:center;align-content:center;align-items:center; }

    .featureWhoAreWe1-3 { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#111111;border-top:4px solid #F4F4F4  }
    .featureWhoAreWe1-3 .featureText { width:90%;margin:0 5%; }
    .featureWhoAreWe1-3 .numBullet { font-size:28px;font-weight:500;opacity:0.66; }
    .featureWhoAreWe1-3 .featuresubTitle{ font-size:18px;font-weight:800; }
    .featureWhoAreWe1-3 .featureContent{ font-size:20px; }
    .featureWhoAreWe1-3 .grid33 { display:inline-block;width:90%;margin:20px 5%;padding:0 20px;vertical-align:top;border-bottom:4px solid #F4F4F4; }

    .featureWhatWeDo { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#000000;background-color:#000000; }
    .featureWhatWeDo .featureText { width:90%;margin:auto 5%; }
    .featureWhatWeDo .featureTitleSmall { font-size:18px;text-align:center; }
    .featureWhatWeDo .featureTitleLarge { font-size:44px;font-weight:800;line-height:50px;text-align:center; }
    .featureWhatWeDo .featuresubTitle{ font-size:24px;font-weight:800; }
    .featureWhatWeDo .featureContent{ font-size:20px; }
    .featureWhatWeDo .grid33Selected { display:inline-block;width:80%;margin:20px 10% 20px 10%;padding:0 20px;vertical-align:top;border-top:4px solid #797A7C; }
    .featureWhatWeDo .grid { display:inline-block;width:100%;border-top:none; }
    .featureWhatWeDo .grid .grid33 { display:inline-block;width:80%;margin:20px 10% 20px 10%;padding:0 20px 10px 20px;vertical-align:top;border-top:4px solid #F4F4F4; }

    .hero .grid25 { display: inline-block;width: 90%;height:80px;margin:auto 5%;line-height:80px;text-align: center;font-size: 28px;font-weight: 500;border-top:1px solid #D9D9D9; }

    .btn2PnlCenter { width:100%;margin:50px auto;text-align:center; }
    .btn2PnlLeft { width:100%;margin:50px auto;text-align:center; }
    .btn2PnlRight { width:100%;margin:50px auto;text-align:center; }
    .btn2 { float:none;width:320px;height:60px;margin:40px;font-size:24px;background:#D9D9D9;border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);border-radius:24px;border:2px solid;border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);padding: 10px 14px;box-shadow: 0px 1px 2px 0px var(--ColorsEffectsShadowsshadow-xs);box-shadow: 0px -2px 0px 0px var(--ColorsEffectsShadowsshadow-skeumorphic-inner) inset;box-shadow: 0px 0px 0px 1px var(--ColorsEffectsShadowsshadow-skeumorphic-inner-border) inset;color:#000000; }

    
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container { margin:0 5%;width:90%;padding:0; }
    .topmenu { display:none; }
    .topmenu a { color:#ffffff;text-decoration:none;font-size:44px;padding:0 20px;line-height:50px; }
    .logoPnl { display:inline-block;width:100%;height:80px;line-height:80px;text-align:center; }
    .logoPnl img { width:198px;height:50px; }

    .footer { width:100%;height:312px;margin:40px auto;text-align:center;align-content:center;background:#111111; }
    .footer img { text-align:center; }

    .hero { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#000000; }
    .hero .featureText { display:inline-block;width:90%;margin:auto 5%; }
    .hero .featureTitle { display:inline-block;width:100%;margin:20px auto; }
    .hero .featureTitle .headerText { font-size:44px;font-weight:800;line-height:60px; }
    .hero .featureTitle .headerTextGray { font-size:44px;font-weight: 800;color:#797a7c;line-height:50px;font-style: italic; }
    .hero .featureTitle .subText { font-size:20px;font-weight:500;line-height:34px; }
    .hero .banner { display:inline-block;width:100%;text-align:center;transition:0.5s; }
    .hero .grid { display:inline-block;width:100%;margin-top:50px; }
    .hero .grid25 { display: inline-block;width: 90%;height:80px;margin:auto 5%;line-height:80px;text-align: center;font-size:14px;font-weight:500;border-top:1px solid #D9D9D9; }

    .featureDifference { display:inline-block;width:100%;margin:0;padding:60px 0;opacity:1;background:#111111; }
    .featureDifference .smallTitle { width:100%;height:80px;text-align:center; }
    .featureDifference .smallTitle p { font-size:36px;font-weight:400;line-height:80px; }
    .featureDifference .featureText { display:inline-block;width:100%; }
    .featureDifference .grid33 { display:inline-block;width:90%;margin:20px 5%;text-align:center; }
    .featureDifference .grid33 .headerText { font-size:44px;font-weight:800;line-height:60px; }
    .featureDifference .grid33 .subText { font-size:18px;font-weight:500;line-height:28px; }

    .featureWhoAreWe { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#000000;background-color:#000000; }
    .featureWhoAreWe .feature { display:inline-block;width:80%;margin:20px 10%; }
    .featureWhoAreWe .featuretitleSmall { font-size:24px;font-weight:500;text-align:center; }
    .featureWhoAreWe .featureText { display:inline-block;width:80%;margin:auto 10%; }
    .featureWhoAreWe .featureText .headerText { font-size:44px;font-weight:800;line-height:60px; }
    .featureWhoAreWe .featureText .subText { font-size:18px;font-weight:500;line-height:28px; }
    .featureWhoAreWe .banner { display:inline-block;width:100%;margin:50px auto;vertical-align:top;text-align:center;align-content:center;align-items:center; }

    .featureWhoAreWe1-3 { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#111111;border-top:4px solid #F4F4F4  }
    .featureWhoAreWe1-3 .featureText { width:90%;margin:0 5%; }
    .featureWhoAreWe1-3 .numBullet { font-size:28px;font-weight:500;opacity:0.66; }
    .featureWhoAreWe1-3 .featuresubTitle{ font-size:18px;font-weight:800; }
    .featureWhoAreWe1-3 .featureContent{ font-size:20px; }
    .featureWhoAreWe1-3 .grid33 { display:inline-block;width:90%;margin:20px 5%;padding:0 20px;vertical-align:top;border-bottom:4px solid #F4F4F4; }

    .featureWhatWeDo { display:inline-block;width:100%;margin:0;padding:100px 0;opacity:1;background:#000000;background-color:#000000; }
    .featureWhatWeDo .featureText { width:90%;margin:auto 5%; }
    .featureWhatWeDo .featureTitleSmall { font-size:18px;text-align:center; }
    .featureWhatWeDo .featureTitleLarge { font-size:44px;font-weight:800;line-height:50px;text-align:center; }
    .featureWhatWeDo .featuresubTitle{ font-size:24px;font-weight:800; }
    .featureWhatWeDo .featureContent{ font-size:20px; }
    .featureWhatWeDo .grid33Selected { display:inline-block;width:80%;margin:20px 10% 20px 10%;padding:0 20px;vertical-align:top;border-top:4px solid #797A7C; }
    .featureWhatWeDo .grid { display:inline-block;width:100%;border-top:none; }
    .featureWhatWeDo .grid .grid33 { display:inline-block;width:80%;margin:20px 10% 20px 10%;padding:0 20px 10px 20px;vertical-align:top;border-top:4px solid #F4F4F4; }

    .hero .grid25 { display: inline-block;width: 90%;height:80px;margin:auto 5%;line-height:80px;text-align: center;font-size: 28px;font-weight: 500;border-top:1px solid #D9D9D9; }

    .btn2PnlCenter { width:100%;margin:50px auto;text-align:center; }
    .btn2PnlLeft { width:100%;margin:50px auto;text-align:center; }
    .btn2PnlRight { width:100%;margin:50px auto;text-align:center; }
    .btn2 { float:none;width:320px;height:60px;margin:40px;font-size:24px;background:#D9D9D9;border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);border-radius:24px;border:2px solid;border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);padding: 10px 14px;box-shadow: 0px 1px 2px 0px var(--ColorsEffectsShadowsshadow-xs);box-shadow: 0px -2px 0px 0px var(--ColorsEffectsShadowsshadow-skeumorphic-inner) inset;box-shadow: 0px 0px 0px 1px var(--ColorsEffectsShadowsshadow-skeumorphic-inner-border) inset;color:#000000; }

}
@media (min-width: 1200px) and (max-width: 1439px) {
 
}
@media (min-width: 1440px) {

}