body {
    font-family: 'Montserrat', sans-serif;
    background: #201E25;
    color: #fff;
}

a {
    color: #31abf0;
    text-decoration: none;
}

    a:hover {
        color: #31abf0;
        text-decoration: none;
    }

h1, h2, h3, h4, h5, h6 {
}
span {
    color: #34ADF3 !important;
}
.pd-bottom80 {
    padding-bottom: 80px !important;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #1a1814;
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #1a1814;
        border-top-color: #31abf0;
        border-bottom-color: #31abf0;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        animation: animate-preloader 1s linear infinite;
    }

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    transition: all 0.4s;
    border: 2px solid #31abf0;
}

    .back-to-top i {
        font-size: 28px;
        color: #31abf0;
        line-height: 0;
    }

    .back-to-top:hover {
        background: #31abf0;
        color: #1a1814;
    }

        .back-to-top:hover i {
            color: #444444;
        }

    .back-to-top.active {
        visibility: visible;
        opacity: 1;
    }

@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

#header {
    transition: all 0.5s;
    z-index: 997;
    padding: 15px 0;
}

    #header.header-scrolled {
        top: 0;
        background: rgba(0, 0, 0, 0.85);
        border-bottom: 1px solid #37332a;
    }

    #header .logo {
        font-size: 28px;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

        #header .logo a {
            color: #fff;
        }

        #header .logo img {
            max-height: 40px;
        }

.navbar .megamenu {
    padding: 0;
}

@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}

@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}

.logo {
    width: 298px;
}

.free-consultation-btn {
    margin: 0;
    background-color: #6C48C3;
    color: #fff;
    border-radius: 4px;
    padding: 11px 16px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

    .free-consultation-btn:hover {
        border: 1px solid #fff;
        color: #fff !important;
        background-color: transparent;
    }

.metaverse-space-btn {
    margin: 0;
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
    padding: 11px 16px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
    border: 1px solid #fff;
}

    .metaverse-space-btn:hover {
        color: #fff;
        background-color: #6C48C3;
    }

.telephone-number {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

    .telephone-number:hover {
        color: #fff;
    }

    .telephone-number i {
        color: #6C48C3;
        font-size: 18px;
    }

.telephone-icon {
    display: inline-block;
    float: left;
    margin-top: 1px;
    margin-right: 7px;
    rotate: 17.1deg;
}

@media (max-width: 992px) {
    .free-consultation-btn {
        margin: 0 15px 0 0;
        padding: 8px 20px;
    }
}

.navbar {
    padding: 0;
}

    .navbar li {
        position: relative;
    }

    .navbar a, .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 10px 35px;
        color: #fff;
        white-space: nowrap;
        transition: 0.3s;
        font-size: 15px;
        font-weight: 500;
    }

        .navbar a i, .navbar a:focus i {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px;
        }

        .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
            color: #31abf0;
        }

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: #fff;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

.dropdown-menu.megamenu {
    background-color: #131521;
}

.navbar .dropdown ul li {
    min-width: 200px;
}

.navbar .dropdown ul a {
    padding: 20px 20px;
    color: #fff;
}

    .navbar .dropdown ul a i {
        font-size: 12px;
    }

    .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
        color: #34ADF3;
        background-color: transparent;
    }

.navbar .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff;
    background: #131521;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.mobile-nav-toggle {
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.3s;
    z-index: 999;
}

    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        border-radius: 6px;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }

    .navbar-mobile a, .navbar-mobile a:focus {
        padding: 10px 20px;
        font-size: 15px;
        color: #1a1814;
    }

        .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
            color: #cda45e;
        }

    .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
        margin: 15px;
    }

    .navbar-mobile .dropdown ul {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

        .navbar-mobile .dropdown ul li {
            min-width: 200px;
        }

        .navbar-mobile .dropdown ul a {
            padding: 10px 20px;
        }

            .navbar-mobile .dropdown ul a i {
                font-size: 12px;
            }

            .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
                color: #cda45e;
            }

    .navbar-mobile .dropdown > .dropdown-active {
        display: block;
    }

#hero {
    width: 100%;
    height: auto;
    background: url("../png/about-us.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero .container {
        padding-top: 98px;
    }
}

#hero h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero h1 span {
        color: #cda45e;
    }

#hero h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 700;
}

#hero .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-culture {
    width: 100%;
    height: auto;
    background: url("../png/culture-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-culture:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-culture .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-culture .container {
        padding-top: 98px;
    }
}

#hero-culture h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-culture h1 span {
        color: #cda45e;
    }

#hero-culture h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 700;
}

#hero-culture .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-culture h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-culture h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-services {
    width: 100%;
    height: auto;
    background: url("../png/services-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-services:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-services .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-services .container {
        padding-top: 98px;
    }
}

#hero-services h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-services h1 span {
        color: #cda45e;
    }

#hero-services h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 700;
}

#hero-services .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-services h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-services h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-innovation {
    width: 100%;
    height: auto;
    background: url("../png/innovation-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-innovation:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-innovation .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-innovation .container {
        padding-top: 98px;
    }
}

#hero-innovation h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-innovation h1 span {
        color: #cda45e;
    }

#hero-innovation h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 700;
}

#hero-innovation .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-innovation h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-innovation h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-hexa {
    width: 100%;
    height: auto;
    background: url("../png/hexa-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-hexa:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-hexa .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-innovation .container {
        padding-top: 98px;
    }
}

#hero-hexa h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-hexa h1 span {
        color: #cda45e;
    }

#hero-hexa h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 700;
}

#hero-hexa .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-hexa h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-hexa h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-vision {
    width: 100%;
    height: auto;
    background: url("../png/vision-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-vision:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-vision .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-vision .container {
        padding-top: 98px;
    }
}

#hero-vision h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-vision h1 span {
        color: #cda45e;
    }

#hero-vision h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 700;
}

#hero-vision .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-vision h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-vision h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-devops {
    width: 100%;
    height: auto;
    background: url("../png/devops-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-devops:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-devops .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-devops .container {
        padding-top: 98px;
    }
}

#hero-devops h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-devops h1 span {
        color: #cda45e;
    }

#hero-devops h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-devops .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-devops h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-devops h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-custom-app {
    width: 100%;
    height: auto;
    background: url("../png/custom-app-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-custom-app:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-custom-app .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-custom-app .container {
        padding-top: 98px;
    }
}

#hero-custom-app h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-custom-app h1 span {
        color: #cda45e;
    }

#hero-custom-app h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-custom-app .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-custom-app h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-custom-app h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-hexa-ui {
    width: 100%;
    height: auto;
    background: url("../png/hexa-ui-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-hexa-ui:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-hexa-ui .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-hexa-ui .container {
        padding-top: 98px;
    }
}

#hero-hexa-ui h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-hexa-ui h1 span {
        color: #cda45e;
    }

#hero-hexa-ui h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-hexa-ui .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-hexa-ui h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-hexa-ui h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-metaverse {
    width: 100%;
    height: auto;
    background: url("../png/metaverse-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-metaverse:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-metaverse .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-metaverse .container {
        padding-top: 98px;
    }
}

#hero-metaverse h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-metaverse h1 span {
        color: #cda45e;
    }

#hero-metaverse h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-metaverse .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-metaverse h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-metaverse h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-blockchain {
    width: 100%;
    height: auto;
    background: url("../png/blockchain-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-blockchain:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-blockchain .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-blockchain .container {
        padding-top: 98px;
    }
}

#hero-blockchain h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-blockchain h1 span {
        color: #cda45e;
    }

#hero-blockchain h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-blockchain .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-blockchain h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-blockchain h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-artificial-intelligence {
    width: 100%;
    height: auto;
    background: url("../png/artificial-intelligence-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-artificial-intelligence:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-artificial-intelligence .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-artificial-intelligence .container {
        padding-top: 98px;
    }
}

#hero-artificial-intelligence h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-artificial-intelligence h1 span {
        color: #cda45e;
    }

#hero-artificial-intelligence h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-artificial-intelligence .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-artificial-intelligence h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-artificial-intelligence h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-tech-consulting {
    width: 100%;
    height: auto;
    background: url("../png/tech-consulting-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-tech-consulting:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-tech-consulting .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-tech-consulting .container {
        padding-top: 98px;
    }
}

#hero-tech-consulting h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-tech-consulting h1 span {
        color: #cda45e;
    }

#hero-tech-consulting h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-tech-consulting .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-tech-consulting h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-tech-consulting h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-cloud-computing {
    width: 100%;
    height: auto;
    background: url("../png/cloud-computing-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-cloud-computing:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-cloud-computing .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-cloud-computing .container {
        padding-top: 98px;
    }
}

#hero-cloud-computing h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-cloud-computing h1 span {
        color: #cda45e;
    }

#hero-cloud-computing h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-cloud-computing .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-cloud-computing h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-cloud-computing h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-machine-learning {
    width: 100%;
    height: auto;
    background: url("../png/machine-learning-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-machine-learning:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-machine-learning .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-machine-learning .container {
        padding-top: 98px;
    }
}

#hero-machine-learning h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-machine-learning h1 span {
        color: #cda45e;
    }

#hero-machine-learning h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-machine-learning .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-machine-learning h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-machine-learning h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-big-data {
    width: 100%;
    height: auto;
    background: url("../png/big-data-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-big-data:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-big-data .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-big-data .container {
        padding-top: 98px;
    }
}

#hero-big-data h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-big-data h1 span {
        color: #cda45e;
    }

#hero-big-data h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-big-data .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-big-data h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-big-data h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-progressive-web {
    width: 100%;
    height: auto;
    background: url("../png/progressive-web-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-progressive-web:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-progressive-web .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-progressive-web .container {
        padding-top: 98px;
    }
}

#hero-progressive-web h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-progressive-web h1 span {
        color: #cda45e;
    }

#hero-progressive-web h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-progressive-web .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-progressive-web h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-progressive-web h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-chatbot {
    width: 100%;
    height: auto;
    background: url("../png/chatbot-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-chatbot:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-chatbot .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-chatbot .container {
        padding-top: 98px;
    }
}

#hero-chatbot h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-chatbot h1 span {
        color: #cda45e;
    }

#hero-chatbot h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-chatbot .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-chatbot h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-chatbot h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-it-staff {
    width: 100%;
    height: auto;
    background: url("../png/it-staff-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-it-staff:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-it-staff .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-it-staff .container {
        padding-top: 98px;
    }
}

#hero-it-staff h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-it-staff h1 span {
        color: #cda45e;
    }

#hero-it-staff h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-it-staff .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-it-staff h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-it-staff h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-partners {
    width: 100%;
    height: auto;
    background: url("../png/partners-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-partners:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-partners .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-partners .container {
        padding-top: 98px;
    }
}

#hero-partners h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-partners h1 span {
        color: #cda45e;
    }

#hero-partners h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-partners .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-partners h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-partners h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-contact {
    width: 100%;
    height: auto;
    background: url("../png/contact-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-contact:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-contact .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-contact .container {
        padding-top: 98px;
    }
}

#hero-contact h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-contact h1 span {
        color: #cda45e;
    }

#hero-contact h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-contact .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

}

@media (max-width: 768px) {
    #hero-contact h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-contact h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-free-consult {
    width: 100%;
    height: auto;
    background: url("../png/free-consult-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-free-consult:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-free-consult .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-free-consult .container {
        padding-top: 98px;
    }
}

#hero-free-consult h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-free-consult h1 span {
        color: #cda45e;
    }

#hero-free-consult h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-free-consult .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

@media (max-width: 768px) {
    #hero-free-consult h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-free-consult h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

#hero-thankyou-consult {
    width: 100%;
    height: auto;
    background: url("../png/thankyou-freeconsult.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-thankyou-consult:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-thankyou-consult .container {
        padding-top: 110px;
    }

.thankyou-page img {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-top: -81px;
}

.thankyou-content {
    top: 28%;
    left: 32%;
    width: 600px;
    text-align: center;
}

    .thankyou-content img {
        width: auto;
        text-align: center;
    }

    .thankyou-content h1 {
        font-size: 32px;
        font-weight: 600;
        color: #34ADF3;
    }

    .thankyou-content h2 {
        font-size: 25px;
        font-weight: 600;
        color: #fff;
    }

@media (max-width: 992px) {
    #hero-thankyou-consult .container {
        padding-top: 98px;
    }
}

#hero-thankyou-consult h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-thankyou-consult h1 span {
        color: #cda45e;
    }

#hero-thankyou-consult h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 600;
}

#hero-thankyou-consult .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

@media (max-width: 768px) {
    #hero-thankyou-consult h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-thankyou-consult h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 8%;
    padding-top: 0;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
    top: 32%;
    width: 440px;
}

    .carousel-caption h3 {
        font-weight: 500;
        font-size: 18px;
        color: #34ADF3;
    }

    .carousel-caption h2 {
        font-weight: 700;
        font-size: 25px;
        color: #fff;
    }

    .carousel-caption p {
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        font-family: 'Nunito Sans', sans-serif;
    }

.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #46A8DF;
}

section {
    padding: 80px 0;
    overflow: hidden;
}

.section-bg {
    background-color: #1a1814;
}

.section-title {
    padding-bottom: 40px;
}

    .section-title h2 {
        font-size: 27px;
        font-weight: 600;
        padding: 0;
        margin: 0 0 5px 0;
        color: #fff;
    }

    .section-title p {
        margin: 0;
        font-weight: 600;
        font-size: 34px;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.discover-heading {
    font-weight: 600;
    font-size: 34px;
    color: #fff;
}

.gradient-text {
    background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.breadcrumbs {
    padding: 15px 0;
    background: #1d1b16;
    margin-top: 110px;
}

@media (max-width: 992px) {
    .breadcrumbs {
        margin-top: 98px;
    }
}

.breadcrumbs h2 {
    font-size: 26px;
    font-weight: 300;
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

    .breadcrumbs ol li + li {
        padding-left: 10px;
    }

        .breadcrumbs ol li + li::before {
            display: inline-block;
            padding-right: 10px;
            color: #37332a;
            content: "/";
        }

@media (max-width: 768px) {
    .breadcrumbs .d-flex {
        display: block !important;
    }

    .breadcrumbs ol {
        display: block;
    }

        .breadcrumbs ol li {
            display: inline-block;
        }
}

#about {
    position: relative
}

    #about::before {
        content: '';
        background: url("../png/about-grad-bg.png") top left;
        position: absolute;
        top: 20px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

.about {
    background: #18171D;
    background-size: cover;
    padding: 80px 0 0;
}

    .about .about-img {
        position: relative;
        transition: 0.5s;
    }

        .about .about-img:hover {
            transform: scale(1.03);
        }

            .about .about-img:hover::before {
                left: 10px;
                top: 10px;
            }

            .about .about-img:hover::after {
                right: 10px;
                bottom: 10px;
            }

    .about .content {
        position: relative;
    }

        .about .content h3 {
            font-weight: 600;
            font-size: 34px;
            background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .about .content p {
            font-family: 'Nunito Sans', sans-serif;
            font-weight: 400;
            font-size: 18px;
            color: #EAEAEA;
            line-height: 29px;
        }

        .about .content ul {
            list-style: none;
            padding: 0;
        }

            .about .content ul li {
                padding-bottom: 10px;
            }

            .about .content ul i {
                font-size: 20px;
                padding-right: 4px;
                color: #cda45e;
            }

        .about .content p:last-child {
            margin-bottom: 0;
        }

.career-word {
    font-size: 27px;
    font-weight: 500;
    color: #FDFAFE;
}

@media (min-width: 1024px) {
    .about {
        background-attachment: fixed;
    }
}

.years {
    position: relative;
    margin-top: 10px;
}

    .years::before {
        content: '';
        position: absolute;
        background-color: #6C48C3;
        width: 56px;
        height: 4px;
        top: -12px;
        left: 0;
    }

    .years p {
        font-size: 21px !important;
        font-weight: 400 !important;
        line-height: 26px !important;
        letter-spacing: 0.02em !important;
        text-align: left !important;
        color: #16D0F6 !important;
        font-family: 'Montserrat', sans-serif !important;
    }

    .years h2 {
        font-size: 38px !important;
        font-weight: 600 !important;
        line-height: 46px !important;
        letter-spacing: 0.12em !important;
        text-align: left !important;
    }

#why-us {
    background: #1D1C22;
    position: relative;
}

    #why-us::before {
        content: '';
        background: url("../png/why-us-grad-bg.png") top right;
        position: absolute;
        top: 20px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

.why-us .box {
    padding: 50px 30px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.3s;
    background: #1a1814;
}

    .why-us .box span {
        display: block;
        font-size: 28px;
        font-weight: 700;
        color: #cda45e;
    }

    .why-us .box h4 {
        font-size: 24px;
        font-weight: 600;
        padding: 0;
        margin: 20px 0;
        color: rgba(255, 255, 255, 0.8);
    }

    .why-us .box p {
        color: #aaaaaa;
        font-size: 15px;
        margin: 0;
        padding: 0;
    }

    .why-us .box:hover {
        background: #cda45e;
        padding: 30px 30px 70px 30px;
        box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
    }

        .why-us .box:hover span, .why-us .box:hover h4, .why-us .box:hover p {
            color: #fff;
        }

.content {
    position: relative;
    overflow: hidden;
}

    .content .content-overlay {
        background: #292929;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .content:hover .content-overlay {
        opacity: 1;
    }

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: left;
    padding-left: 2em;
    padding-right: 2em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content-details h3 {
    font-weight: 500;
    font-size: 27px;
    background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content-details p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #EAEAEA;
    line-height: 28px;
}

.fadeIn-bottom {
    top: 80%;
}

.fadeIn-top {
    top: 20%;
}

.fadeIn-left {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
}

.service-image-heading {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 4%;
    left: 5%;
    z-index: 444;
}

.content:hover .service-image-heading {
    display: none;
}

.services-btn {
    font-weight: 600;
    font-size: 20px;
}

.stand-heading {
    font-weight: 600;
    font-size: 34px;
    background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.strategize-column h4 {
    font-weight: 500;
    font-size: 24px;
    color: #17B0D0;
}

.strategize-column p {
    font-weight: 400;
    font-size: 18px;
    color: #eaeaea;
    font-family: 'Nunito Sans', sans-serif;
}

.service-image-heading {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 4%;
    left: 5%;
    z-index: 444;
}

.content:hover .service-image-heading {
    display: none;
}

#intresting-insight {
    position: relative;
}

    #intresting-insight::before {
        content: '';
        background: url("../png/interest-grad-bg.png") top right;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

figure.test {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

    figure.test img {
        width: 100%;
        height: 100%;
    }

    figure.test figcaption {
        position: absolute;
        top: 50%;
        left: 12%;
        right: 12%;
        opacity: 0;
        z-index: 1;
        transition: all 0.8s ease-out;
        transition-delay: 0.2s;
        text-align: left;
    }

        figure.test figcaption h1 {
            font-weight: 600;
            font-size: 18px;
        }

        figure.test figcaption p {
            font-weight: 400;
            font-size: 17px;
            color: #C4C4C4;
            line-height: 25px;
            font-family: 'Nunito Sans', sans-serif;
        }

    figure.test:after {
        display: inline-block;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #18171D;
        opacity: 0;
        transition: all 0.8s ease-out;
    }

    figure.test:hover:after {
        opacity: 1;
    }

    figure.test:hover figcaption {
        transform: translateY(-50%);
        opacity: 1;
    }

.intresting-image-heading {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 4%;
    left: 5%;
    z-index: 444;
    text-align: left;
}

figure:hover .intresting-image-heading {
    display: none;
}

#career {
    position: relative;
}

    #career::before {
        content: '';
        background: url("../png/careers-grad-bg.png") top left;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

#partners {
    position: relative;
}

    #partners::before {
        content: '';
        background: url("../png/partners-grad-bg.png") center bottom;
        position: absolute;
        top: 55%;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

#footer {
    background: black;
    padding: 0 0 0 0;
    color: #fff;
    font-size: 14px;
}

    #footer .footer-top {
        background: linear-gradient(116deg, #201D29 0%, #0C0129 100%);
        padding: 60px 0 30px 0;
    }

        #footer .footer-top .footer-info {
            margin-top: 30px;
        }

            #footer .footer-top .footer-info h3 {
                font-size: 24px;
                margin: 0 0 20px 0;
                padding: 2px 0 2px 0;
                line-height: 1;
                font-weight: 300;
                text-transform: uppercase;
            }

            #footer .footer-top .footer-info p {
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 0;
                color: #fff;
            }

        #footer .footer-top .social-links a {
            font-size: 18px;
            display: inline-block;
            background: transparent;
            color: #fff;
            line-height: 1;
            padding: 8px 0;
            margin-right: 4px;
            border-radius: 50%;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
        }

            #footer .footer-top .social-links a:hover {
                background: #31abf0;
                color: #fff;
                text-decoration: none;
            }

        #footer .footer-top h4 {
            font-size: 22px;
            font-weight: 600;
            background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            position: relative;
            padding-bottom: 12px;
            display: inline-block;
            float: left;
        }

        #footer .footer-top h3 {
            font-size: 26px;
            font-weight: 700;
            color: #3B9FFC;
            position: relative;
            padding-bottom: 12px;
            display: inline-block;
            float: none;
        }

        #footer .footer-top .footer-links {
            margin-bottom: 30px;
        }

            #footer .footer-top .footer-links ul {
                list-style: none;
                padding: 0;
                margin: 0;
                float: left;
            }

                #footer .footer-top .footer-links ul li {
                    padding: 4px 0 0 35px;
                    display: inline;
                    align-items: center;
                    float: left;
                }

                #footer .footer-top .footer-links ul a {
                    color: #fff;
                    transition: 0.3s;
                    line-height: 1;
                    font-size: 17px;
                    font-weight: 500;
                }

                    #footer .footer-top .footer-links ul a:hover {
                        color: #31abf0;
                    }

        #footer .footer-top .footer-newsletter form {
            margin-top: 30px;
            background: #28251f;
            padding: 6px 10px;
            position: relative;
            border-radius: 50px;
            border: 1px solid #454035;
        }

            #footer .footer-top .footer-newsletter form input[type=email] {
                border: 0;
                padding: 4px;
                width: calc(100% - 110px);
                background: #28251f;
                color: white;
            }

            #footer .footer-top .footer-newsletter form input[type=submit] {
                position: absolute;
                top: -1px;
                right: -1px;
                bottom: -1px;
                border: 0;
                background: none;
                font-size: 16px;
                padding: 0 20px 2px 20px;
                background: #cda45e;
                color: #fff;
                transition: 0.3s;
                border-radius: 50px;
            }

                #footer .footer-top .footer-newsletter form input[type=submit]:hover {
                    background: #d3af71;
                }

    #footer .copyright {
        text-align: left;
        padding-top: 30px;
    }

    #footer .credits {
        padding-top: 10px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }

.privacy-policy-link {
    list-style: none;
    padding: 0;
}

    .privacy-policy-link li {
        float: left;
        padding-right: 20px;
        border-right: 2px solid #fff;
    }

        .privacy-policy-link li a {
            color: #fff;
            margin-left: 20px
        }

        .privacy-policy-link li:last-child {
            border-right: none;
        }

.card {
    background-color: transparent;
    color: white;
    font-size: 40px;
    margin: 10px 30px;
    flex: 200px 0 0;
    border-color: transparent;
}

.cards img {
    width: 100%;
    object-fit: cover;
}

.cards-wrapper {
    display: flex;
    transition: ease 0.5s;
}

.display-area {
    overflow-x: hidden;
    margin: auto;
    margin-top: 30px;
}

.dots-wrapper {
    display: flex;
    justify-content: center;
    margin: auto;
}

.dot {
    border: none;
    background: rgba(0, 0, 0, 0.2);
    width: 20px;
    height: 20px;
    margin: 5px;
    border-radius: 50%;
    outline: none;
}

    .dot:hover {
        background: rgba(0, 0, 0, 0.3);
    }

    .dot.active {
        background: rgba(0, 0, 0, 0.5);
    }

#industries {
    background: #1D1C22;
    position: relative;
}

    #industries::before {
        content: '';
        background: url("../png/why-us-grad-bg.png") top right;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

.industries-heading h3 {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    float: inline-start;
}

.arrow-right {
    font-size: 36px;
    line-height: 45px;
    color: #fff;
}

    .arrow-right:hover {
        color: #31abf0;
    }

.mission-statement {
    background: #18171D;
    background-size: cover;
    padding: 80px 0 0;
}

    .mission-statement h4 {
        font-family: Montserrat;
        font-size: 30px;
        font-weight: 400;
        line-height: 37px;
    }

    .mission-statement p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
        margin-top: 30px;
    }

#digital-transformation {
    position: relative;
}

.digital-transformation {
    width: 100%;
    height: auto;
    background: url("../png/digital-transform.png") top center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

#digital-transformation::before {
    content: '';
    background: url("../png/digital-grad-bg.png") top left;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.digital-transformation h4 {
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
}

.digital-transformation p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 30px;
}

.expertise-box {
    background: #071217;
    padding: 30px 38px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 10px;
}

    .expertise-box img {
        width: 50px;
        height: 50px;
    }

    .expertise-box h5 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 17px;
        font-weight: 600;
        line-height: 23px;
        letter-spacing: 0.02em;
        text-align: center;
        margin-top: 10px;
    }

.partners-box {
    background: #071217;
    padding: 30px 13px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 10px;
    height: 230px;
}

    .partners-box img {
        width: 100px;
        height: 100px;
    }

    .partners-box h5 {
        font-size: 22px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0.02em;
        text-align: center;
        margin-top: 10px;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.our-methodologies {
    background: #1D1C22;
    padding: 80px 0;
    position: relative;
}

    .our-methodologies::before {
        content: '';
        background: url("../png/method-grad-bg.png") top right;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

.methodology-box {
    background: #18171D;
    border-radius: 5px;
    padding: 30px 50px 60px;
}

    .methodology-box h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 25px;
        color: #46A8DF;
        text-align: left;
    }

    .methodology-box img {
        width: 100px;
        height: 100px;
    }

    .methodology-box h4 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        text-align: left;
        color: #fff;
    }

    .methodology-box p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left;
        color: #C4C4C4;
        height: 140px;
    }

.digital-partners {
    background: #18171D;
}

    .digital-partners p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 29px;
        text-align: center;
        margin-top: 30px;
    }

.embracing-art {
    background-image: url("../png/art-celebration.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    min-height: 450px;
    width: 100%;
}

.art-celeb-bg {
}

.art-celebration {
    position: absolute;
    top: 27%;
    text-align: center;
    left: 22%;
    right: 22%;
}

    .art-celebration h3 {
        font-size: 34px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
    }

    .art-celebration p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 29px;
        text-align: center;
    }

.embrace-art h5 {
    font-size: 23px;
    font-weight: 400;
    line-height: 35px;
    text-align: left;
}

#join-us {
    position: relative;
}

    #join-us::before {
        content: '';
        background: url("../png/why-us-grad-bg.png") top right;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

.join-us {
    background-color: #201E25
}

.join-listing {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
}

    .join-listing li {
        margin-bottom: 20px;
    }

.fueled-innovation {
    width: 100%;
    height: auto;
    background: url("../png/fueled-innov.png") top center;
    background-size: cover;
    position: relative;
    padding: 172px 0;
}

    .fueled-innovation p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
        margin-top: 30px;
        color: #EAEAEA;
    }

#our-services {
    position: relative;
}

    #our-services::before {
        content: '';
        background: url("../png/services-grad-bg.png") top center;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

#hexa-listing {
    background-color: #18171D;
    position: relative;
}

    #hexa-listing::before {
        content: '';
        background: url("../png/hexa-grad-bg.png") top center;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

.hexa-box {
    background: #071217;
    padding: 30px 38px;
    text-align: left;
    margin-bottom: 20px;
    border-radius: 10px;
    height: 575px;
}

    .hexa-box h4 {
        font-weight: 600;
        font-size: 30px;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

    .hexa-box h5 {
        font-size: 17px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0.02em;
        text-align: left;
    }

    .hexa-box li {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.02em;
        text-align: left;
        margin-bottom: 20px;
        color: #DDDDDD;
    }

.hexa-content {
    background: #1D1C22;
}

    .hexa-content p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 29px;
        text-align: center;
        margin-top: 30px;
    }

.our-vision {
    background: #1D1C22;
    padding: 80px 0;
    position: relative;
}

    .our-vision h3 {
        font-size: 25px;
        font-weight: 600;
        line-height: 37px;
        text-align: center;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .our-vision p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 29px;
        text-align: center;
        margin-top: 30px;
        color: #EAEAEA;
    }

.our-partners {
    background: #fff;
    padding: 80px 0;
    position: relative;
}

    .our-partners h3 {
        font-size: 25px;
        font-weight: 600;
        line-height: 37px;
        text-align: center;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .our-partners p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 29px;
        text-align: center;
        margin-top: 0px;
        color: #000;
    }

.devops-plan {
    background: #1D1C22;
    padding: 80px 0;
    position: relative;
}

.devops-box {
    background: #071217;
    padding: 22px 20px;
    text-align: left;
    border-radius: 7px;
    height: 500px;
}

    .devops-box h2 {
        font-size: 20px;
        font-weight: 700;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .devops-box p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 17px;
        font-weight: 300;
        line-height: 29px;
        margin-top: 30px;
        color: #DDDDDD;
    }

#devops-benefit {
    position: relative;
}

.devops-benefit {
    width: 100%;
    height: auto;
    background: url("../png/devops-benefit.png") top center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

#devops-benefit::before {
    content: '';
    background: url("../png/digital-grad-bg.png") top left;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.devops-benefit p {
    font-size: 25px;
    font-weight: 400;
    line-height: 34px;
}

.custom-box {
    background: #071217;
    padding: 30px 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    height: 228px;
}

    .custom-box img {
        width: 35px;
        height: 35px;
    }

    .custom-box h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: -6px;
    }

    .custom-box p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 23px;
        letter-spacing: 0.02em;
        text-align: left;
        margin-top: 10px;
    }

.custom-box1 {
    background: #071217;
    padding: 30px 18px;
    margin-bottom: 20px;
    border-radius: 10px;
    height: 252px;
}

    .custom-box1 img {
        width: 35px;
        height: 35px;
    }

    .custom-box1 h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: -6px;
    }

    .custom-box1 p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 23px;
        letter-spacing: 0.02em;
        text-align: left;
        margin-top: 10px;
    }

.custom-description-section {
    background-color: #201E25
}

    .custom-description-section h5 {
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 0.01em;
        text-align: left;
    }

    .custom-description-section h4 {
        font-size: 19px;
        font-weight: 600;
        line-height: 37px;
        letter-spacing: 0em;
        text-align: left;
    }

    .custom-description-section p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.01em;
        text-align: left;
        color: #EAEAEA;
    }

.ht-350 {
    height: 350px !important;
}

.blockchain-box {
    background-color: #071217;
    border-radius: 15px;
}

    .blockchain-box h2 {
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 25px;
        font-weight: 600;
        line-height: 37px;
        letter-spacing: 0em;
        text-align: left;
    }

    .blockchain-box p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
        color: #EAEAEA;
    }

.nav .nav-item button {
    color: #fff !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
}

    .nav .nav-item button.active {
        background-color: transparent;
        color: #17BADC !important;
    }

        .nav .nav-item button.active::after {
            content: "";
            border-right: 4px solid var(--bs-danger);
            height: 100%;
            position: absolute;
            right: -1px;
            top: 0;
            border-radius: 5px 0 0 5px;
        }

.ai-description-section {
    width: 100%;
    height: auto;
    background: url("../png/ai-desc-img.png") top center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

.agile-benefit {
    width: 100%;
    height: auto;
    background: url("../png/agile-benefit-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

.chatgpt-benefit {
    width: 100%;
    height: auto;
    background: url("../png/chatgpt-benefit-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

.cloud-description-section {
    width: 100%;
    height: auto;
    background: url("../png/cloud-desc-img.png") top center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

.main-bg {
    background-color: #18171D !important;
}

.partial-bg {
    background-color: #1D1C22 !important;
}

.machine-learning-section {
    width: 100%;
    height: auto;
    background: url("../png/machine-desc-img.png") top center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #6C48C3 !important;
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
    background: #424245;
    font-size: 17px !important;
    margin-right: 15px;
}

address strong {
    color: #19CDF6;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
}

.call-box h3 {
    border-bottom: 1px solid #7C7C7C;
    padding-bottom: 10px;
}

    .call-box h3 span {
        font-size: 20px;
        font-weight: 600;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.ht-165 {
    height: 165px;
}

.index-order-listing li {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    list-style: none;
    margin-bottom: 15px;
}

.chapter-heading {
    font-size: 32px;
    background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.chapter-sub-head {
    color: #fff;
    font-size: 28px;
}

.chap-intro {
    font-size: 21px;
    font-weight: bold;
    background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 20px;
}

.chap-para {
    color: #fff;
}

.breakdown-listing ul {
    padding-left: 17px
}

.breakdown-listing li {
    color: #fff;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
}

.breakdown-listing {
    background: #071217;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 20px;
}

    .breakdown-listing h4 {
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 18px;
        font-weight: bold;
    }

.index-ul-listing {
    padding-left: 30px;
    color: #fff !important;
}

    .index-ul-listing li {
        color: #fff;
    }

#hero-intouch {
    width: 100%;
    height: auto;
    background: url("../png/vision-bg.png") top center;
    background-size: cover;
    position: relative;
    padding: 0;
}

    #hero-intouch:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero-intouch .container {
        padding-top: 110px;
    }

@media (max-width: 992px) {
    #hero-intouch .container {
        padding-top: 98px;
    }
}

#hero-intouch h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    color: #34ADF3;
}

    #hero-intouch h1 span {
        color: #cda45e;
    }

#hero-intouch h2 {
    color: #fff;
    margin-bottom: 10px 0 0 0;
    font-size: 25px;
    font-weight: 700;
}

#hero-intouch .container {
    padding-top: 170px;
    padding-bottom: 200px;
}

@media (max-width: 768px) {
    #hero-intouch h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero-intouch h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .fueled-innovation {
        width: 100%;
        height: auto;
        background: url("../png/fueled-innov.png") top center;
        background-size: cover;
        position: relative;
        padding: 80px 0;
    }
}

.contact-form input, .contact-form textarea {
    background-color: transparent;
}

.contact-form ::-webkit-input-placeholder {
    color: #fff;
}

.contact-form:-moz-placeholder {
    color: #fff;
}

.contact-form::-moz-placeholder {
    color: #fff;
}

.contact-form:-ms-input-placeholder {
    color: #fff;
}

.contact-form ::placeholder {
    color: #fff;
}

@media (max-width: 768px) {
    .navbar-toggler {
        padding: 0.25rem 0.5rem;
        width: 39px;
        height: 32px;
    }

    .navbar-toggler-icon {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
}

@media (max-width: 480px) {
    .carousel-caption h3 {
        font-weight: 500;
        font-size: 16px;
        color: #fff;
        text-shadow: 0 0 4px #000;
    }

    .carousel-caption h2 {
        font-weight: 700;
        font-size: 13px;
        color: #fff;
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 0;
        margin-left: 15%;
    }

/*    .logo {
        width: 120px ;
    }*/

    #header .logo img {
        max-height: 27px;
    }

    .telephone-number {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        margin-right: 10px;
    }

        .telephone-number i {
            color: #6C48C3;
            font-size: 12px;
        }

    .free-consultation-btn {
        margin: 0 15px 0 0;
        padding: 4px 11px;
        font-size: 12px;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 4%;
        padding-top: 0;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: left;
        top: 32%;
        width: 92%;
    }

    .metaverse-space-btn {
        margin: 0;
        background-color: transparent;
        color: #fff;
        border-radius: 4px;
        padding: 4px 11px;
        font-size: 12px;
        font-weight: 500;
        transition: 0.3s;
        border: 1px solid #fff;
    }

    .about-img img {
        width: 93%
    }

    .about .content h3 {
        font-weight: 600;
        font-size: 28px;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .about .content p {
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #EAEAEA;
        line-height: 29px;
    }

    .years p {
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 26px !important;
        letter-spacing: 0.02em !important;
        text-align: left !important;
        color: #16D0F6 !important;
        font-family: 'Montserrat', sans-serif !important;
        margin-bottom: 0px;
    }

    .years h2 {
        font-size: 28px !important;
        font-weight: 600 !important;
        line-height: 46px !important;
        letter-spacing: 0.12em !important;
        text-align: left !important;
    }

    .section-title p {
        margin: 0;
        font-weight: 600;
        font-size: 28px;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .content-details p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #EAEAEA;
        line-height: 28px;
    }

    .stand-heading {
        font-weight: 600;
        font-size: 28px;
        background: -webkit-linear-gradient(241deg, #C530EA 42.83%, #11D5F7 101.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .discover-heading {
        font-weight: 600;
        font-size: 28px;
        color: #fff;
    }

    #footer .footer-top .footer-links ul li {
        padding: 4px 0 0 20px;
        display: inline;
        align-items: center;
        float: left;
    }

    .custom-box {
        background: #071217;
        padding: 30px 10px;
        margin-bottom: 20px;
        border-radius: 10px;
        height: auto;
    }

    .ht-350 {
        height: auto !important;
    }

    .ht-165 {
        height: auto !important;
    }

    .art-celebration {
        position: absolute;
        top: 21%;
        font-size: 21px;
        font-weight: 700;
        line-height: 25px;
        text-align: center;
        left: 0;
        right: 0;
    }

    #join-us::before {
        content: '';
        background: url("../png/why-us-grad-bg.png") top right;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        display: none;
    }

    #chatbot-intro::before {
        content: "";
        background: url("../png/why-us-grad-bg.png") top right;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        display: none;
    }

    .devops-box {
        background: #071217;
        padding: 22px 20px;
        text-align: left;
        border-radius: 7px;
        height: auto;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        margin-right: 20px;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        background-color: #131521;
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0;
    }

    .width-auto {
        width: 100%;
    }

    .methodology-box p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left;
        color: #C4C4C4;
        height: auto;
    }

    .bank-box {
        background: #071217;
        padding: 22px 20px;
        text-align: left;
        border-radius: 7px;
        margin-top: 10px;
        height: auto !important;
    }

    #footer .footer-top h3 {
        font-size: 26px;
        font-weight: 700;
        color: #3B9FFC;
        position: relative;
        padding-bottom: 12px;
        display: inline-block;
        float: left;
    }

    .thankyou-content {
        top: 49%;
        left: 4%;
        width: 92%;
        text-align: center;
    }

        .thankyou-content img {
            width: 80px;
            text-align: center;
        }

        .thankyou-content h1 {
            font-size: 22px;
            font-weight: 600;
            color: #34ADF3;
        }

        .thankyou-content h2 {
            font-size: 17px;
            font-weight: 600;
            color: #fff;
        }
}