:root {
    --mainTextColor: #404040;
    --placeHolderTextColor: #a0a0a0;
    --bgBody: #F7F7FD;
}

* {
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
}

body {
    background: var(--bgBody);
}

header {
    background: white;
    padding: 10px 0;
}


/* Content */
.loginBtn {
    text-decoration: none;
    color: var(--mainTextColor);
}

h2 {
    font-size: 1.5rem;
    color: --var(mainTextColor);
}

.textCenter {
    text-align: center;
}

.contentImg {
    max-width: 100%;
    border-radius: 10px;
}

.ourProductImg {
    border-radius: 10px;
}

.banner {
    padding: 100px 0;
}

.banner img {
    max-width: 100%;
    border-radius: 10px;
}

.banner h1 {
    color: var(--mainTextColor);
}

.banner h1 .code {
    background: #297af0;
    padding: 0 10px;
    color: white;
}

.viewMoreBtn {
    margin-left: 10px;
    color: #297af0;
    display: inline-block;
}

.downloadBtn {
    display: inline-block;
}

.contentBlock {
    padding-bottom: 70px;
}

.contentBlock h2 {
    font-size: 2.0em;
    color: var(--mainTextColor);
}

.contentBlockHeader {
    color: var(--mainTextColor);
}

.featuredProductBox {
    background: white;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
}

.featuredProductBox h4 {
    font-size: 1.3em;
    margin-bottom: 20px;
}

.txtBtn {
    color: #297af0;
    text-decoration: none;
}

.appLogo {
    width: 28px;
    margin-right: 10px;
}

.pContainer {
    padding: 50px 0 80px 0;
}




@keyframes marquee {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
    }
}



.ourProductsList {
    display: flex;
    list-style-type: none;
    animation: marquee 20s linear infinite alternate;
    white-space: nowrap;
}

.ourProductsList li {
    margin-right: 50px;
    font-weight: bold;
    font-size: 2.0rem;
    color: var(--mainTextColor);
    font-style: italic;
}

.pricingContainer__item {
    background: white;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
}

.pricingContainer__item ul {
    padding: 0;
    list-style-type: none;
}

.pricingContainer__item h3 {
    color: var(--mainTextColor);
}

.price {
    font-size: 1.5rem;
    display: block;
    margin: 20px 0;
    color: #297af0;
}

/* Components */
.container {
    overflow: hidden !important;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-20 {
    margin-top: 20px;
}

.roundedBtn {
    border-radius: 7px;
    padding: 10px 20px;
    text-decoration: none;
}

.whiteColor {
    color: white;
}

.blueBg {
    background-color: rgb(39, 136, 255);
}

.btn-primary {
    background: #297af0 !important;
}

.bg-white {
    background: white;
}

.nav-link {
    color: var(--mainTextColor) !important;
}

/* Footer */
footer {
    padding: 20px 0;
}

.footerMenu {
    padding: 0;
    margin-bottom: 20px;
}

.footerMenu__item {
    display: inline-block;
    margin-right: 15px;
    font-size: 0.9rem;
}

.footerMenu__item a {
    text-decoration: none;
    color: var(--mainTextColor);
}

.footerMenu__item a i {
    font-size: 1.5rem;
    color: var(--placeHolderTextColor);
}

.companyInfo {
    display: block;
    margin-bottom: 20px;
    color: var(--mainTextColor);
}