.hilight-text{background: var(--primary);color: #fff;}

.green-btn{background: #97EDC3;border: 1px solid #97EDC3;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 2px;color: #222222;}

.logos img{width: 170px;}

.logos{display: flex;justify-content: space-around;}

.logo-section{background: #F5F5F5;padding: 20px 0;}

.grey-font{color: #949494;}

.black-outline{border: 1px solid #404145;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 2px;color: #404145;}

.section-padding {
    padding-top: 5.8em;
    padding-bottom: 5.8em;
}

.slider-section{padding: 20px 0;}

.footer-section{background-color: #373737;}

.footer-section h2, .footer-section p, .footer-section li{color: #ffff;}

.social-media p{margin-bottom: 0;}

.social-media img{padding-right: 5px;}

.footer-section ul{list-style: none;padding: 0;}

.white-outline{border: 1px solid #fff;color: #fff;width: 100%;text-align: left;border-radius: unset;}

.white-btn{background-color: #fff;border-color: #fff;color:#373737;width: 100%;text-align: left;border-radius: unset;margin-top: 10px;}

.bottom-footer p{font-size: 12px;margin-top: 20px;}

.steps{display: flex;align-items: center;}

.step-count p{color: #DBDBDB;font-size: 100px;font-weight: 500;margin-right: 10px;}

.step-point{margin-bottom: 3px;font-size: 14px;}

.online-form .card{border: 1px solid #E8E8E8;box-shadow: 2px -3px 10px rgb(0 0 0 / 25%);border-radius: 2px}

.form-header{border-bottom: 1px solid #E4E4E4;margin-bottom: 20px;}

.form-header p{margin-bottom: 10px;}

.form-control{border: 0.5px solid #282828;border-radius: unset !important;}

.form-control::placeholder{color: #C2C2C2;font-weight: 300;}

.support{border: 1px solid #A8A8A8;padding: 20px;width: fit-content;}

.support p{margin-bottom: 0;font-weight: 500;}

.font-red{color: var(--primary);font-weight: 500;}

.blog-section .card {
    height: 340px;
    background: #fff;
    box-shadow: 0.8px 3px 30px 0 rgb(0 0 0 / 10%);
    position: relative;
    padding: 15px;
    border: unset;
}

.card-img, .card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.contact-card {
    text-align: center;
    box-shadow: 0px 1px 6px #dad8d8;
    padding: 25px;
    height: 220px;
}

.contact-card svg {
    font-size: 40px;
    margin-bottom: 20px;
    color: var(--primary);
}

.form-card {
    box-shadow: 0px 1px 6px #dad8d8;
    padding: 25px;
}

.about-card{position: absolute;
    /* bottom: 0; */
    margin: 0px 90px;
    background: #fff;
    padding: 60px 45px;
    box-shadow: white 0px 0px 0px 2px inset, hsl(2deg 47% 49%) -25px 7px 0px -7px, rgb(229 79 73) -54px 20px 0px -20px;
    top: -27px;;}

.about-us{position: relative;background: var(--bs-orange);}

.founder{margin-top: 15px;text-align: center;}

.founder h5{margin-bottom: 0;}

.mt-5rem{margin-top: 5rem;}

.about-banner{background-image: url(/assets/images/banners/about-banner.png);height: 55vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}

.career-banner{background-image: url(/assets/images/banners/career-banner.png);height: 55vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}

.navbar-expand-lg .navbar-nav .nav-link{padding-right: 15px}

a{text-decoration: unset;}

.icons{transition: transform 0.3s;}

.icons:hover{transform: scale(1.12); cursor: pointer;backface-visibility: hidden;}

.block-chain{background-color: #def6e4;}

.mobile-app{background-color: #dceaff;}

.game-dev{background-color: #fffac8;}

.social-media{background-color: #ffeddf;}

.icons:hover p {transform: unset; /* or 1/1.2 = 0.8333 */}