/* Site Fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');

body {
    font-family: 'Barlow', sans-serif !important;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}
ul {
    list-style-type: none;
}
:root {
    /* Color variables */
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-primary-dark: #618aff;
    --bs-primary-light: #a3c1ff;
    --bs-dark-light: #151e27;
    --bs-dark: #13181d;
    --bs-secondary-dark: #6b7a8d;
    --bs-secondary-light: #909baa;
    --bs-danger: #F5792C;
    --bs-bitcoin: #f7931b;
}

/* Color Info */
.text-info-dark {
    color: var(--bs-primary-dark) !important;
}

.text-info-light {
    color: var(--bs-primary-light) !important;
}

.text-info-bitcoin {
    color: var(--bs-bitcoin) !important;
}

/* Color Dark */
.text-dark {
    color: var(--bs-dark) !important;
}

.text-dark-light {
    color: var(--bs-dark-light) !important;
}

/* Color Secondary */
.text-secondary-dark {
    color: var(--bs-secondary-dark) !important;
}

.text-secondary-light {
    color: var(--bs-secondary-light) !important;
}

/* Background Color */


/* bg Info */
.bg-info-dark {
    background: var(--bs-primary-dark) !important;
}

.bg-info-light {
    background: var(--bs-primary-light) !important;
}

/* Color Dark */
.bg-dark {
    background: var(--bs-dark) !important;
}

.bg-dark-light {
    background: var(--bs-dark-light) !important;
}

/* Color Secondary */
.bg-secondary-dark {
    background: var(--bs-secondary-dark) !important;
}

.bg-secondary-light {
    background: var(--bs-secondary-light) !important;
}

/* Custom Font weight */
.fw-medium {
    font-weight: 500;
}

/* Custom Font size */
.fs-12 {
    font-size: 12px;
}

/* Custom Padding */
.pb-5 {
    padding-bottom: 30px !important;
}

/* Border Radius */
.rounded-1 {
    border-radius: 4px !important;
}

.rounded-2 {
    border-radius: 8px !important;
}

.rounded-3 {
    border-radius: 12px !important;
}

/* Border Color */
.border-dark {
    border-color: #222E3A !important;
}

.border-dark-light {
    border-color: #47515E !important;
}

/* Button Style Here... */
.btn {
    padding: 13px 36px;
    margin-right: 15px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    background: transparent;
}

.btn-primary {
    background-color: var(--bs-primary-dark);
    border-color: var(--bs-primary-dark);
    color: var(--bs-white);
}

.btn-primary:hover {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: var(--bs-white);
}
.cta-btn-primary {
    background-color: var(--bs-primary-dark);
    border-color: var(--bs-primary-dark);
    color: var(--bs-white);
    margin-left: 0px;
}

.cta-btn-primary:hover {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: var(--bs-white);
}
.logo-primary:hover {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: var(--bs-white);
}
.cursor-pointer{
    cursor: pointer;
}
/* Titles */
.title-xl {
    font-weight: 700;
    font-size: 60px;
    line-height: 1.2;
    text-align: center;
    color: var(--bs-white);
}

.title-xl-light {
    font-weight: 700;
    font-size: 60px;
    line-height: 1.5;
    text-align: center;
    padding-top: 0px;
    color: var(--bs-primary-light);
}
.title-xl-light-padded {
    font-weight: 700;
    font-size: 60px;
    line-height: 1.5;
    text-align: center;
    padding: 2% 0px;
    color: var(--bs-primary-light);
}


.title-xl-light-intro {
    font-weight: 700;
    font-size: 60px;
    line-height: 1.5;
    text-align: center;
    padding-top: 40px;
    color: var(--bs-primary-light);
}

.title-lg {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.21;
    color: var(--bs-primary-light);
}

.title-md {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    color: var(--bs-white);
}

.title-md-center {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    padding-bottom: 10px;
    text-align: center;
    color: var(--bs-white);
}
.title-md-center-intro {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    padding-bottom: 20px;
    text-align: center;
    color: var(--bs-white);
}

/* Services area style Here... */
.features-area {
    padding: 4% 0;
}

.features-blog-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: -198px;
    position: relative;
    z-index: 1;
}
.features-blog-item{
    background: #1a242e;
    margin-top: 20px;
}
.features-blog-item-des{
    font-size: 20px;
}
.features-icon-wrap {
    max-width: 155px;
    height: 115px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.features-items{
    margin-top: 7%;
}
.features-item-content {
    max-width: 355px;
    margin: 0 auto;
}
.features-des{
    color: #909baa;
}
/* Enterprise area Style here... */
.enterprise-item {
    padding: 97px 0 140px 0;
}

.enterprise-des {
    max-width: 482px;
}

.enterprise-area-left {
    max-width: 563px;
}

.enterprise-area-left-img {
    max-width: 420px;
    height: 188px;
    margin-left: 20px;
    margin-top: 60px;
}

.enterprise-area-right {
    max-width: 482px;
    margin-left: auto;
}

.enterprise-area-right-img {
    max-width: 476px;
    height: 325px;
    margin-top: 24px;
}

/* Contributors Area  style here... */
.contributors-area {
    padding: 4% 0;
}
.contributors-area .title-xl-light {
    padding-bottom: 30px;
}

/* Contributors Area  style here... */
.integrations-area {
    padding: 4% 0;
}
.integrations-area .title-xl {
    padding-bottom: 30px;
}

/* Works With Section  style here... */
.work-with-area {
    padding: 97px 0 72px 0;
}

.work-with-item {
    max-width: 833px;
    margin: 0 auto;
    padding: 050px 0;
}
.footer-item {
    max-width: 100%;
    margin: 0 5%;
    padding: 10px 0;
}

.work-with-img {
    max-width: 260px;
}

.work-with-content {
    max-width: 275px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
    color: var(--bs-white);
}

/* CTA Section  style here... */
.CTA-item {
    max-width: 833px;
    margin-right: 0px;
    padding: 020px 10;
}

/* Intro Section  style here... */
.intro-content-home {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: var(--bs-white);
}

#Intro {
    padding-top: 140px;
    margin-top: -120px;
}


.intro-content {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: var(--bs-white);
}

.intro-area {
    padding-top: 120px;
}

.intro-item-home {
    max-width: 100%;
    margin: 0;
    padding: 30px 5%;
}
.intro-item {
    max-width: 100%;
    margin: 0;
    padding: 18px 10%;
}
.intro-title-md-light {
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    padding: 18px 5% 10px 5%;
    color: var(--bs-primary-light);
}
.intro-title-md-light:after {
    content: "";
    display: block;
    width: 100%;
    margin-top: 10px;
    border-bottom: solid;
    border-width: 1px;
    border-color: #222e3a;
}
.intro-diagram {
    background-color: #fff;
    margin-bottom: 15px;
}

/* Getting Started Section  style here... */
.getting-started-area {
    padding: 5% 0;
}

#GettingStarted {
    padding-top: 120px;
    margin-top: -120px;
}

.getting-started-item {
    max-width: 833px;
    margin: 0 auto;
    padding: 050px 0;
}

.getting-started-img {

    text-align: center;

}
.getting-started-img img {
    width: 260px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: 0;
}

.getting-started-content {
    max-width: 300px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.8;
    color: var(--bs-white);
}
.getting-started-CTA {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.8;
    padding: 7% 0 2% 0;
    color: var(--bs-white);
}

/* Footer Area Style Here.. */
.footer {
    padding: 20px 0 20px 0;
}
.footer-menu {
    max-width: 70%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.column {
    flex: 1;
    margin-right: 30px;
}
        
.column:last-child {
    margin-right: 0;
}
        
.column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
        
.column li {
    margin-bottom: 5px;
    margin-right: 15px;
}
        
.column a {
    display: block;
    text-decoration: none;
    line-height: 1.2;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}
    
.footer-item-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    color: var(--bs-white);
}

.footer-nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: var(--bs-secondary-dark);
    text-decoration: none;
    display: block;
}

.footer-nav-link:hover {
    color: var(--bs-bitcoin);
}

.copy-right {
    font-weight: 400;
    font-size: 14px;
    line-height: 2;
    color: var(--bs-secondary-dark);
    margin: 0px 5%;
}

/* Nav Bar Style Here... */
.vls-header{
    z-index: 2;
}
.vls-navbar{
    padding-top: 44px;
}
.vls-navbar .navbar-brand{
    max-width: 350px;
}
.vls-navbar .navbar-nav .nav-link{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: var(--bs-white);
}
.vls-navbar .navbar-nav .nav-link.active, .vls-navbar .navbar-nav .show>.nav-link,
.vls-navbar .navbar-nav .nav-link:focus, .vls-navbar .navbar-nav .nav-link:hover{
    color: var(--bs-white);
}
.nav-item:last-child .nav-link{
    padding-right: 0 !important;

}
.navbar-light .navbar-toggler-icon {
    background-image: url('../images/menu.png');
    width: 18px;
    height: 16px;
}
.navbar-light .navbar-toggler {
    color: transparent;
    border-color: transparent;
    padding-right: 0;
}
/* Hero Area Style Here... */
.hero-area {
    /* background: var(--bs-dark-light); */
    padding-bottom: 148px;
    padding-top: 190px;
    margin-top: -124px;
    z-index: 1;
    background: url(../images/hero-after.svg) var(--bs-dark-light) no-repeat;
    background-size: 1034px;
    background-position-x: right;
}
.hero-area-intro {
    /* background: var(--bs-dark-light); */
    padding-bottom: 40px;
    padding-top: 190px;
    margin-top: -124px;
    z-index: 1;
    background: url(../images/hero-after.svg) var(--bs-dark-light) no-repeat;
    background-size: 1034px;
    background-position-x: right;
}
.hero-left-side{
    max-width: 500px;
}
.hero-right-side svg{
    margin-left: 60px;
}
.hero-des{
    font-weight: 400;
    font-size: 24px;
    line-height: 1.21;
    color: var(--bs-white);
    max-width: 360px;
}
.hero-area::before {
    content: "";
    background: url(../images/hero-before.svg) no-repeat;
    width: 802px;
    height: 446px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 800px;
    background-position: center;
    z-index: -1;
}

/* FAQ Area Style Here... */
.faq-area {
    /* background: var(--bs-dark-light); */
    padding-bottom: 40px;
    padding-top: 190px;
    margin-top: -124px;
    z-index: -1;
    background: url(../images/hero-after.svg) var(--bs-dark-light) no-repeat;
    background-size: 1034px;
    background-position-x: right;
}
.faq-left-side{
    max-width: 500px;
}
.faq-right-side svg{
    margin-left: 60px;
}
.faq-des {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.21;
    color: var(--bs-white);
    max-width: 360px;
}
.faq-area::before {
    content: "";
    background: url(../images/hero-before.svg) no-repeat;
    width: 802px;
    height: 446px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 800px;
    background-position: center;
    z-index: -1;
}

a.features-blog-item {
    display: block;
    text-decoration: none;
}

a.features-blog-item:hover {
    text-decoration: underline;
}

ul.list-styled {
    list-style: disc;
}

ul.intro-list-styled {
    list-style: circle;
}

/* Blog Styles Here */

.blog-link {
    font-weight: 700;
    font-size: 24px;
    display: flex;
    align-items: center;
}

.blog-title-xl-light-padded {
    font-weight: 700;
    font-size: 60px;
    line-height: 1.25;
    text-align: center;
    padding: 2% 0px 3% 0px;
    color: var(--bs-primary-light);
}

.blog-post-title {
    font-weight: 700;
    font-size: 52px;
    line-height: 1.25;
    text-align: left;
    padding: 2% 0px 0 0px;
    color: var(--bs-primary-light);
}
.blog-post-date {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
    text-align: left;
    padding: 1% 0px 5% 0px;
    color: white;
}

.container-blog {
    max-width: 90%;
    margin: 0 auto;
}

.post h2 {
    color: var(--bs-primary-light);
    padding: 3% 0 10px 0;
    border-bottom: 1px solid #222E3A;
}
  
.post p {
    color: white;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0px;
    padding: 10px 5%;
}
  
.post a {
    color: var(--bs-bitcoin);
    font-weight: 400;
    font-size: 20px;
}
.post strong {
    color: var(--bs-bitcoin);
}

.post ul {
    list-style: none; /* This removes the default bullets */
}
  
.post ul li {
    color: white;
    position: relative; /* This enables absolute positioning for children elements */
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0px;
    padding: 3px 5%;
}
  
.post ul li::before {
    content: '•'; /* This is your custom bullet */
    position: absolute;
    left: -1em; /* This positions the bullet to the left of the list item */
    color: white;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0px;
    padding: 0px 5%;
}

.post-item {
    display: grid;
    grid-template-columns: 2fr 2fr; /* change the ratio as needed */
    grid-gap: 20px; /* space between image and text */
    align-items: center; /* center items vertically */
    margin-bottom: 50px;
}

.post-image {
    max-width: 384px;
    width: 100%;
    height: auto;
    max-height: 216px; /* limit the maximum height of the image */
    border-radius: 30px;
}

.post-image:hover {
    outline: 3px solid var(--bs-bitcoin); /* outline when mouse is over the image */
}

.post-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.post-date {
    font-size: 14px; /* adjust this according to your responsive design */
    color: white;
    margin-top: 10px; /* adjust this according to your responsive design */
}