








 
  body {  
    font-family:var(--bs-font-sans-serif);
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
  }  
body { 
/* CSS Variables that may have been missed get put on body */ 
    --bs-gutter-x:  1.5rem;  
    --bs-gutter-y:  0;  
    --bs-gutter-y:  1.5rem; 
} 

* { 
    box-sizing: border-box;
} 

#bouty { 
    margin: 0; 
    font-family: var(--bs-font-sans-serif); 
    font-size: 1rem; 
    font-weight: 400; 
    line-height: 1.5; 
    color: #212529; 
    background-color: #fff; 
    -webkit-text-size-adjust: 100%; 
    -webkit-tap-highlight-color: transparent;
} 

#bouty { 
    font-family: "Open Sans", sans-serif; 
    color: #464646; 
    font-size: 1rem; 
    padding: 0; 
    margin: 0; 
    font-weight: 400; 
    position: relative; 
    line-height: 1.7; 
    background-color: #fff; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
    transition: all 0.5s; 
    overflow-x: hidden;
} 

#bouty  { 
    -webkit-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    transition: all 0.3s;
} 



  

#bouty section { 
    background-color: #fff;
} 

#bouty .bg_-iff { 
    background-position: center; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-repeat-x: no-repeat; 
    background-repeat-y: no-repeat;
} 

.overlay-v6w { 
    position: relative; 
    z-index: 1;
} 

.section-45g { 
    padding-top: 9.375rem; 
    padding-bottom: 7.5rem;
} 

#bouty  *,#bouty  :after,#bouty :before { 
    box-sizing: border-box;
} 

.overlay-v6w:before { 
    position: absolute; 
    content: ''; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #002046; 
    opacity: 0.4; 
    z-index: -1;
} 

.container-h7c { 
    width: 100%; 
    padding-right: var(--bs-gutter-x,.75rem); 
    padding-left: var(--bs-gutter-x,.75rem); 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 576px){ 
  .container-h7c { 
    max-width: 540px;
  } 
}     

@media (min-width: 768px){ 
  .container-h7c { 
    max-width: 720px;
  } 
}     

@media (min-width: 992px){ 
  .container-h7c { 
    max-width: 960px;
  } 
}     

@media (min-width: 1200px){ 
  .container-h7c { 
    max-width: 1140px;
  } 
}     

@media (min-width: 1400px){ 
  .container-h7c { 
    max-width: 1320px;
  } 
}     

.row-5hj { 
    --bs-gutter-x: 1.5rem; 
    --bs-gutter-y: 0; 
    display: flex; 
    flex-wrap: wrap; 
    margin-top: calc(var(--bs-gutter-y) * -1); 
    margin-right: calc(var(--bs-gutter-x)/ -2); 
    margin-left: calc(var(--bs-gutter-x)/ -2);
} 

.content-6th { 
    justify-content: space-between!important;
} 

.item-wko { 
    align-items: center!important;
} 

.row-5hj > *  { 
    flex-shrink: 0; 
    width: 100%; 
    max-width: 100%; 
    padding-right: calc(var(--bs-gutter-x)/ 2); 
    padding-left: calc(var(--bs-gutter-x)/ 2); 
    margin-top: var(--bs-gutter-y);
} 

@media (min-width: 992px){ 
  .col-hso { 
    flex: 0 0 auto; 
    width: 58.3333333333%;
  } 
}     

@media (min-width: 1200px){ 
  .col-ofp { 
    flex: 0 0 auto; 
    width: 50%;
  } 
}     

.order-2v7 { 
    order: 2!important;
} 

.mt-46e { 
    margin-top: 3rem!important;
} 

@media (min-width: 992px){ 
  .order-lg-cfi { 
    order: 1!important;
  } 

  .mt-lg-baz { 
    margin-top: 0!important;
  } 

  .col-hft { 
    flex: 0 0 auto; 
    width: 33.3333333333%;
  } 
}     

.order-m9z { 
    order: 1!important;
} 

@media (min-width: 992px){ 
  .order-lg-ni2 { 
    order: 2!important;
  } 
}     

#bouty h2 { 
    margin-top: 0; 
    margin-bottom: .5rem; 
    font-weight: 500; 
    line-height: 1.2;
} 

#bouty h2 { 
    font-size: calc(1.325rem + .9vw);
} 

@media (min-width: 1200px){ 
  #bouty h2 { 
    font-size: 2rem;
  } 
}     

#bouty h2 { 
    font-size: 2rem;
} 

#bouty h2 { 
    font-family: "Maven Pro", sans-serif; 
    color: #373e4a; 
    font-weight: 500; 
    margin: 0; 
    line-height: 1.2; 
    word-break: break-word;
} 

.text-wnp { 
    color: #fff!important;
} 

.section-3hy { 
    font-size: 3rem;
} 

.fa-yh6 { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp;
} 

#bouty p { 
    margin-top: 0; 
    margin-bottom: 1rem;
} 

#bouty p { 
    margin: 0;
} 

.mt-1op { 
    margin-top: 1rem!important;
} 

.gy-mt5 { 
    --bs-gutter-y: 1.5rem;
} 

.text-wjj { 
    text-align: center!important;
} 

.col-nhi { 
    flex: 0 0 auto; 
    width: 33.3333333333%;
} 

#bouty a { 
    color: #0d6efd; 
    text-decoration: underline;
} 

#bouty a { 
    text-decoration: none; 
    display: inline-block; 
    font-family: "Open Sans", sans-serif; 
    font-weight: 400;
} 

.video-w77 { 
    display: inline-flex; 
    align-items: center;
} 

[class*="btn--"]:not(.btn--link):not(.btn--light) { 
    color: #fff;
} 

#bouty #bouty a:hover { 
    color: #0a58ca;
} 

#bouty #bouty a:hover { 
    color: #4582ff;
} 

#bouty #bouty a:hover { 
    text-decoration: none;
} 

#bouty span { 
    display: inline-block;
} 

#bouty span { 
    margin: 0;
} 

.video-w77 span  { 
    margin-left: 10px;
} 

.video-w77 .icon-iq1  { 
    width: 3.75rem; 
    height: 3.75rem; 
    display: inline-flex; 
    justify-content: center; 
    align-items: center; 
    background-color: #4582ff; 
    color: #fff; 
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    -ms-border-radius: 50%; 
    -o-border-radius: 50%; 
    font-size: calc(3.75rem / 2); 
    position: relative; 
    z-index: 1;
} 

.video-w77 .icon-iq1  { 
    background-color: #8d84bf !important;
} 

.video-w77.video-4jm .icon-iq1  { 
    width: 5.625rem; 
    height: 5.625rem; 
    font-size: calc(5.625rem / 2);
} 

.video-w77 .icon-iq1::before, .video-w77 .icon-iq1::after { 
    position: absolute; 
    content: ""; 
    width: 100%; 
    height: 100%; 
    left: 0; 
    top: 0; 
    border-radius: 74px; 
    background-color: #4582ff; 
    opacity: 0.15; 
    z-index: -1;
} 

.video-w77 .icon-iq1::before { 
    -webkit-animation: inner-ripple 2000ms linear infinite; 
    -moz-animation: inner-ripple 2000ms linear infinite; 
    animation: inner-ripple 2000ms linear infinite;
} 

.btn--base,.hero__subtitle:before,.hero__subtitle:after, .video-w77 .icon-iq1::before, .video-w77 .icon-iq1::after,.video-w77 .icon-iq1 ,.about-thumb .about-img-content,.service-card:after,.section-subtitle.border-left:before,.testimonial-slide-area .content-slider .slick-arrow,.blog-card .post-time,.cta-wrapper,.footer-widget__title:before,.bg--base,.form-check-input:checked,.d-widget.curve--shape:before, .quick-link-card .icon-iq1::before, .header .main-menu li .sub-menu li a::before,.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover,.sidebar-menu__header:before { 
    background-color: #8d84bf !important;
} 

.video-w77 .icon-iq1::after { 
    -webkit-animation: outer-ripple 2000ms linear infinite; 
    -moz-animation: outer-ripple 2000ms linear infinite; 
    animation: outer-ripple 2000ms linear infinite;
} 

.btn--base, .hero__subtitle::before, .hero__subtitle::after, .video-w77 .icon-iq1::before, .video-w77 .icon-iq1::after, .video-w77 .icon-iq1, .video-w77 .icon-iq1::before, .video-w77 .icon-iq1::after, .about-thumb .about-img-content, .service-card::after, .section-subtitle.border-left::before, .testimonial-slide-area .content-slider .slick-arrow, .blog-card .post-time, .cta-wrapper, .footer-widget__title::before, .bg--base, .form-check-input:checked, .d-widget.curve--shape::before, .quick-link-card .icon-iq1::before, .header .main-menu li .sub-menu li a::before, .pagination .page-item.active .page-link, .pagination .page-item .page-link:hover, .sidebar-menu__header::before { 
    background-color: #8d84bf !important;
} 

#bouty h3 { 
    margin-top: 0; 
    margin-bottom: .5rem; 
    font-weight: 500; 
    line-height: 1.2;
} 

#bouty h3 { 
    font-size: calc(1.3rem + .6vw);
} 

@media (min-width: 1200px){ 
  #bouty h3 { 
    font-size: 1.75rem;
  } 
}     

#bouty h3 { 
    font-size: 1.5rem;
} 

#bouty h3 { 
    font-family: "Maven Pro", sans-serif; 
    color: #373e4a; 
    font-weight: 500; 
    margin: 0; 
    line-height: 1.2; 
    word-break: break-word;
} 

.overview-per .overview-bqc  { 
    font-size: 2.625rem;
} 

.overview-per .caption-yzo  { 
    font-size: 1rem;
} 

.jvxvt { 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: inline-block; 
    font-style: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
} 

.jvxvt { 
    font-family: 'Line Awesome Free'; 
    font-weight: 900;
} 

.la-dmk:before { 
    content: "\f04b";
} 

@media (max-width: 1199px){ 
  .section-45g { 
    padding-top: 6.25rem; 
    padding-bottom: 6.25rem;
  } 
}     

@media (max-width: 991px){ 
  #bouty h2 { 
    font-size: 1.875rem;
  } 
}     

@media (max-width: 575px){ 
  #bouty h2 { 
    font-size: 1.75rem;
  } 
}     

@media (max-width: 1199px){ 
  .section-3hy { 
    font-size: 2.625rem;
  } 
}     

@media (max-width: 991px){ 
  .section-3hy { 
    font-size: 2.25rem;
  } 
}     

@media (max-width: 575px){ 
  .overview-per .overview-bqc  { 
    font-size: 2rem;
  } 

  .overview-per .caption-yzo  { 
    font-size: 0.875rem;
  } 
}     


@keyframes fadeInUp { 
  0% {  
      opacity: 0; 
      -webkit-transform: translateY(20px); 
      -ms-transform: translateY(20px); 
      transform: translateY(20px); 
      opacity: 0; 
      transform: translateY(20px); 
  }  
  100% {  
      opacity: 1; 
      -webkit-transform: translateY(0); 
      -ms-transform: translateY(0); 
      transform: translateY(0); 
      opacity: 1; 
      transform: translateY(0px); 
  }  

} 
/* These were inline style tags. Uses id+class to override almost everything */
#style-XrCdK.style-XrCdK {  
   background-image: url('/assets/images/63ce46fee64791674462974.jpg');  
}  
#style-nZksd.style-nZksd {  
   visibility: visible;  
    animation-delay: 0.3s;  
    animation-name: fadeInUp;  
}  
#style-Aw8SR.style-Aw8SR {  
   visibility: visible;  
    animation-delay: 0.5s;  
    animation-name: fadeInUp;  
}  
#style-FGfTI.style-FGfTI {  
   visibility: visible;  
    animation-delay: 0.7s;  
    animation-name: fadeInUp;  
}  




    
    



#skyy { 
    color: #babcc6; 
    background-color: #070719; 
    font-family: Inter, sans-serif; 
    font-size: 14px; 
    font-weight: 400; 
    line-height: 1.714em;
} 





.section-j3s { 
    padding-top: 80px; 
    padding-bottom: 80px;
} 

.container-pn6 { 
    max-width: 940px; 
    margin-left: auto; 
    margin-right: auto;
} 

.container-os1 { 
    max-width: 940px; 
    margin-left: auto; 
    margin-right: auto; 
    display: block;
} 

.container-4o8 { 
    max-width: 1244px; 
    padding-left: 24px; 
    padding-right: 24px;
} 

.container-pn6:before,.container-pn6:after { 
    content: " "; 
    grid-area: 1 / 1 / 2 / 2; 
    display: table;
} 

.container-pn6:after { 
    clear: both;
} 

.wrapper-dzc { 
    padding: 1px; 
    position: relative;
} 

.card-e37 { 
    z-index: 1; 
    background-image: url("/assets/images/skyblue.png"); 
    background-size: cover; 
    border-radius: 8px; 
    padding: 110px 64px; 
    position: relative;
} 

.card-kgv { 
    opacity: .4; 
    background-color: rgba(255, 255, 255, .05); 
    background-image: linear-gradient(rgba(94, 187, 255, .3), rgba(58, 90, 255, .3)), linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)); 
    border-radius: 8px; 
    position: absolute; 
    top: 0%; 
    bottom: 0%; 
    left: 0%; 
    right: 0%;
} 

.container-61i.cen-vva { 
    margin-left: auto; 
    margin-right: auto;
} 

.container-61i._48-oav { 
    max-width: 480px;
} 

.text-dma { 
    text-align: center;
} 

.section-j3 h2 { 
    margin-bottom: 10px; 
    font-weight: bold;
} 

.section-j3 h2 { 
    margin-top: 20px; 
    font-size: 32px; 
    line-height: 36px;
} 

.section-j3 h2 { 
    color: #fff; 
    margin-top: 0; 
    margin-bottom: 16px; 
    font-size: 38px; 
    font-weight: 500; 
    line-height: 1.316em;
} 

.mg-bottom-d3e { 
    margin-bottom: 8px;
} 

.display-85z { 
    color: #fff; 
    font-size: 38px; 
    font-weight: 500; 
    line-height: 1.316em;
} 

.heading-r7j { 
    -webkit-text-fill-color: transparent; 
    background-image: linear-gradient(135deg, #fff, #cfd7ff); 
    -webkit-background-clip: text; 
    background-clip: text;
} 

.section-j3 p { 
    margin-top: 0; 
    margin-bottom: 10px;
} 

.section-j3 p { 
    margin-bottom: 16px;
} 

.mg-bottom-bck { 
    margin-bottom: 24px;
} 

.wrapper-t3x { 
    cursor: pointer; 
    background-image: linear-gradient(#5ebbff, #3a5aff); 
    border-radius: 6px; 
    padding: 1px; 
    transition: transform .3s; 
    display: inline-block; 
    position: relative;
} 

.wrapper-t3x:hover { 
    transform: scale(.96);
} 

.section-j3 a { 
    background-color: rgba(0, 0, 0, 0);
} 

.section-j3 a { 
    color: #fff; 
    text-decoration: none; 
    transition: color .3s;
} 

.button-djf { 
    color: #fff; 
    line-height: inherit; 
    cursor: pointer; 
    background-color: #3898ec; 
    border: 0; 
    border-radius: 0; 
    padding: 9px 15px; 
    text-decoration: none; 
    display: inline-block;
} 

.btn-primary-dfr { 
    z-index: 1; 
    color: #fff; 
    text-align: center; 
    background-color: #070719; 
    border: 0 solid rgba(61, 150, 255, .4); 
    border-radius: 6px; 
    justify-content: center; 
    padding: 20px 24px; 
    font-size: 16px; 
    font-weight: 700; 
    line-height: 1.125em; 
    text-decoration: none; 
    transition: background-color .3s, transform .3s, color .3s; 
    position: relative; 
    box-shadow: 0 2px 8px rgba(61, 150, 255, .4), inset 0 -2px 12px rgba(58, 113, 255, .5);
} 

.btn-primary-dfr.sma-ltn { 
    padding: 12px 24px; 
    font-size: 14px; 
    font-weight: 500; 
    line-height: 1.143em; 
    transition: box-shadow .3s, background-color .3s, transform .3s, color .3s;
} 

.section-j3 a:active,.section-j3 a:hover { 
    outline: 0;
} 

.section-j3 a:hover { 
    color: #3a5aff;
} 

.btn-primary-dfr:hover { 
    color: #fff; 
    transform: none;
} 

.button-gnm { 
    z-index: 0; 
    background-image: linear-gradient(#bed8ff, #3d96ff); 
    border-radius: 6px; 
    margin: 0; 
    display: block; 
    position: absolute; 
    top: 0%; 
    bottom: 0%; 
    left: 0%; 
    right: 0%;
} 

@media screen and (max-width: 767px){ 
  .section-j3s { 
    padding-top: 72px; 
    padding-bottom: 72px;
  } 
}     

@media screen and (max-width: 991px){ 
  .container-pn6 { 
    max-width: 728px;
  } 
}     

@media screen and (max-width: 479px){ 
  .container-pn6 { 
    max-width: none;
  } 
}     

@media screen and (max-width: 991px){ 
  .container-os1 { 
    max-width: 728px;
  } 
}     

@media screen and (max-width: 767px){ 
  .container-os1 { 
    max-width: none;
  } 
}     

@media screen and (max-width: 479px){ 
  .container-4o8 { 
    padding-left: 20px; 
    padding-right: 20px;
  } 
}     

@media screen and (max-width: 991px){ 
  .card-e37 { 
    padding-top: 80px; 
    padding-bottom: 80px;
  } 
}     

@media screen and (max-width: 767px){ 
  .card-e37 { 
    padding: 64px 40px;
  } 
}     

@media screen and (max-width: 479px){ 
  .card-e37 { 
    padding: 48px 32px;
  } 
}     

@media screen and (max-width: 991px){ 
  .section-j3 h2 { 
    font-size: 30px;
  } 
}     

@media screen and (max-width: 767px){ 
  .section-j3 h2 { 
    margin-bottom: 12px; 
    font-size: 28px;
  } 
}     

@media screen and (max-width: 479px){ 
  .section-j3 h2 { 
    font-size: 26px;
  } 
}     

@media screen and (max-width: 991px){ 
  .display-85z { 
    font-size: 32px;
  } 
}     

@media screen and (max-width: 767px){ 
  .display-85z { 
    font-size: 28px;
  } 
}     

@media screen and (max-width: 479px){ 
  .display-85z { 
    font-size: 26px;
  } 
}     

@media screen and (max-width: 767px){ 
  .section-j3 p { 
    margin-bottom: 12px;
  } 

  .mg-bottom-bck { 
    margin-bottom: 20px;
  } 
}     

@media screen and (max-width: 479px){ 
  .wrapper-t3x { 
    width: 100%;
  } 

  .btn-primary-dfr { 
    width: 100%; 
    padding-top: 18px; 
    padding-bottom: 18px;
  } 
}     


/* These were inline style tags. Uses id+class to override almost everything */
#style-X3dvT.style-X3dvT {  
   opacity: 1;  
}  
#style-EVzW4.style-EVzW4 {  
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#style-9qeEX.style-9qeEX {  
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
 
    
    
    
    


#dassv * { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 





#dassv  { 
    background-color: #141a2a; 
    font-family: Thicccboi, sans-serif; 
    color: #a6acb8; 
    font-size: 18px; 
    line-height: 1.6em;
} 


.section-q3p { 
    padding-top: 16px; 
    padding-bottom: 16px;
} 

.container-2s3 { 
    margin-left: auto; 
    margin-right: auto; 
    max-width: 940px;
} 

.container-8sl { 
    width: 100%; 
    max-width: 1290px; 
    margin-right: auto; 
    margin-left: auto; 
    padding-right: 24px; 
    padding-left: 24px;
} 

.container-2s3:before,.container-2s3:after { 
    content: " "; 
    display: table; 
    grid-column-start: 1; 
    grid-row-start: 1; 
    grid-column-end: 2; 
    grid-row-end: 2;
} 

.container-2s3:after { 
    clear: both;
} 

.wrapper-5m1 { 
    position: relative; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    padding-top: 64px; 
    padding-bottom: 64px; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    -webkit-box-align: end; 
    -webkit-align-items: flex-end; 
    -ms-flex-align: end; 
    align-items: flex-end; 
    color: #fff;
} 

.wrapper-g8t { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    max-height: 490px; 
    padding: 64px 80px; 
    -webkit-box-align: center; 
    -webkit-align-items: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 
    border-radius: 24px; 
    background-color: #1649ff; 
    background-image: url("https://assets.website-files.com/61772ea4a9789e72c321a4f0/617acf2d22f18db5f6bc8628_cta-pattern-defi-x-template.svg"); 
    background-position: 0% 100%; 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-repeat-x: no-repeat; 
    background-repeat-y: no-repeat;
} 

.rel-q5j { 
    position: relative;
} 

.wrapper-miq.rel-q5j { 
    width: 45%; 
    margin-bottom: -64px; 
    -webkit-align-self: flex-end; 
    -ms-flex-item-align: end; 
    align-self: flex-end; 
    -webkit-box-flex: 0; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
} 

.content-tia { 
    position: relative; 
    left: 32px; 
    max-width: 460px; 
    margin-right: auto; 
    margin-left: auto; 
    -webkit-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1;
} 

.section-q3p img { 
    border: 0;
} 

.section-q3p img { 
    max-width: 100%; 
    vertical-align: middle; 
    display: inline-block;
} 

.section-q3p img { 
    display: inline-block; 
    max-width: 100%;
} 

.sha-m3v { 
    display: block;
} 

.sha-m3v.bogfs { 
    z-index: 5;
} 

.sha-m3v.bogfs.shape---mjd { 
    position: absolute; 
    left: 0%; 
    top: 0%; 
    right: auto; 
    bottom: auto; 
    max-width: 29%; 
    margin: 40% auto auto -2%;
} 

.sha-m3v.bogfs.shape---6m2 { 
    position: absolute; 
    left: auto; 
    top: 0%; 
    right: 0%; 
    bottom: auto; 
    max-width: 29%; 
    margin: 6% 8% auto auto;
} 

.sha-m3v.bogfs.shape---41r { 
    position: absolute; 
    left: 0%; 
    top: auto; 
    right: auto; 
    bottom: 0%; 
    max-width: 28%; 
    margin: 0% 0% -13% 16%;
} 

.sha-m3v.bogfs.shape---ij8 { 
    position: absolute; 
    left: auto; 
    top: auto; 
    right: 0%; 
    bottom: 0%; 
    max-width: 25%; 
    margin: auto -2% 28% auto;
} 

.image-36o.image-c6d { 
    display: block; 
    width: 100%; 
    max-width: 487px; 
    min-width: 400px; 
    -webkit-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1;
} 

.section-q3p h2 { 
    font-weight: bold; 
    margin-bottom: 10px;
} 

.section-q3p h2 { 
    font-size: 32px; 
    line-height: 36px; 
    margin-top: 20px;
} 

.section-q3p h2 { 
    margin-top: 0px; 
    margin-bottom: 16px; 
    color: #fff; 
    font-size: 38px; 
    line-height: 1.3em; 
    font-weight: 600;
} 

.mg-bottom-ork { 
    margin-bottom: 8px;
} 

.section-q3p p { 
    margin-top: 0; 
    margin-bottom: 10px;
} 

.section-q3p p { 
    margin-bottom: 20px;
} 

.mg-bottom-6l2 { 
    margin-bottom: 24px;
} 

.button-lf3 { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: start; 
    -webkit-justify-content: flex-start; 
    -ms-flex-pack: start; 
    justify-content: flex-start; 
    -webkit-box-align: start; 
    -webkit-align-items: flex-start; 
    -ms-flex-align: start; 
    align-items: flex-start;
} 

.section-q3p a { 
    background-color: transparent;
} 

.section-q3p a { 
    -webkit-transition: color 300ms ease; 
    transition: color 300ms ease; 
    color: #fff; 
    text-decoration: underline;
} 

.button-iah { 
    display: inline-block; 
    padding: 9px 15px; 
    background-color: #3898EC; 
    color: white; 
    border: 0; 
    line-height: inherit; 
    text-decoration: none; 
    cursor: pointer; 
    border-radius: 0;
} 

.button-wbn { 
    padding: 22px 40px; 
    border-radius: 10px; 
    background-color: #1649ff; 
    -webkit-transition: box-shadow 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    transition: box-shadow 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    transition: transform 300ms ease, box-shadow 300ms ease, background-color 300ms ease; 
    transition: transform 300ms ease, box-shadow 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    color: #fff; 
    line-height: 20px; 
    font-weight: 600; 
    text-align: center; 
    -webkit-transform-style: preserve-3d; 
    transform-style: preserve-3d;
} 

.button-wbn.button-34g { 
    border: 1px solid transparent; 
    background-color: #fff; 
    -webkit-transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    transition: color 300ms ease, transform 300ms ease, border-color 300ms ease, background-color 300ms ease; 
    transition: color 300ms ease, transform 300ms ease, border-color 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    color: #1649ff;
} 

.button-wbn.button-pxr { 
    margin-right: 24px; 
    margin-bottom: 24px;
} 

.section-q3p a:active,a:hover { 
    outline: 0;
} 

.section-q3p a:hover { 
    color: #a6acb8;
} 

.button-wbn:hover { 
    background-color: #515b72; 
    -webkit-transform: translate3d(0px, -2px, 0.01px); 
    transform: translate3d(0px, -2px, 0.01px); 
    color: #fff;
} 

.button-wbn.button-34g:hover { 
    border-color: #fff; 
    background-color: transparent; 
    color: #fff;
} 

.button-tdy { 
    padding: 22px 40px; 
    border-radius: 10px; 
    background-color: rgba(255, 255, 255, 0.18); 
    -webkit-transition: color 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    transition: color 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    transition: transform 300ms ease, color 300ms ease, background-color 300ms ease; 
    transition: transform 300ms ease, color 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease; 
    color: #fff; 
    line-height: 20px; 
    text-align: center; 
    -webkit-transform-style: preserve-3d; 
    transform-style: preserve-3d;
} 

.button-tdy.whi-rcr { 
    border-style: solid; 
    border-width: 1px; 
    border-color: #fff; 
    background-color: rgba(255, 255, 255, 0.1);
} 

.button-tdy:hover { 
    background-color: #1649ff; 
    -webkit-transform: translate3d(0px, -2px, 0.01px); 
    transform: translate3d(0px, -2px, 0.01px); 
    color: #fff;
} 

.button-tdy.whi-rcr:hover { 
    background-color: hsla(0, 0%, 100%, 0);
} 

@media screen and (max-width: 991px){ 
  .container-2s3 { 
    max-width: 728px;
  } 
}     

@media screen and (max-width: 479px){ 
  .container-2s3 { 
    max-width: none;
  } 
}     

@media screen and (max-width: 991px){ 
  .container-8sl { 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-align: stretch; 
    -webkit-align-items: stretch; 
    -ms-flex-align: stretch; 
    align-items: stretch;
  } 
}     

@media screen and (max-width: 479px){ 
  .container-8sl { 
    padding-right: 16px; 
    padding-left: 16px;
  } 
}     

@media screen and (max-width: 991px){ 
  .wrapper-g8t { 
    max-height: none; 
    padding-right: 32px; 
    padding-left: 32px; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column;
  } 
}     

@media screen and (max-width: 767px){ 
  .wrapper-g8t { 
    padding: 48px 24px; 
    border-radius: 16px;
  } 
}     

@media screen and (max-width: 991px){ 
  .wrapper-miq.rel-q5j { 
    width: 64%; 
    margin-top: 64px; 
    margin-right: auto; 
    margin-left: auto; 
    -webkit-box-ordinal-group: 2; 
    -webkit-order: 1; 
    -ms-flex-order: 1; 
    order: 1;
  } 
}     

@media screen and (max-width: 767px){ 
  .wrapper-miq.rel-q5j { 
    width: 80%; 
    margin-bottom: -48px;
  } 
}     

@media screen and (max-width: 479px){ 
  .wrapper-miq.rel-q5j { 
    width: 100%; 
    margin-top: 80px;
  } 
}     

@media screen and (max-width: 991px){ 
  .content-tia { 
    position: static; 
    max-width: 500px; 
    margin-right: 0px; 
    margin-left: 0px; 
    text-align: center;
  } 

  .image-36o.image-c6d { 
    min-width: auto;
  } 
}     

@media screen and (max-width: 767px){ 
  .section-q3p h2 { 
    font-size: 30px;
  } 

  .button-lf3 { 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-align: stretch; 
    -webkit-align-items: stretch; 
    -ms-flex-align: stretch; 
    align-items: stretch;
  } 
}     

@media screen and (max-width: 479px){ 
  .button-lf3 { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    margin-bottom: 0px; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column;
  } 
}     

@media screen and (max-width: 991px){ 
  .button-lf3.center-2yy { 
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
    -ms-flex-pack: center; 
    justify-content: center;
  } 
}     

@media screen and (max-width: 479px){ 
  .button-wbn { 
    display: block; 
    width: 100%; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    text-align: center;
  } 
}     

@media screen and (max-width: 767px){ 
  .button-wbn.button-pxr { 
    margin-right: 0px;
  } 
}     

@media screen and (max-width: 479px){ 
  .button-wbn.button-pxr { 
    margin-right: 0px; 
    margin-bottom: 16px;
  } 

  .button-tdy { 
    width: 100%; 
    padding-top: 20px; 
    padding-bottom: 20px;
  } 
}     


/* These were inline style tags. Uses id+class to override almost everything */
#style-mUzod.style-mUzod {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#style-sC1Ga.style-sC1Ga {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    transform-style: preserve-3d;  
    opacity: 1;  
}  
#style-Q3R9R.style-Q3R9R {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    transform-style: preserve-3d;  
    opacity: 1;  
}  
#style-2LA5C.style-2LA5C {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    transform-style: preserve-3d;  
    opacity: 1;  
}  
#style-5l4c7.style-5l4c7 {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    transform-style: preserve-3d;  
    opacity: 1;  
}  
#style-UFMHd.style-UFMHd {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#style-K4Ywr.style-K4Ywr {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#style-QG3kk.style-QG3kk {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#style-6f9vR.style-6f9vR {  
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  

    





#app {
	 height: 100%;
	 background-color: #1a1a1a;
	 color: white;
}
 .video-section {
	 padding: 3em 0em;
}
 .video-section-header {
	 margin-bottom: 1.5em;
}
 .character {
	 height: 100%;
	 overflow: hidden;
}
 .video-information {
	 color: white;
	 width: 100%;
}
 .video-description {
	 font-size: 0.9em;
}
 .video-card {
	 transition: opacity 0.3s;
	 display: flex;
}
 .video-card .video-card-content {
	 width: 70%;
}
 .video-card.active {
	 opacity: 0.5;
}
 .video-card .video-card-thumb {
	 position: relative;
	 width: 30%;
	 margin-right: 1em;
}
 .video-card .video-duration {
	 font-size: 0.9em;
}
 @media (min-width: 576px) and (max-width: 992px) {
	 .video-list {
		 display: flex;
		 flex-direction: row;
		 flex-wrap: wrap;
	}
	 .video-list .list-item {
		 padding: 0;
		 margin: 0;
		 padding-top: 1.5em;
		 margin-top: 1.5em;
		 border: 0px;
		 border-top: 1px solid;
		 border-top: 1px solid rgba(255, 255, 255, 0.2);
		 width: calc(50% - 1em);
	}
	 .video-list .list-item:nth-child(odd) {
		 margin-right: 2em;
	}
}
 .list-item {
	 padding-bottom: 1.5em;
	 margin-bottom: 1.5em;
	 border-bottom: 1px solid;
	 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
 .image-container {
	 overflow: hidden;
	 display: flex;
	 position: relative;
}
 .image-background {
	 height: 100%;
	 width: 100%;
	 position: absolute;
	 background-size: cover;
	 background-position: 50%;
}
 .aspect-ratio-16by9 {
	 padding-bottom: 56.25%;
}
 .video-card-thumb .image-container {
	 display: flex;
}
 .image-content-container {
	 height: 100%;
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 position: absolute;
}
 .displayed-video .video-image {
	 margin-bottom: 1.5em;
}
 .displayed-video .video-information {
	 margin-bottom: 1.5em;
}
 .displayed-video .video-play-icon {
	 font-size: 3em;
}
 .video-card .video-play-icon {
	 font-size: 1em;
}
 .video-play-icon {
	 display: flex;
	 background-color: white;
	 width: 1.5em;
	 height: 1.5em;
	 justify-content: center;
	 align-items: center;
	 border-radius: 100%;
}
 .video-play-icon img {
	 width: 0.75em;
	 height: 0.75em;
}
 .video-card {
	 cursor: pointer;
}
 .video-card .video-play-icon {
	 transition: transform 0.15s ease-in-out;
	 transform: scale(0);
}
 .video-card:hover .video-play-icon {
	 transform: scale(1);
}
 .video-card.active .video-play-icon {
	 transform: scale(0);
}
 .displayed-video {
	 display: flex;
	 flex-direction: column;
	 height: 100%;
	 position: relative;
}



#vidd {
  background: #00150F;
}
.heading-34s {
  color: #444;
  font-size: 40px;
  text-align: center;
  padding: 10px;
}
.container-34s {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 15px;
  align-items: flex-start;
  padding: 5px 5%;
}
.container-34s .main-video {

background: radial-gradient(at center bottom, #5F5314, #492335);
  border-radius: 5px;
  padding: 10px;
}
.container-34s .main-video video {
  width: 100%;
  border-radius: 5px;
}
.container-34s .main-video .title {
  color: #e6e6e6;
  font-size: 23px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.container-34s .video-list {
  background: background: radial-gradient(at center, #3B706A, #071111);
  border-radius: 5px;
  height: 582px;
  overflow-y: scroll;
}
.container-34s .video-list::-webkit-scrollbar {
  width: 7px;
}
.container-34s .video-list::-webkit-scrollbar-track {
  background: #ccc;
  border-radius: 50px;
}
.container-34s .video-list::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 50px;
}
.container-34s .video-list .vid video {
  width: 100px;
  border-radius: 5px;
}
.container-34s .video-list .vid {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #025949;
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.1);
  cursor: pointer;
}
.container-34s .video-list .vid:hover {
  background: #6a541f;
}
.container-34s .video-list .vid.active {
  background: #a9ae02;
}
.container-34s .video-list .vid.active .title {
  color: #fff;
}
.container-34s .video-list .vid .title {
  color: #fff;;
  font-size: 17px;
}
@media (max-width: 991px) {
  .container-34s {
    grid-template-columns: 1.5fr 1fr;
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .container-34s {
    grid-template-columns: 1fr;
  }
}





    
   @import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap'); 



.visi { 
    min-height: 100%; 
    color: #333; 
    background-color: #fff; 
    margin: 0; 
    font-family: Arial, sans-serif; 
    font-size: 14px; 
    line-height: 20px;
} 

.visi { 
    color: #babcc6; 
    background-color: #070719; 
    font-family: Inter, sans-serif; 
    font-size: 14px; 
    font-weight: 400; 
    line-height: 1.714em;
} 



.section-vby { 
    padding-top: 80px; 
    padding-bottom: 80px;
} 

.container-y5y { 
    max-width: 940px; 
    margin-left: auto; 
    margin-right: auto;
} 

.container-dj8 { 
    max-width: 940px; 
    margin-left: auto; 
    margin-right: auto; 
    display: block;
} 

.container-lxh { 
    max-width: 1244px; 
    padding-left: 24px; 
    padding-right: 24px;
} 

.container-lxh.lar-gf4 { 
    max-width: 1360px;
} 

.container-y5y:before,.container-y5y:after { 
    content: " "; 
    grid-area: 1 / 1 / 2 / 2; 
    display: table;
} 

.container-y5y:after { 
    clear: both;
} 

.card-29q { 
    z-index: 1; 
    background-color: #0e0e21; 
    border-radius: 8px; 
    position: relative;
} 

.card-29q.pd-88px---56px---fq3 { 
    padding: 88px 56px 124px;
} 

.column-ywh { 
    grid-column-gap: 28px; 
    grid-row-gap: 28px; 
    grid-template-rows: auto; 
    grid-template-columns: 1fr 1fr; 
    grid-auto-columns: 1fr; 
    align-items: center; 
    display: grid;
} 

@media screen and (min-width: 1440px){ 
  .column-ywh { 
    align-items: center;
  } 
}     

.column-ywh.grid-fqv { 
    grid-template-columns: .8fr 1fr; 
    align-items: start;
} 

.sticky-mq7 { 
    position: -webkit-sticky; 
    position: sticky; 
    top: 0;
} 

.sticky-mq7._24px-14s { 
    top: 24px;
} 

#w-n-92a { 
    grid-area: span 1 / span 1 / span 1 / span 1;
} 

.row-zmb { 
    grid-row-gap: 40px;
} 

.container-2t5._41-kl9 { 
    max-width: 415px;
} 

.container-kg6 { 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: flex-start; 
    padding-left: 28px; 
    display: flex; 
    position: relative;
} 

#w-n-e6y { 
    grid-area: span 1 / span 1 / span 1 / span 1;
} 

#w-n-7gl { 
    grid-area: span 1 / span 1 / span 1 / span 1;
} 

#w-n-9sd { 
    grid-area: span 1 / span 1 / span 1 / span 1;
} 

#w-n-rvw { 
    grid-area: span 1 / span 1 / span 1 / span 1;
} 

#w-n-4gm { 
    grid-area: span 1 / span 1 / span 1 / span 1;
} 

#w-n-3ni { 
    grid-area: span 1 / span 1 / span 1 / span 1;
} 

.mg-bottom-lah { 
    margin-bottom: 16px;
} 

.badge-x2d { 
    color: #fff; 
    text-align: center; 
    letter-spacing: .06em; 
    text-transform: uppercase; 
    background-color: rgba(255, 255, 255, .01); 
    border: .8px solid #505362; 
    border-radius: 40px; 
    padding: 10px 18px; 
    font-size: 10px; 
    line-height: 1.2em; 
    text-decoration: none; 
    display: inline-block; 
    box-shadow: inset 0 -2px 12px rgba(255, 255, 255, .2);
} 

.section-vby h2 { 
    margin-bottom: 10px; 
    font-weight: bold;
} 

.section-vby h2 { 
    margin-top: 20px; 
    font-size: 32px; 
    line-height: 36px;
} 

.section-vby h2 { 
    color: #fff; 
    margin-top: 0; 
    margin-bottom: 16px; 
    font-size: 38px; 
    font-weight: 500; 
    line-height: 1.316em;
} 

.mg-bottom-obw { 
    margin-bottom: 8px;
} 

.display-ogc { 
    color: #fff; 
    font-size: 38px; 
    font-weight: 500; 
    line-height: 1.316em;
} 

.heading-5d7 { 
    -webkit-text-fill-color: transparent; 
    background-image: linear-gradient(135deg, #fff, #cfd7ff); 
    -webkit-background-clip: text; 
    background-clip: text;
} 

.container-2t5._38-9lo { 
    max-width: 380px;
} 

.left-gradient-d78 { 
    width: 1px; 
    height: 100%; 
    background-image: linear-gradient(rgba(255, 255, 255, .4), rgba(0, 0, 0, 0)); 
    border-radius: 100%; 
    position: absolute; 
    top: 0%; 
    bottom: 0%; 
    left: 0%; 
    right: auto;
} 

.section-vby img { 
    border: 0;
} 

.section-vby img { 
    max-width: 100%; 
    vertical-align: middle; 
    display: inline-block;
} 

.section-vby img { 
    max-width: 100%; 
    display: inline-block;
} 

.image-gi9 { 
    max-height: 40px; 
    max-width: 40px; 
    min-height: 40px; 
    min-width: 40px;
} 

.section-vby h3 { 
    margin-bottom: 10px; 
    font-weight: bold;
} 

.section-vby h3 { 
    margin-top: 20px; 
    font-size: 24px; 
    line-height: 30px;
} 

.section-vby h3 { 
    color: #fff; 
    margin-top: 0; 
    margin-bottom: 8px; 
    font-size: 24px; 
    font-weight: 500; 
    line-height: 1.417em;
} 

.display-go5 { 
    color: #fff; 
    font-size: 24px; 
    font-weight: 500; 
    line-height: 1.333em;
} 

.section-vby p { 
    margin-top: 0; 
    margin-bottom: 10px;
} 

.section-vby p { 
    margin-bottom: 16px;
} 

.mg-bottom-qd1 { 
    margin-bottom: 0;
} 

.mg-bottom-cay { 
    margin-bottom: 24px;
} 

.button-oox { 
    align-items: center; 
    display: flex;
} 

.gradient-inside-5ci { 
    width: 100%; 
    height: 35%; 
    background-image: linear-gradient(#fff, rgba(0, 0, 0, 0)); 
    border-radius: 100%; 
    position: absolute; 
    top: 50%; 
    bottom: 50%; 
    left: 0; 
    transform: translate(0, -50%);
} 

.gradient-inside-5ci.bot-519 { 
    top: auto; 
    bottom: 0; 
    transform: translate(0);
} 

.wrapper-ffs { 
    cursor: pointer; 
    background-image: linear-gradient(#5ebbff, #3a5aff); 
    border-radius: 6px; 
    padding: 1px; 
    transition: transform .3s; 
    display: inline-block; 
    position: relative;
} 

.wrapper-ffs.button-11f { 
    margin-right: 16px;
} 

.wrapper-ffs:hover { 
    transform: scale(.96);
} 

#w-n-92a a { 
    background-color: rgba(0, 0, 0, 0);
} 

#w-n-92a a { 
    color: #fff; 
    text-decoration: underline; 
    transition: color .3s;
} 

.button-j8x { 
    color: #fff; 
    line-height: inherit; 
    cursor: pointer; 
    background-color: #3898ec; 
    border: 0; 
    border-radius: 0; 
    padding: 9px 15px; 
    text-decoration: none; 
    display: inline-block;
} 

.btn-secondary-y5y { 
    color: #fff; 
    text-align: center; 
    background-color: rgba(0, 0, 0, 0); 
    border: 1px solid #505362; 
    border-radius: 6px; 
    padding: 20px 24px; 
    font-size: 16px; 
    line-height: 1.125em; 
    transition: border-color .3s, transform .3s, background-color .3s, color .3s; 
    box-shadow: 0 4px 10px rgba(20, 20, 43, .04);
} 

.btn-secondary-y5y.sma-9s8 { 
    padding: 12px 24px; 
    font-size: 14px; 
    line-height: 1.143em;
} 

.section-vby a:active,a:hover { 
    outline: 0;
} 

.section-vby a:hover { 
    color: #3a5aff;
} 

.btn-secondary-y5y:hover { 
    color: #070719; 
    background-color: #fff; 
    border-color: #fff; 
    transform: scale(.96);
} 

.btn-primary-5eo { 
    z-index: 1; 
    color: #fff; 
    text-align: center; 
    background-color: #070719; 
    border: 0 solid rgba(61, 150, 255, .4); 
    border-radius: 6px; 
    justify-content: center; 
    padding: 20px 24px; 
    font-size: 16px; 
    font-weight: 700; 
    line-height: 1.125em; 
    text-decoration: none; 
    transition: background-color .3s, transform .3s, color .3s; 
    position: relative; 
    box-shadow: 0 2px 8px rgba(61, 150, 255, .4), inset 0 -2px 12px rgba(58, 113, 255, .5);
} 

.btn-primary-5eo.sma-9s8 { 
    padding: 12px 24px; 
    font-size: 14px; 
    font-weight: 500; 
    line-height: 1.143em; 
    transition: box-shadow .3s, background-color .3s, transform .3s, color .3s;
} 

.btn-primary-5eo:hover { 
    color: #fff; 
    transform: none;
} 

.button-sgz { 
    z-index: 0; 
    background-image: linear-gradient(#bed8ff, #3d96ff); 
    border-radius: 6px; 
    margin: 0; 
    display: block; 
    position: absolute; 
    top: 0%; 
    bottom: 0%; 
    left: 0%; 
    right: 0%;
} 

@media screen and (max-width: 767px){ 
  .section-vby { 
    padding-top: 72px; 
    padding-bottom: 72px;
  } 
}     

@media screen and (max-width: 991px){ 
  .container-y5y { 
    max-width: 728px;
  } 
}     

@media screen and (max-width: 479px){ 
  .container-y5y { 
    max-width: none;
  } 
}     

@media screen and (max-width: 991px){ 
  .container-dj8 { 
    max-width: 728px;
  } 
}     

@media screen and (max-width: 767px){ 
  .container-dj8 { 
    max-width: none;
  } 
}     

@media screen and (max-width: 479px){ 
  .container-lxh { 
    padding-left: 20px; 
    padding-right: 20px;
  } 
}     

@media screen and (max-width: 991px){ 
  .card-29q.pd-88px---56px---fq3 { 
    padding: 48px 40px 80px;
  } 
}     

@media screen and (max-width: 767px){ 
  .card-29q.pd-88px---56px---fq3 { 
    padding: 40px 32px 64px;
  } 
}     

@media screen and (max-width: 479px){ 
  .card-29q.pd-88px---56px---fq3 { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (max-width: 767px){ 
  .column-ywh { 
    grid-template-columns: 1fr;
  } 
}     

@media screen and (max-width: 991px){ 
  .column-ywh.grid-fqv { 
    grid-row-gap: 64px; 
    grid-template-columns: 1fr;
  } 
}     

@media screen and (max-width: 479px){ 
  .column-ywh.grid-fqv { 
    grid-row-gap: 48px;
  } 
}     

@media screen and (max-width: 991px){ 
  .sticky-mq7._24px-14s.table-353 { 
    position: static;
  } 

  .container-2t5.table-z8d { 
    max-width: 100%;
  } 
}     

@media screen and (max-width: 767px){ 
  .container-2t5._41-kl9 { 
    max-width: 100%;
  } 

  .container-kg6 { 
    padding-left: 24px;
  } 

  .mg-bottom-lah { 
    margin-bottom: 12px;
  } 
}     

@media screen and (max-width: 991px){ 
  .section-vby h2 { 
    font-size: 30px;
  } 
}     

@media screen and (max-width: 767px){ 
  .section-vby h2 { 
    margin-bottom: 12px; 
    font-size: 28px;
  } 
}     

@media screen and (max-width: 479px){ 
  .section-vby h2 { 
    font-size: 26px;
  } 
}     

@media screen and (max-width: 991px){ 
  .display-ogc { 
    font-size: 32px;
  } 
}     

@media screen and (max-width: 767px){ 
  .display-ogc { 
    font-size: 28px;
  } 
}     

@media screen and (max-width: 479px){ 
  .display-ogc { 
    font-size: 26px;
  } 
}     

@media screen and (max-width: 767px){ 
  .container-2t5._38-9lo { 
    max-width: 100%;
  } 
}     

@media screen and (max-width: 991px){ 
  .section-vby h3 { 
    font-size: 22px;
  } 
}     

@media screen and (max-width: 767px){ 
  .display-go5 { 
    font-size: 22px;
  } 
}     

@media screen and (max-width: 479px){ 
  .display-go5 { 
    font-size: 20px;
  } 
}     

@media screen and (max-width: 767px){ 
  .section-vby p { 
    margin-bottom: 12px;
  } 

  .mg-bottom-cay { 
    margin-bottom: 20px;
  } 
}     

@media screen and (max-width: 479px){ 
  .button-oox { 
    width: 100%; 
    flex-direction: column;
  } 

  .wrapper-ffs { 
    width: 100%;
  } 

  .wrapper-ffs.button-11f { 
    margin-bottom: 16px; 
    margin-right: 0;
  } 

  .btn-secondary-y5y { 
    width: 100%; 
    padding-top: 18px; 
    padding-bottom: 18px;
  } 

  .btn-primary-5eo { 
    width: 100%; 
    padding-top: 18px; 
    padding-bottom: 18px;
  } 
}     


/* These were inline style tags. Uses id+class to override almost everything */
#w-n-gza.style-rOXdG {  
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#w-n-e6y.style-bO2Vt {  
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#w-n-7gl.style-7xSFV {  
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#w-n-9sd.style-KRyTK {  
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#w-n-rvw.style-1BrRn {  
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#w-n-4gm.style-teo2L {  
   transform: translate3d(0px, 10%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1;  
    transform-style: preserve-3d;  
}  
#w-n-3ni.style-RN8tT {  
   transform: translate3d(0px, 10%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);  
    opacity: 1  
    transform-style: preserve-3d;  
}  
 
    



