/* header-css-start */
body {
    font-family: "Lato", sans-serif;
}

h2 {
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    color: #fff;
}





.login-card {
    background: transparent;
    border-radius: 12px;
    width: 85%;
}

.btn.sign-up-btn span.inner-sign-text:hover {
    color: #fe7d45;
}

.btn.sign-up-btn span.inner-login-text:hover {
    color: #fe7d45;
}

.login-card .form-control {
    background: transparent !important;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 12px;
    height: 45px;
}

.login-card .form-control:focus {
    border-color: #ff7a00;
    box-shadow: none;
}

.login-card .form-control::placeholder {
    color: #adabab;
}

.login-sign-up-form {
    background: linear-gradient(to right, #03030c, #2333be);
}

.login-sign-btn a.btn.join-btn:hover {
    background: #fc8233;
}

.login-sign-btn a.btn.join-btn {
    background: #F66911;
    color: #fff;
    border-radius: 10px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.login-sign-up-form span.toggle-password {
    position: absolute;
    right: 15px;
    top: 38px;
    cursor: pointer;
    margin-top: 4px;
}


.btn-orange:hover {
    background-color: #ff8f1a;
}

/* header-css-end */

/*home-page-first-section-css-start */
.racing-wall-hero-section {
    background: linear-gradient(to bottom, #2333be, #03030c);
}


.bnr_item {
    padding: 0px;
}

.container-abc {
    width: 50%;
    float: left;
}

.hero-left-content {
    text-align: center;
    padding-top: 80px;
    margin-left: auto;
    max-width: 1080px;
    position: relative;
}

.bnr_img {
    width: 49%;
    position: relative;
    float: right;
    text-align: right;
    margin-top: -10px;
}

.bnr_img img {
    display: block;
    width: auto;
    max-height: 640px;
    float: right;
}


.hero-left-content img {
    width: 95px;
    padding-bottom: 20px;
    cursor: pointer;
}

.hero-left-content {
    text-align: center;
    padding-top: 80px;
}

.hero-left-content h1 {
    color: #fff;
    font-weight: 800;
    font-size: 42px;
}

.hero-left-content p {
    color: #fff;
    font-size: 18px;
    margin: auto;
    font-weight: 600;
}

/* .hero-right-content {
    background: url('../images/client/top-bg-img.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    text-align: right;
    padding-right: 0px;
    margin-bottom: 80px;
} */



/* .racing-wall-hero-section .inner-top-view {
    width: 1338px;
    margin: auto;
} */

.hero-right-content img {
    width: 350px;
    margin-top: 30px;
}

.two-btn-add {
    padding-top: 35px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.hero-left-content::after {
    content: '';
    background: url('/assets/images/client/dot-frame.png');
    content: '';
    position: absolute;
    bottom: -120px;
    left: 30px;
    width: 120px;
    height: 120px;
    background: url('/assets/images/client/dot-frame.png') no-repeat center center;
    background-size: contain;
    pointer-events: none;
}


.two-btn-add img {
    width: 150px;
}

.img-bottom-add img {
    width: 120px;
    margin-top: 50px;
}

.img-bottom-add {
    width: 48%;
}

.coin-img-add::after {
    content: "";
    position: absolute;
    right: 121px;
    top: 628px;
    width: 40px;
    height: 118px;
    background-image: url('../images/client/Oval.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    opacity: 1;
}

/* second-section-css */
section.how-to-play .section-title {
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    padding-bottom: 40px;
}

section.how-to-play .play-card {
    background: #2333be;
    border-radius: 15px;
    text-align: center;
    transition: 0.3s;
    height: 100%;
    align-items: center;
    padding: 60px;
}

.play-card:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
}

.play-card img {
    width: 80px;
    margin-bottom: 15px;
}

.gift-img {
    width: 280px;
    display: block;
}

.how-win-section {
    padding: 65px 0;
}

section.how-to-play {
    background: linear-gradient(to bottom, #03030c, #2333be);
    padding: 60px 0px;
    padding-bottom: 0px;
}

.how-to-play .play-card:hover {
    background: #F66911;
    color: #fff;
}

.how-to-play .play-card h5 {
    color: #fff;
    width: 100%;
    margin: auto;
    line-height: 1.4;
    font-weight: 600;
    font-size: 17px;
    text-align: justify;
}

section.how-to-play .text-center.justify-content-center {
    padding-bottom: 0px;
}

section.how-to-play {
    position: relative;
}

section.how-to-play::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(46% - 100px);
    width: 330px;
    height: 30%;
    background-image: url('../images/client/bg-light-effect.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}

.how-to-play .info-list li {
    margin-bottom: 6px;
    font-size: 15px;
    color: #fff;
}

section.how-to-play .col-md-4 {
    padding: 20px;
}

.how-to-play ul.info-list.mt-3 {
    border-top: solid 1px #a8a8a8;
    padding-top: 40px;
}

.how-win-section .win-left-content img {
    width: 70%;
}

.win-right-content p {
    color: #fff;
}

.win-right-content ul.list-add {
    list-style: circle;
    padding-left: 18px;
}

.win-right-content ul.list-add li {
    color: #fff;
    border-bottom: solid 1px #d3d3d369;
    line-height: 2.5;
}

section.how-to-play::after {
    content: "";
    position: absolute;
    top: 60px;
    left: calc(11% - 100px);
    width: 45px;
    height: 45px;
    background-image: url('../images/client/star.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}

section.how-to-play .border-bottom {
    width: 8%;
    margin: auto;
    margin-top: -43px;
    border: solid 2px #fff;
    margin-bottom: 30px;
}

.how-win-section .border-bottom {
    width: 16.5% !important;
    margin-top: 9px !important;
    margin-left: 0px !important;
    margin-bottom: 20px !important;
}

.create-add-img-list {
    padding-top: 35px;
    justify-content: center;
}

.create-add-img-list img {
    width: 92%;
}

.create-manage-own {
    padding: 50px 0px;
    background: linear-gradient(to bottom, #03030C, #2333BE);
    position: relative;
}

.create-manage-own .border-bottom {
    width: 8%;
    margin: auto;
    margin-top: -43px;
    border: solid 2px #fff;
    margin-bottom: 30px;
}


section.create-manage-own::before {
    content: "";
    position: absolute;
    top: 60px;
    right: calc(11% - 100px);
    width: 45px;
    height: 4%;
    background-image: url('../images/client/star.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}


.learn-and-earn {
    padding: 80px 0px;
    background: linear-gradient(to bottom, #2333be, #03030C);
}

.learn-and-earn .section-block {
    padding: 0px 0;
    position: relative;
}

.learn-and-earn .section-block img {
    width: 90%;
    background: url('../images/client/bg-light-effect.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.learn-and-earn .section-title {
    font-size: 32px;
    font-weight: 700;
    text-align: left;
}

.section-block.second .text-left {
    padding-left: 0px;
}

.section-block.third .text-center {
    padding-right: 0px;
}

.section-block.first .text-center {
    padding-right: 0px;
}

.learn-and-earn .section-desc {
    padding-top: 8px;
    font-size: 15px;
    margin-top: 10px;
    line-height: 1.7;
    max-width: 90%;
    color: #fff;
}

section.join-race {
    padding: 68px 0px;
    background: linear-gradient(to bottom, #03030C, #2333BE);
}

section.join-race .border-bottom {
    width: 8%;
    margin: auto;
    margin-top: -43px;
    border: solid 2px #fff;
    margin-bottom: 30px;
}

.join-now-inne-center img {
    width: 100%;
}

.join-now-inner-content {
    width: 100%;
    margin: auto;
    align-items: center;
}

.join-now-inne-center {
    margin: auto;
    text-align: center;
}

.feature-add-inner {
    color: #fff;
}

.join-now-inne-left .daily-add-inner {
    color: #fff;
    padding-bottom: 90px;
    padding-top: 20px;
    display: flex;
    text-align: right;
    gap: 8px;
}

section.join-race .delta-text img {
    width: 40px;
    background: #3947C4;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 10px;
}

section.join-race .feature-add-inner {
    color: #fff;
    padding-bottom: 90px;
    padding-top: 20px;
    display: flex;
    text-align: left;
    gap: 8px;
}

section.join-race .inner-add-content p {
    color: #ffffff85;
    font-size: 14px;
}

.join-now-inne-left {
    padding-right: 0px;
}

.join-now-inne-right {
    padding-left: 0px;
}

.inner-add-content h5 {
    font-size: 16px;
}

section.guess-now {
    background: linear-gradient(to bottom, #2333be, #03030C);
}

.guess-inner-content {
    width: 1338px;
    margin: auto;
}

section.guess-now .phone-wrapper img {
    width: 90%;
}

section.guess-now .hero-text h2 {
    color: #ffffff;
    font-size: 32px;
    margin-bottom: 15px;
    padding-left: 20px;
    font-weight: 600;
}

section.guess-now .hero-text p {
    color: #c6c6c6;
    padding-left: 20px;
    width: 100%;
}

.guess-now-left {
    padding: 100px 0px;
    position: relative;
}

.guess-now-right.hero-text {
    padding-top: 250px;
    padding-left: 180px;
    padding-right: 80px;
}

hr.border-light.mt-4.guess-now-border {
    width: 86%;
    margin: auto;
}

.guess-now-right.hero-text h2 {
    text-align: left;
}

.phone-wrapper {
    position: relative;
    left: calc(50% - 100px);
    width: 100%;
}

section.join-the-race-now .leaderboard-section {
    padding: 80px 0;
}

section.join-the-race-now.leaderboard-lists .join-the-race-inner {
    border: none;
}

section.join-the-race-now .info-box h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
}

section.join-the-race-now .info-list li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}



/* Phone mockup styling*/
section.join-the-race-now {
    padding: 80px 0px;
    background: linear-gradient(to bottom, #03030C, #2333BE);
}

.join-the-race-now img.phone-img.phone-left {
    width: 90%;
}

section.join-the-race-now.leaderboard-lists {
	background: linear-gradient(to bottom, #2333be, #03030C);
	padding-top: 50px !important;
}

.join-the-race-now .info-box {
    color: #fff;
}

.join-the-race-now ul.info-list {
    padding-left: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    padding-top: 20px;
}

.join-the-race-now .bi-check2-circle::before {
    content: "\f270";
    color: F76B10;
}

.join-the-race-now p.get-text {
    color: #ffffff91;
}

.join-the-race-now ul.info-list i.bi.bi-check2-circle {
    padding-right: 5px;
    font-size: 20px;
}

.join-the-race-inner {
    width: 100%;
    align-items: center;
    border-bottom: solid 1px #ffffff4f;
    padding-bottom: 65px;
}

section.join-the-race-now .phones-container {
    text-align: right;
}

.leaderboard-lists .phones-container {
    text-align: left !important;
}

.leaderboard-lists {
    padding: 0px 0px !important;
}



/* footer-css-add */
.footer-wall-street {
    background: #191970;
    padding: 80px 0px;
    padding-bottom: 15px;
}

.footer-wall-street a.footer-logo {
    color: #fe7d45;
    font-size: 25px;
    font-weight: 800;
    outline: none;
    text-decoration: none;
}

footer.footer-wall-street p {
    color: #ffffffdb;
}

footer.footer-wall-street ul.list-unstyled.footer-links a {
    color: #cecbcbdb !important;
    text-decoration: none;
    line-height: 2;
    font-size: 16px;
}

footer.footer-wall-street ul.list-unstyled.footer-links a:hover {
    color: #F66911 !important;
}

.footer-left-one p {
    width: 68%;
    padding-top: 8px;
    font-size: 15px;
}

.footer-wall-street h6 {
    color: #fff;
    font-size: 18px;
}

.footer-left-four a.aap-store-btn {
    display: flex;
    margin-top: 5px;
}

.footer-left-one p {
    display: none;
}


.footer-left-one i {
    background: #F76B10;
    border-radius: 50px;
    width: 35px;
    display: flex;
    justify-content: center;
    height: 35px;
    align-items: center;
}

.footer-left-one a {
    text-decoration: none;
}

.footer-left-two ul.list-unstyled.footer-links {
    padding-top: 5px;
}

.footer-left-four img {
    margin-top: 11px;
}

a.dropdown-item.pl-2 {
    color: #343a40 !important;
    font-weight: 400 !important;
    border-bottom: solid 1px #343a401a !important;
}

ul.dropdown-menu.dropdown-menu-end.show form {
    margin-bottom: 0;
}

a.dropdown-item.pl-2 {
    background: none;
}



@media (min-width:2000px) and (max-width:5500px) {
    .hero-left-content {
        padding-left: 130px;
    }

}


@media (min-width:1024px) and (max-width:1250px) {

    a.nav-link {
        font-size: 14px;
    }

    nav.navbar a.btn.sign-up-btn {
        font-size: 14px;
    }

    nav.navbar .login-sign-btn a {
        font-size: 14px;
    }

    .auth-links.d-flex.align-items-center img {
        width: 14px;
    }

    body {
        font-family: "Lato", sans-serif;
        overflow-x: hidden;
    }

    a.navbar-brand.logo-top-menu img {
        width: 255px;
    }




}



/* tablet-view-css */
@media (min-width:768px) and (max-width:1024px) {
    .hero-left-content h1 {
        font-size: 32px;
    }

    nav.navbar.navbar-expand-lg .container {
        max-width: 100%;
    }

    .container-fluid {
        padding: 0px !important;
    }

    .bnr_img img {
        float: right !important;
    }

    .coin-img-add::after {
        content: "";
        position: absolute;
        right: 80px;
        top: 470px;
        width: 30px;
        height: 158px;
        background-image: url('../images/client/Oval.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
        opacity: 1;
    }


    .hero-left-content::after {
        content: '';
        background: url('/assets/images/client/dot-frame.png');
        content: '';
        position: absolute;
        bottom: -120px;
        left: 30px;
        width: 80px;
        height: 150px;
        background: url('/assets/images/client/dot-frame.png') no-repeat center center;
        background-size: contain;
        pointer-events: none;
    }



    nav.navbar ul.navbar-nav {
        gap: 0px;
    }

    a.navbar-brand.logo-top-menu img {
        width: 260px;
    }

    .navbar-nav a.nav-link {
        font-size: 15px !important;
    }

    .win-right-content {
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }

    .bnr_img img {
        display: block;
        width: auto;
        max-height: 487px;
        float: initial;
    }

    .hero-left-content {
        text-align: center;
        padding-top: 30px;
    }

    .how-win-section .border-bottom {
        width: 8% !important;
        margin: auto !important;
        margin-top: 9px !important;
        margin-bottom: 20px !important;
    }

    .win-right-content h2.title-text {
        text-align: center !important;
    }

    .hero-left-content img {
        width: 15%;
        padding-bottom: 20px;
    }

    .win-left-content {
        width: 58%;
        margin: auto;
    }

    .how-win-section .win-left-content img {
        width: 70%;
        margin: auto;
    }

    .hero-right-content img {
        width: 250px;
        margin-top: 30px;
        padding-left: 0;
    }

    .two-btn-add img {
        width: 119px;
    }

    section.how-to-play .section-title {
        font-size: 30px;
        padding-bottom: 40px;
    }

    .racing-wall-hero-section .inner-top-view {
        width: 100%;
        margin: auto;
    }

    .guess-inner-content {
        width: 100%;
        margin: auto;
    }

    section.how-to-play::after {
        content: "";
        position: absolute;
        top: 60px;
        left: calc(21% - 100px);
    }

    section.how-to-play .play-card {
        height: 100%;
        align-items: center;
        padding: 25px;
    }

    .how-to-play .play-card h5 {
        width: 100%;
        font-size: 14px;
    }

    section.how-to-play .col-md-4 {
        padding: 11px;
    }

    .play-card img {
        width: 65px;
        margin-bottom: 15px;
    }

    h2 {
        font-size: 30px;
        font-weight: 800;
    }

    section.create-manage-own::before {
        content: "";
        position: absolute;
        top: 60px;
        right: calc(16% - 100px);
        width: 45px;
        height: 8%;
    }

    .create-add-img-list img {
        width: 100%;
    }

    .create-manage-own .border-bottom {
        width: 8%;
        margin: auto;
        margin-top: -36px;
    }

    .learn-and-earn .section-title {
        font-size: 28px;
    }

    .join-now-inne-left .daily-add-inner {
        color: #fff;
        padding-bottom: 0px;
    }

    section.join-race .feature-add-inner {
        color: #fff;
        padding-bottom: 0px;
    }

    .join-now-inne-center {
        margin-top: 11px;
    }

    section.join-race .inner-add-content p {
        color: #ffffff85;
        font-size: 11px;
    }

    .inner-add-content h5 {
        font-size: 15px;
    }

    section.join-race {
        background: #2333BE;
        padding: 40px 0px;
    }

    section.guess-now .phone-wrapper img {
        width: 325px;
    }

    .guess-now-right.hero-text {
        padding-top: 205px;
        padding-left: 85px;
        padding-right: 0;
    }

    section.guess-now .hero-text h2 {
        font-size: 25px;
        margin-bottom: 9px;
    }

    section.guess-now .hero-text p {
        padding-right: 3px;
        color: #c6c6c6;
        padding-left: 20px;
        width: 96%;
        font-size: 14px;
    }

    section.join-race .delta-text img {
        width: 30px;
        background: #3947C4;
        height: 30px;
    }

    section.join-the-race-now .info-box h2 {
        font-size: 25px;
    }

    section.join-the-race-now .info-list li {
        font-size: 13px;
    }

    .join-the-race-now ul.info-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
        padding-top: 0;
    }

    section.join-the-race-now {
        padding: 50px 0px;
        background: #03030C;
    }

    .join-the-race-now p.get-text {
        color: #ffffff91;
        font-size: 15px;
    }

    .footer-wall-street {
        padding: 40px 0px;
        padding-bottom: 15px;
    }

    .footer-left-one {
        width: 46%;
    }

    .footer-left-two {
        padding: 0px;
    }

    .footer-left-three {
        padding: 0px 10px;
    }

    .footer-left-four {
        padding: 0px 10px;
    }

    .footer-wall-street h6 {
        color: #fff;
        font-size: 15px;
    }

    footer.footer-wall-street ul.list-unstyled.footer-links a {
        font-size: 14px;
    }

    button.navbar-toggler {
        border: none;
    }


}




/* mobile-view-css */
@media (max-width: 767px) {

    .bnr_img img {
        max-height: 100%;
        display: none;
    }

    .container-abc {
        width: 100%;
        float: left;
    }

    .guess-inner-content {
        width: 100%;
        margin: auto;
    }

    .section-block.second .text-left {
        padding-left: 0px;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .section-block.first .text-center {
        padding-right: 0px;
        padding-left: 0px;
    }

    .learn-and-earn .section-block img {
        padding-bottom: 20px;
        width: 100%;
        padding: 10px;
    }

    section.join-the-race-now.leaderboard-lists .info-box {
        padding-top: 30px;
    }

    nav.navbar a.navbar-brand {
        width: 20%;
        margin-right: 0px !important;
    }

    a.navbar-brand.logo-top-menu img {
        width: 230px !important;
    }

    nav.navbar .container {
        padding: 0px 15px;
    }

    section.guess-now .phone-wrapper img {
        width: 100%;
    }

    .guess-now-left {
        padding: 30px 0px;
    }

    .phone-wrapper {
        position: relative;
        left: 0;
        width: 90%;
        right: 0px;
        margin: auto;
    }

    nav.navbar a.btn.sign-up-btn {
        padding-right: 5px;
        padding-left: 0px;
    }

    .guess-now-right.hero-text {
        padding-top: 25px;
        padding-left: 0px;
        padding-right: 0px;
    }

    section.create-manage-own::before {
        content: "";
        position: absolute;
        top: 6px;
        right: 20px;
        width: 30px;
        height: 3%;
    }

    .img-bottom-add {
        width: 60%;
        text-align: left;
    }

    .join-the-race-now p.get-text {
        text-align: center;
    }

    section.how-to-play .border-bottom {
        width: 15%;
        margin: auto;
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .dropdown-menu-end[data-bs-popper] {
        right: -40px;
        left: auto;
    }

    section.guess-now .guess-inner-content {
        display: flex;
        flex-direction: column-reverse;
    }

    hr.border-light.mt-4.guess-now-border {
        width: 100%;
        margin: auto;
        margin-top: 0px !important;
    }

    .hero-left-content h1 {
        font-size: 30px;
    }

    .racing-wall-hero-section .inner-top-view {
        width: 100%;
        margin: auto;
    }

    nav.navbar.navbar-expand-lg .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: absolute;
        z-index: 999;
        top: 65px;
        background: #fff;
        width: 100%;
        left: 0;
        padding: 15px 20px;
    }

    .hero-left-content {
        text-align: center;
        padding-top: 40px;
    }

    nav.navbar ul.navbar-nav {
        gap: 0px;
    }

    .two-btn-add {
        padding-top: 30px;
        display: flex;
    }

    .two-btn-add img {
        width: 30% !important;
    }

    .img-bottom-add img {
        width: 40%;
        margin-top: 0px;
    }

    .hero-right-content img {
        width: 70%;
        margin-top: 0px;
        rotate: -15deg;
    }

    .how-win-section {
        padding: 35px 0;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 0px;
    }

    .hero-right-content {
        text-align: center;
        background: url(../images/client/top-mob-img.png);
        background-repeat: no-repeat;
        rotate: 345deg;
        padding-bottom: 390px;
        background-size: contain;
        margin-bottom: 20px;
        width: 68%;
        margin: auto;
        margin-top: 20px;
    }

    section.how-to-play::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 10%;
        background-image: url('../images/client/bg-light-effect.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
        z-index: 1;
    }

    .hero-left-content::after {
        content: '';
        background: url('/assets/images/client/dot-frame.png');
        content: '';
        position: absolute;
        bottom: -340px;
        left: 0px;
        width: 70px;
        height: 70px;
        background: url('/assets/images/client/dot-frame.png') no-repeat center center;
        background-size: contain;
        pointer-events: none;
    }

    .racing-wall-hero-section {
        background: linear-gradient(to bottom, #2333be, #03030c);
        padding-bottom: 20px;
    }

    section.how-to-play .section-title {
        font-size: 30px;
        color: #fff;
        padding-bottom: 42px;
    }


    section.how-to-play {
        position: relative;
        overflow: hidden;
        padding: 25px 0px;
    }

    .hero-left-content p {
        font-size: 16px;
    }

    .coin-img-add::after {
        content: "";
        position: absolute;
        right: 25px;
        top: 320px;
        width: 44px;
        height: 20%;
    }

    .hero-left-content img {
        width: 20%;
        padding-bottom: 15px;
    }

    section.how-to-play .play-card {
        align-items: center;
        padding: 45px;
    }

    section.how-to-play .col-md-4 {
        padding: 20px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .how-to-play .play-card h5 {
        line-height: 1.5;
        font-weight: 600;
        font-size: 15px;
    }

    .win-right-content {
        text-align: center;
    }

    h2 {
        font-size: 28px;
        text-align: center !important;
    }

    .how-win-section .border-bottom {
        text-align: center;
        margin: auto !important;
        margin-bottom: 20px !important;
    }

    .create-add-img-list {
        padding-top: 0;
        justify-content: center;
        width: 100%;
        margin: 0px;
    }

    .create-manage-own .border-bottom {
        width: 16%;
        margin: auto;
        margin-top: -40px;
        margin-bottom: 30px;
    }

    .create-manage-own {
        padding: 45px 0px;
    }

    section.create-manage-own::before {
        content: "";
        position: absolute;
        top: 0;
        right: 20px;
        width: 30px;
        height: 45px;
    }

    .create-add-img-list img {
        width: 80%;
        padding-top: 0px;
        margin: auto;
        display: flex;
    }

    .learn-and-earn {
        padding: 40px 0px;
        text-align: center;
    }

    .learn-and-earn .section-desc {
        margin-bottom: 0px;
        padding-top: 0px;
        max-width: 100%;
    }

    .learn-and-earn .section-title {
        font-size: 25px;
    }

    .section-block.third .text-center {
        padding: 0px;
    }

    section.join-race {
        padding: 35px 0px;
    }

    .join-now-inne-left .daily-add-inner {
        padding-bottom: 20px;
        padding-top: 20px;
        display: flex;
        text-align: center;
        gap: 8px;
        flex-direction: column-reverse;
        justify-content: center;
    }

    .delta-text {
        justify-content: center;
        display: flex;
    }


    section.join-race .inner-add-content p {
        width: 80%;
        margin: auto;
    }

    section.join-race .feature-add-inner {
        padding-bottom: 20px;
        padding-top: 20px;
        display: flex;
        text-align: center;
        gap: 8px;
        flex-direction: column;
    }

    section.guess-now .hero-text h2 {
        font-size: 25px;
        padding: 0;
    }

    section.guess-now .hero-text p {
        padding: 0px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding-bottom: 15px;
    }

    section.join-race .border-bottom {
        width: 16%;
        margin: auto;
        margin-top: -38px;
        margin-bottom: 30px;
    }

    section.join-the-race-now {
        padding: 30px 0px;
        overflow: hidden;
        padding-bottom: 5px;
    }

    .join-the-race-inner {
        width: fit-content;
        padding-bottom: 0px;
        border: none;
    }

    section.join-the-race-now .info-box h2 {
        font-size: 25px;
        text-align: center !important;
    }

    section.join-the-race-now .info-list li {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        font-size: 13px;
        justify-content: center;
    }

    .join-the-race-now img.phone-img.phone-left {
        width: 100%;
    }

    section.join-the-race-now .col-md-7 {
        margin-top: 0px;
    }


    section.join-the-race-now.leaderboard-lists .join-the-race-inner {
        border: none;
        display: flex;
        flex-direction: column-reverse;
    }

    .footer-wall-street {
        padding: 30px 0px;
    }

    .footer-left-one p {
        width: 98%;
        padding-top: 4px;
    }

    button.navbar-toggler {
        padding: 0px;
        outline: none !important;
        box-shadow: none !important;
        border: none;
    }

    .how-to-play ul.info-list.mt-3 {
        border-top: solid 1px #a8a8a8;
        padding-top: 25px;
    }

    .how-win-section .win-left-content img {
        width: 90%;
        margin: auto;
        padding: 20px;
    }

    .win-right-content p {
        width: 95%;
        margin: auto;
    }
}



/* About Us Page CSS */

.pattern-layer-one {
    background: url(https://racing-wall-street.votivereact.in/assets/images/client/login-bg-img.png);
    background-size: cover;
    background-position: center;
}

.page-title .pattern-layer-one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.page-title {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 80px 0px 80px;
    background-color: #141d38;
}

.page-title .auto-container {
    position: relative;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.page-title h2 {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.default-padding {
    padding-top: 90px;
    padding-bottom: 100px;
    background: linear-gradient(to bottom, #2333be, #03030c);
}

.sub-title {
    text-transform: uppercase;
    color: #1351d8 !important;
    font-weight: 600;
    background: linear-gradient(100deg, #f76b10, #ffa647);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 1px solid #cccccc;
    padding: 7px 15px;
    border-radius: 5px;
    font-size: 20px;
    margin-bottom: 15px;
}

.about-style-one p {
    color: #ffffff;
}

.about-style-one h2.title {
    font-size: 38px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    margin: 20px 0px;
    font-family: 'Lato';
}

.about-style-one .accordion {
    border-left: 2px solid #e7e7e7;
    margin-top: 30px;
}

.accordion-header {
    margin-bottom: 0;
}

.about-style-one .accordion-single .accordion-button {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 10px 0;
    padding-left: 30px;
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 600;
    padding-top: 0;
    margin-bottom: 10px;
}

.accordion-button:not(.collapsed) {
    color: #f66911;
    background-color: #f66911;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.about-style-one .accordion-single .accordion-button:not(.collapsed)::after {
    height: 100%;
}

.about-style-one .accordion-single .accordion-button::after {
    position: absolute;
    left: -1.1px;
    top: 0;
    content: "";
    display: block;
    background: no-repeat;
    transform: none;
    border-left: 2px solid;
    height: 0;
    transition: all 0.35s ease-in-out;
}

.about-style-one .accordion-single .accordion-body {
    padding: 0 30px;
    padding-bottom: 10px;
}

/* About Style Two */
.about-style-two-area .shape {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.about-style-two-area {
    position: relative;
    z-index: 1;
}

.about-style-two-thumb {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 2fr 1.1fr;
    grid-column-gap: 30px;
    align-items: end;
    padding-top: 50px;
}

.about-style-two-thumb img {
    border-radius: 10px;
}

.certification {
    margin: 0;
    background: linear-gradient(100deg, #f76b10, #ffa647);
    font-size: 40px;
    position: absolute;
    left: 40%;
    top: 0;
    right: 0;
    padding: 30px;
    font-weight: 600;
    color: var(--white);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    height: 280px;
    width: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.certification img {
    height: 70px;
    margin-bottom: 20px;
    width: 70px !important;
}

.certification h4 {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-family: "Racing Sans One", sans-serif;
    text-transform: uppercase;
}

.about-style-one-area .shape {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.about-style-one-area {
    position: relative;
    z-index: 1;
}

.about-style-two-thumb h2 strong {
    display: block;
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
}

.about-style-two-info h2 {
    font-weight: 600;
    margin-bottom: 35px;
}

.about-style-two-info ul li {
    float: left;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #dddddd;
    display: flex;
}

.about-style-two-info ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

.about-style-two-info ul li .counter {
    font-size: 30px;
    font-weight: 700;
}

.about-style-two-info ul li i {
    display: inline-block;
    font-size: 60px;
    line-height: 1;
    margin-right: 20px;
    color: var(--color-primary);
}

.about-style-two-info ul li i::before {
    line-height: inherit;
}

.about-style-two-info ul li span.medium {
    color: var(--color-paragraph);
}

.about-style-two-info ul {
    margin-top: 40px;
}

.list-item-style-two {
    display: flex;
    margin-top: 35px;
    position: relative;
    z-index: 1;
}

.list-item-style-two .number {
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    min-width: 50px;
    background: var(--dark);
    color: var(--white);
    font-weight: 600;
    border-radius: 50%;
    margin-right: 25px;
}

.list-item-style-two p {
    margin: 0;
}

.list-item-style-two::after {
    position: absolute;
    left: 25px;
    bottom: -21px;
    content: "";
    height: 60%;
    width: 1px;
    border-left: 1px dashed #8f8e8e;
    z-index: -1;
}

.list-item-style-two:last-child::after {
    display: none;
}

.list-item-style-two h4 {
    font-weight: 600;
}

.pl-50 {
    padding-left: 50px;
}

.about-style-two-thumb img {
    width: 100%;
}

.about-style-one-area .row {
    align-items: center;
}

.process-style-two-area {
    padding-top: 90px;
    padding-bottom: 100px;
    background-color: #142352;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.process-style-two-area .shape {
    position: absolute;
    left: 0;
    top: -100px;
    max-width: 10%;
}

.process-style-two-area .shape img {
    width: 100%;
    max-width: 100%;
}

.left-heading {
    margin-bottom: 60px;
}

.left-heading .row {
    align-items: center;
}

.bg-dark .sub-title {
    border-color: rgba(255, 255, 255, 0.3);
    -webkit-background-clip: inherit;
    background-clip: inherit;
    -webkit-text-fill-color: inherit;
    background: transparent;
}

.left-heading h2 {
    margin: 0;
    line-height: 1.1;
    text-align: left;
}

.bg-dark p {
    color: #d1d1d7;
}

.process-style-two-area::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 50%;
    background: linear-gradient(90deg, #1351d8 0%, #071a3a 100%);
    z-index: -1;
}

.htp-cont p {
    padding-left: 50px;
}

.process-style-two {
    position: relative;
    z-index: 1;
    padding: 50px;
    background: #fff;
    border-radius: 15px;
    padding-top: 95px;
    overflow: hidden;
    min-height: 310px;
    padding-bottom: 35px;
}

.process-style-two span {
    display: inline-block;
    height: 85px;
    width: 60px;
    text-align: center;
    line-height: 100px;
    background: linear-gradient(100deg, #f76b10, #ffa647);
    border-radius: 50px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    top: -22px;
}

.process-style-two h4 {
    color: #000;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}

.process-style-two p {
    color: #666666;
    min-height: 48px;
}

.process-style-two .icon img {
    width: 80px;
}

.dark .accordion-item .accordion-button:not(.collapsed) {
    background: #f66911 !important;
}

.faq-style-one .accordion-item h2 {
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    border: none;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.faq-style-one .accordion-item:first-child {
    margin-top: 0;
}

.faq-style-one .accordion-item {
    background: linear-gradient(180deg, #0c1b3a, #08152e);
    border: none;
    margin-top: 15px;
    box-shadow: 0 25px 70px rgb(0 0 0 / 7%) !important;
    border-radius: 10px;
}

.faq-style-one button.accordion-button {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 15px !important;
    background: #fff !important;
    border-radius: 10px !important;
    padding-right: 15px !important;
    position: relative;
    border-radius: 10px !important;
    box-shadow: inherit;
    border-bottom: 1px solid transparent !important;
}

.faq-style-one .accordion-item .accordion-body p {
    color: #ffffff;
}

.faq-area {
    background: linear-gradient(to bottom, #03030c, #2333be) !important;
}

.accordion-item .accordion-button:not(.collapsed) {
    border-radius: 10px 10px 0 0 !important;
    color: #fff !important;
}

.heading-faq {
    text-align: center;
    margin-bottom: 35px;
}

.heading-faq h4.title {
    font-size: 38px;
    font-weight: 600;
    font-family: 'Lato';
    color: #fff;
}

.process-style-one-area {
    padding-top: 90px;
    padding-bottom: 100px;
    position: relative;
    background: linear-gradient(to bottom, #03030c, #2333be);
}

.large-shape {
    position: absolute;
    right: 0;
    top: -120px;
    max-width: 20%;
}

.large-shape img {
    width: 100%;
}

.site-heading h4 {
    font-size: 38px;
    font-weight: 600;
    color: #000;
    font-family: 'Lato';
}

.h6-project-item {
    background-color: #142352;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    padding: 20px;
    border-radius: 15px;
}

.h6-project-item .project_image {
    max-width: calc(50% - 0px);
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.h6-project-item .project_image img {
    width: 100%;
    height: 335px;
    -o-object-fit: cover;
    object-fit: contain;
}

.h6-project-item .project_content {
    max-width: calc(50% - 0px);
    width: 100%;
    padding: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.h6-project-item .project_content_inner {
    max-width: 440px;
    width: 100%;
}

.h6-project-item .project_content_inner .no {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 88px;
    line-height: 1;
    letter-spacing: -0.025em;
    color: rgba(247, 247, 247, 0.1);
    margin-bottom: 10px;
}

.h6-project-item .project_content_inner .title {
    margin: 0;
    color: #fff;
    font-size: 38px;
    font-weight: 600;
}

.h6-project-item .project_content_inner .desc {
    color: #fff;
    max-width: 385px;
}

.htw1 {
    font-size: 28px;
}

#aboutAccordion .accordion-button:not(.collapsed)::after {
    filter: none;
}


@media (max-width: 767px) {
    .page-title {
        padding: 35px 0px 35px;
    }

    .certification {
        height: 200px;
        width: 200px;
    }

    .certification img {
        margin-bottom: 10px;
    }

    .about-style-two-thumb {
        padding-left: 15px;
        padding-right: 15px;
    }

    .default-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .about-style-one.pl-50 {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 35px;
    }

    .about-style-one h2.title {
        font-size: 28px;
        margin: 15px 0px;
    }

    .about-style-one .sub-title {
        margin-bottom: 0;
    }

    .about-style-one .accordion-single .accordion-button {
        padding-left: 20px;
    }

    .about-style-one .accordion-single .accordion-body {
        padding: 0 20px;
    }

    .htp-cont p {
        padding-left: 0px;
    }

    .process-style-two-area {
        padding: 50px 15px;
    }

    .left-heading {
        margin-bottom: 15px;
    }

    .htp-cont {
        margin-top: 15px;
    }

    .process-style-two {
        min-height: auto;
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 20px;
    }

    .process-style-two h4 {
        margin-bottom: 0px;
    }

    .process-style-two p {
        min-height: auto;
    }

    .process-style-one-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .h6-project-item .project_image img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .h6-project-item .project_content {
        max-width: 100%;
        padding: 0px;
        width: 100%;
    }

    .h6-project-item .project_image {
        margin: 0 auto;
    }

    .h6-project-item .project_content_inner {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .faq-style-one.pl-50 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .htw {
        padding: 0px 10px;
    }
.show-result-info {
    width: auto;
}
.ltr-box .content-column .inner-column {
    max-width: inherit !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
	padding-top: 50px !important;
	padding-bottom: 25px !important
}
.rtr-box .row {
    flex-direction: column-reverse;
}
.rtr-box .content-column .inner-column {
    max-width: inherit !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
    padding-top: 20px !important;
    padding-bottom: 25px !important;
}
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
    .page-title {
        padding: 50px 0px 50px;
    }

    .default-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .about-style-one.pl-50 {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 35px;
    }

    .about-style-one h2.title {
        font-size: 28px;
        margin: 15px 0px;
    }

    .about-style-one .sub-title {
        margin-bottom: 0;
    }

    .process-style-two-area {
        padding: 50px 15px;
    }

    .left-heading {
        margin-bottom: 15px;
    }

    .htp-cont {
        margin-top: 15px;
    }

    .htp-cont p {
        padding-left: 0px;
    }

    .process-style-two p {
        min-height: auto;
    }

    .process-style-two {
        min-height: auto;
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 20px;
    }

    .process-style-two h4 {
        margin-bottom: 0px;
    }

    .process-style-one-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .h6-project-item .project_image img {
        height: auto;
    }

    .faq-style-one.pl-50 {
        padding-left: 25px;
        padding-right: 25px;
    }
}


/* Contact Us Page */

/*.pattern-layer-one {
        background: url(https://racing-wall-street.votivereact.in/assets/images/client/login-bg-img.png);
        background-size: cover;
        background-position: center;
    }
    .page-title .pattern-layer-one {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }
    .page-title {
        position: relative;
        text-align: center;
        overflow: hidden;
        padding: 110px 0px 80px;
        background-color: #141d38;
    }
    .page-title .auto-container {
        position: relative;
            max-width: 1200px;
        padding: 0px 15px;
        margin: 0 auto;
    }
    .page-title h2 {
        position: relative;
        color: #ffffff;
        font-weight: 700;
        line-height: 35px;
        margin-bottom: 0px;
        text-transform: capitalize;
    }*/

.default-padding {
    padding-top: 90px;
    padding-bottom: 100px;
    background: linear-gradient(to bottom, #2333be, #03030c);
}

.contact-stye-one {
    position: relative;
}

.contact-style-one-info h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
    text-align: left;
    line-height: 1;
}

.contact-style-one-info p {
    color: #fff;
    margin: 0;
}

.contact-style-one-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 50px;
}

.contact-style-one-info li {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.contact-style-one-info li i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background: #f66911;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    margin-right: 20px;
}

.contact-style-one-info li h5 {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 20px;
    color: #ffffff;
}

.contact-style-one-info li a {
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

.contact-form-style-one {
    border: 1px solid #f66911;
    border-radius: 12px;
    box-shadow: 0px 0px 20.7px 7px rgba(247, 107, 16, 0.5);
    padding: 60px 80px;
    position: relative;
    background: #142352;
    backdrop-filter: blur(50px);
}

.sub-title {
    text-transform: uppercase;
    color: #1351d8 !important;
    font-weight: 600;
    background: linear-gradient(100deg, #f76b10, #ffa647);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 1px solid #cccccc;
    padding: 7px 15px;
    border-radius: 5px;
    font-size: 20px;
}

.contact-form-style-one h2.title {
    font-size: 38px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    margin-top: 10px;
    font-family: 'Lato';
}

.contact-form-style-one input,
.contact-form-style-one textarea {
    margin-bottom: 15px;
    padding: 15px 0;
    border: none;
    background: transparent;
    border-bottom: 2px solid #d6d6d6;
    border-radius: 0;
    color: #ffffff;
    font-size: 18px;
}

.contact-form-style-one input::placeholder,
.contact-form-style-one textarea::placeholder {
    color: #fff;
}

.contact-form-style-one button {
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.35s ease-in-out;
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    font-size: 17px;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
    border: none;
    background: linear-gradient(90deg, #ff7a18, #ffb347);
    color: #fff;
    border-radius: 32px;
    padding: 16px 50px;
}

.contact-form-style-one button::after {
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: -5%;
    content: "";
    height: 150px;
    width: 115%;
    z-index: -1;
    background-color: #2333be;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translateY(-45%) skew(25deg) scale(0);
    transform: translateY(-45%) skew(25deg) scale(0);
}

.contact-form-style-one button:hover {
    color: #fff;
}

.contact-form-style-one button:hover::after {
    -webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
    transform: translateY(-45%) skew(25deg) scale(1.2);
}

.pl-60 {
    padding-left: 60px;
}

.contact-style-one-area .row {
    align-items: center;
}

.contact-form .form-control:focus {
    color: #fff;
    background: none;
    border-color: #f66911;
    outline: 0;
    box-shadow: none;
}

.sub--btn {
    margin-top: 20px;
    text-align: center;
}

.contact-form-style-one button i.bi {
    margin-right: 10px;
}


.ltr-box {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: #163839;
}
.ltr-box .image-column .inner-column {
  height: 100%;
}
.ltr-box .image-column .inner-column .image {
  height: 100%;
  margin-bottom: 0px;
  border-radius: 40px;
    overflow: hidden;
}
.ltr-box .image-column .inner-column .image img {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ltr-box .content-column .inner-column {
  padding: 120px;
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin-left: auto;
    padding-left: 35px;
}
.ltr-box .content-column .inner-column .map-shape {
  top: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}
.ltr-box .content-column .inner-column .map-shape img {
    width: 100%;
}
.sec-title p.text {
    color: #ffffff;
}
.sec-title h2.title {
    text-align: left;
    margin-bottom: 20px;
}
.ltr-box .row
{
    align-items: center;
}
.rtr-box .row
{
    align-items: center;
}
.ltr-box::after {
    content: "";
    position: absolute;
    top: 60px;
    left: calc(11% - 100px);
    width: 45px;
    height: 45px;
    background-image: url(https://racing-wall-street.votivereact.in/assets/images/client/star.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}
.rtr-box figure.image {
    border-radius: 40px;
    overflow: hidden;
}
.rtr-box .content-column .inner-column {
    padding: 120px;
    padding-right: 35px;
    max-width: 800px;
    margin-right: auto;
}
.rtr-box .image-column .inner-column .image img {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.rtr-box {
    padding-top: 35px;
}
.sec-title img {
    margin-bottom: 20px;
}
div#faqAccordion {
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .default-padding {
        padding-top: 35px;
        padding-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .pl-60 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-form-style-one {
        margin-top: 50px;
        padding: 20px 20px;
    }

    .contact-form-style-one h2.title {
        font-size: 28px;
    }

    .contact-style-one-info h2 {
        font-size: 28px;
    }

    .contact-style-one-info ul {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .pl-60 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-form-style-one {
        margin-top: 50px;
        padding: 35px;
    }

    .default-padding {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}