:root {
    --mainColour: #31859c;
}

.banner-heading span {
    color: var(--mainColour);
}

.sub-heading {
    color: var(--mainColour);
    font-weight: 600;
}

.Frequently-tabs li a, .qus-des,
.heading-des, .sub-page-banner ul li a,
.ico-apps ul.check-list li p, .ico-apps-2 ul.check-list li p,
.feature-des, .banner-des, .menu ul li a, .mega-menu:before {
    color: black;
    text-align: justify;
    text-justify: inter-word;
}

.Frequently-tabs li a.active, .qus-title {
    color: var(--mainColour);
}

footer.bg-pattern {
    background-color: white;
}

footer.bg-pattern {
    padding-bottom: 20px;
}

.copyright {
    padding-top: 20px;
}

.link {
    color: red;
    font-size: 18px;
}
.black {
    color: black;
}

p {
    font-size: 17px;
}

.faq-tab p {
    font-size: 15px;
}

.roadmap-detail-box {
    max-width: 500px;
}

.menu ul li a:before {
    background: var(--mainColour);
}

ul.check-list li span {
    background: var(--mainColour);
}

header .logo img {
    transform: scale(1.5);
}

header.fixed .logo img {
    transform: scale(1.2);
}

header.fixed {
    padding: 5px 0px;
}

.transition.fixed .transition {
    max-width: 100px;
}

.owl-dot.active {
    background: var(--mainColour) !important;
}

.v-row:before {
    background: var(--mainColour);
}

.small-round {
    border-color: var(--mainColour);
}

.small-round span {
    background: var(--mainColour);
}

.date-title {
    color: var(--mainColour);
}

.top-scroll {
    background: var(--mainColour);
}

.banner-des.dark {
    color: var(--mainColour);
    font-size: 30px;
}

.work-process-title.small {
    font-size: 23px;
}

@media (min-width: 992px) {
    .menu ul li:hover a, .mega-menu:hover:before, .menu ul ul li.mega-menu:before, .menu ul ul li:hover > a {
        color: var(--mainColour);
    }
}

@media (max-width: 992px) {
    header .logo img {
        transform: scale(1.3);
    }

    header.fixed .logo img {
        transform: scale(1.1);
    }
}