@media(min-width: 992px){
    .modal-lg {
        --bs-modal-width: 850px;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (min-width: 1200px){
    .modal-lg {
        --bs-modal-width: 1150px;
    }
}
@media(max-width: 1199.98px){
    .sign-up-modal .modal-body {
        padding: 10px 60px 60px;
    }
}
@media(max-width: 991.98px){
    .sign-up-modal .modal-body {
        padding: 10px 40px 40px;
    }
    .sign-up-content h1 {
        font-size: 25px;
    }
    .sign-up-content h5 {
        font-size: 18px;
    }
    .sign-up-form {
        margin-top: 20px;
    }
} 
@media(max-width: 767.98px){
    .sign-up-modal .modal-body {
        padding: 10px 30px 30px;
    }
    .sign-up-content p {
        font-size: 16px;
    }
}
@media(max-width: 575.98px){
    .sign-up-content h1 {
        font-size: 22px;
    }
    .sign-up-content h5 {
        font-size: 20px;
    }
}   
@media(max-width: 425px){
    .sign-up-content .col-6 {
        width: 100%;
    }
}
/*-- End Sign Up Popup --*/
@media(max-width: 1799.98px) {
    .order-rally-cnt {
        width: 43%;
    }
    .order-rally-img {
        padding: 14%;
    }
    .easy-steps-box-cnt h3 {
        font-size: 45px;
    }
    .easy-steps-box-cnt {
        margin-right: 270px;
    }
    .reasons-cnt {
        padding: 100px 80px;
    }
    .reasons-box {
        margin-right: 80px;
    }
}
@media(max-width: 1599.98px) {
    .order-rally-img {
        padding: 16%;
    }
    .order-rally-cnt {
        width: 49%;
    }
    .order-rally-cnt h2 {
        font-size: 40px;
    }
    .easy-steps-box-cnt {
        margin-right: 230px;
    }
    .easy-steps-box-cnt h3 {
        font-size: 40px;
    }
    .easy-steps-box-cnt p {
        font-size: 20px;
    }
    .reasons-box {
        margin-right: 30px;
    }   
    .reasons-cnt {
        padding: 100px 80px;
    }
    .reasons-cnt h2 {
        font-size: 46px;
    }
    .general-sport-box h2 {
        top: 30px;
        left: 30px;
        font-size: 32px;
        line-height: 40px;
    }
    .national-membership-cnt {
        padding: 50px;
    }
    .national-membership-value {
        font-size: 70px;
    }
    .national-membership-number-list {
        padding-left: 27%;
    }
    .footer .footer-logo {
        margin-left: 120px;
    }
    .footer .footer-social {
        margin-left: 120px;
    }
}
@media(max-width: 1399.98px) {
    .sidebar-menu .dropdown-menu {
        margin-left: 101px;
    }
    .sidebar-menu .dropdown-menu.show {
        margin-left: 101px;
    }
    .sidebar-menu .navbar-nav .nav-item .nav-link {
        font-size: 26px;
    }
    .sidebar-menu .navbar-nav .nav-item .nav-link:before {
        width: 100px;
    }
    .sidebar-menu .navbar {
        width: 55%;
        left: 45%;
    }
    .menu-img {
        padding: 23%;
        top: -26px;
        width: calc(100% - 200px);
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(1) .menu-img {
        top: -250px;
    }
    /* .sidebar-menu .navbar-nav .nav-item:nth-last-child(2) .menu-img {
        top: -240px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(3) .menu-img {
        top: -240px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(4) .menu-img {
        top: -250px;
    } */
    .home-slide1-cnt h1 {
        font-size: 90px;
        line-height: 100px;
    }
    .home-slide2-cnt h1 {
        font-size: 170px;
        line-height: 140px;
    }
    .home-slide2-cnt p {
        font-size: 73px;
        line-height: 73px;
        margin: 0 0 0 80px;
    }
    .home-slide3-cnt h1 {
        font-size: 170px;
        line-height: 140px;
    }
    .home-slide3-cnt p {
        font-size: 73px;
        line-height: 73px;
        margin: 0 0 0 80px;
    }
    .find-your-drive {
        padding: 170px 0 100px;
    }
    .find-your-drive .swiper-slide {
        width: 352px;
    }
    .find-your-drive-box ul li a {
        font-size: 22px;
    }
    .compete-volunteer-img {
        max-height: 600px;
    }
    .compete-volunteer-img h6 {
        bottom: 30px;
        font-size: 42px;
    }
    .compete-volunteer-img:hover h6 {
        bottom: 140px;
    }
    .compete-volunteer-img:hover .orange-border {
        border-width: 20px;
    }
    .compete-volunteer-img:hover .orange-border:before {
        border-width: 20px;
    }
    .compete-volunteer-img:hover .orange-border:after {
        border-width: 20px;
        left: 60px;
        bottom: 60px;
    }
    .circuit-racing-video-img {
        width: 51%;
    }
    .about-stage-rallying-cnt .thm-btn-1 {
        font-size: 20px;
    }
    .stage-rallying-cnt {
        margin-right: 50px;
    }
    .order-rally-img {
        padding: 18%;
    }
    .order-rally-cnt {
        width: 57%;
    }
    .order-rally-cnt h2 {
        font-size: 36px;
    }
    .easy-steps-box-cnt {
        top: 30px;
    }
    .easy-steps-box-cnt h3 {
        font-size: 35px;
    }
    .easy-steps-box-cnt p {
        font-size: 18px;
        line-height: 28px;
    }
    .reasons-cnt {
        padding: 100px 50px;
    }
    .reasons-cnt span {
        font-size: 100px;
    }
    .reasons-cnt h2 {
        font-size: 40px;
    }   
    .reasons-box {
        margin-right: 0px;
    }
    .stage-rallying-icon ul li:first-child .stage-rallying-popup {
        left: 25%;
        transform: translate(-25%, -100%);
    }
    .stage-rallying-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 25%;
        transform: translate(-25%, -100%);
    }
    .general-sport-box .orange-border {
        height: calc(100% - 20px);
        border-width: 10px;
        right: 20px;
    }
    .general-sport-box .orange-border:before {
        right: 10px;
        bottom: 10px;
        border-width: 10px;
        border-radius: 0 0 100px 0;
    }
    .general-sport-box .orange-border:after {
        border-width: 10px;
        border-radius: 0 0 76px 0;
        right: 30px;
        bottom: 30px;
    }
    .national-membership-number-list {
        padding-left: 22%;
    }
    .national-membership-number {
        margin-right: 90px;
    }
    .national-membership-cnt p {
        font-size: 26px;
        line-height: 42px;
    }
    .national-membership-value {
        font-size: 60px;
    }   
    .footer {
        padding: 245px 0 100px;
    }
    .footer .orange-border {
        top: 100px;
        border-width: 20px;
    }
    .footer .orange-border:before {
        border-width: 20px;
    }
    .footer .orange-border:after {
        border-width: 20px;
        top: 60px;
        left: 60px;
    }
    .footer .footer-logo {
        margin-left: 100px;
    }
    .footer .footer-social {
        margin-left: 100px;
    }
}
@media(max-width: 1199.98px) {
    .header {
        padding: 15px 12px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(1) .menu-img {
        top: -170px;
    }
    /* .sidebar-menu .navbar-nav .nav-item:nth-last-child(2) .menu-img {
        top: -160px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(3) .menu-img {
        top: -190px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(4) .menu-img {
        top: -190px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(5) .menu-img {
        top: -90px;
    } */
    .sidebar-menu .close-box {
        padding: 39px 18px 30px 0px;
    }
    .home-slide1-cnt h1 {
        font-size: 80px;
        line-height: 80px;
    }
    .home-slide2-cnt h1 {
        font-size: 130px;
        line-height: 120px;
    }
    .home-slide2-cnt p {
        font-size: 60px;
        line-height: 63px;
        margin: 0 0 0 60px;
    }
    .home-slide3-cnt h1 {
        font-size: 130px;
        line-height: 120px;
    }
    .home-slide3-cnt p {
        font-size: 60px;
        line-height: 63px;
        margin: 0 0 0 60px;
    }
    .find-your-motorsport-cnt {
        padding: 0 60px 0 30px;
    }
    .find-your-motorsport-cnt h5 {
        font-size: 26px;
        line-height: 48px;
    }
    .find-your-drive .sec-heading h2 {
        font-size: 54px;
        line-height: 58px;
    }
    .find-your-drive .swiper-slide {
        width: 292px;
    }
    .ctm-btn-1 {
        font-size: 20px;
        padding: 16px 30px 12px;
    }
    .find-your-drive-box ul li a {
        font-size: 18px;
    }
    .people-think .sec-heading h2 {
        font-size: 54px;
        line-height: 58px;
    }
    .people-think-cnt p {
        font-size: 22px;
    }
    .banner-txt h1 {
        font-size: 70px;
        line-height: 100px;
    }
    .circuit-racing {
        padding: 120px 0;
    }
    .circuit-racing-cnt h2 {
        font-size: 54px;
    }
    .circuit-racing-video-img {
        width: 61%;
    }
    .circuit-racing-box {
        padding: 120px 0;
    }
    .marshalling {
        padding: 120px 0;
    }
    .rescue-recovery {
        padding: 120px 0;
    }
    .volunteering {
        padding: 45px 0;
    }
    .what-volunteer {
        padding: 120px 0 70px;
    }
    .what-volunteer .sec-heading h2 {
        font-size: 54px;
        line-height: 66px;
    }
    .reasons-box {
       margin-top: 50px;
    }
    .reasons-box p {
        font-size: 22px;
    }
    .faq-banner-txt h1 {
        font-size: 70px;
        line-height: 70px;
    }
    .faq {
        padding: 120px 0;
    }
    .stage-rallying-icon ul li {
        margin-right: 4px;
    }
    .stage-rallying-icon ul li:nth-child(5) .stage-rallying-popup {
        left: 25%;
        transform: translate(-25%, -100%);
    }
    .stage-rallying .row.g-5 {
        --bs-gutter-y: 40px;
        --bs-gutter-x: 40px;
    }
    .stage-rallying-cnt {
        margin-right: 30px;
    }
    .question-matrix-output .row.g-5 {
        --bs-gutter-y: 40px;
        --bs-gutter-x: 40px;
    }
    .question-matrix-output-icon ul li img {
        width: 67px;
    }
    .order-rally-img {
        padding: 20%;
    }
    .order-rally-cnt {
        width: 60%;
        padding: 50px 70px;
    }
    .easy-steps-box-cnt h3 {
        font-size: 24px;
    }
    .easy-steps-box-cnt {
        top: 20px;
    }
    .easy-steps-box-bg {
        border: 10px solid var(--colorWhite);
    }
    .easy-steps-box-bg:before {
        border: 10px solid var(--colorWhite);
    }
    .easy-steps-box-bg:after {
        border: 10px solid var(--colorWhite);
        top: 30px;
        right: 30px;
    }
    .easy-steps-box-cnt {
        margin-right: 202px;
    }
    .general-sport-box h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .national-membership-cnt p {
        font-size: 24px;
        line-height: 38px;
    }
    .national-membership-number p {
        font-size: 22px;
        line-height: 38px;
    }
}
@media(max-width: 991.98px) {
    .header-logo a img {
        height: 50px;
    }
    .sidebar-menu .dropdown-menu {
        margin-left: 32px;
    }
    .sidebar-menu .dropdown-menu.show {
        margin-left: 32px;
    }
    .sidebar-menu .dropdown-menu ul li a {
        font-size: 18px;
    }
    .sidebar-menu .navbar {
        width: 60%;
        left: 40%;
    }
    .sidebar-menu .close-box {
        padding: 27px 18px 30px 0px;
    }
    .sidebar-menu .navbar-nav .nav-item {
        margin-bottom: 15px;
    }
    .sidebar-menu .navbar-nav .nav-item .nav-link {
        font-size: 24px;
    }
    .sidebar-menu .navbar-nav .nav-item .nav-link:before {
        width: 50px;
        margin-right: 20px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(1) .menu-img {
        top: -139px;
    }
    /* .sidebar-menu .navbar-nav .nav-item:nth-last-child(2) .menu-img {
        top: -110px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(3) .menu-img {
        top: -130px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(4) .menu-img {
        top: -130px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(5) .menu-img {
        top: -20px;
    } */
    .menu-img {
        padding: 19%;
    }
    .home-slide1-cnt h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .home-slide2-cnt h1 {
        font-size: 100px;
        line-height: 90px;
    }
    .home-slide2-cnt p {
        font-size: 54px;
        line-height: 53px;
        margin: 0 0 0 46px;
    }
    .home-slide3-cnt h1 {
        font-size: 100px;
        line-height: 90px;
    }
    .home-slide3-cnt p {
        font-size: 54px;
        line-height: 53px;
        margin: 0 0 0 46px;
    }
    .stage-rallying-icon ul li:nth-child(5) .stage-rallying-popup {
        left: 50%;
        transform: translate(-50%, -100%);
    }
    .stage-rallying-icon ul li:nth-child(7) .stage-rallying-popup {
        left: 25%;
        transform: translate(-25%, -100%);
    }
    .find-your-motorsport-cnt {
        max-width: 100%;
        padding: 70px 80px 80px;
    }
    .find-your-motorsport-img {
        width: auto;
        height: auto;
        padding: 50%;
    }
    .find-your-motorsport .row .col-lg-6:first-child {
        order: 2;
    }
    .find-your-motorsport .row .col-lg-6:last-child {
        order: 1;
    }
    .find-your-drive {
        padding: 120px 0 80px;
    }
    .find-your-drive .sec-heading h2 {
        font-size: 46px;
        line-height: 50px;
    }
    .find-your-drive .swiper-slide {
        width: 333px;
    }
    .reasons-cnt {
        padding: 80px 50px;
    }
    .compete-volunteer-img {
        max-height: 500px;
    }
    .compete-volunteer-img h6 {
        font-size: 36px;
    }
    .compete-volunteer-img:hover h6 {
        bottom: 116px;
    }
    .compete-volunteer-img:hover .orange-border {
        border-width: 15px;
    }
    .compete-volunteer-img:hover .orange-border:before {
        border-width: 15px;
        border-radius: 0 0 0 90px;
        left: 15px;
        bottom: 15px;
    }
    .compete-volunteer-img:hover .orange-border:after {
        border-width: 15px;
        border-radius: 0 0 0 60px;
        left: 45px;
        bottom: 45px;
    }
    .find-que {
        font-size: 32px;
    }
    .drive-digit {
        font-size: 200px;
        height: 205px;
    }
    .ctm-btn-1 {
        font-size: 16px;
        padding: 14px 30px 10px;
        margin: 105px 0 70px 0;
    }
    .people-think {
        padding: 120px 0 80px;
    }
    .people-think .sec-heading h2 {
        font-size: 46px;
        line-height: 50px;
        margin-bottom: 60px;
    }
    .people-think-box {
        width: 83%;
    }
    .banner {
        min-height: 75vh;
    }
    .banner-txt h1 {
        font-size: 60px;
        line-height: 80px;
    }
    .banner-txt p {
        font-size: 26px;
        line-height: 40px;
    }
    .circuit-racing {
        padding: 100px 0;
    }
    .circuit-racing-cnt h2 {
        font-size: 46px;
    }
    .circuit-racing-video-cnt-bg .col-lg-10 {
        position: relative;
    }
    .circuit-racing-video-cnt {
        position: relative;
        z-index: 1;
    }
    .circuit-racing-video-img {
        width: 68%;
        position: absolute;
        right: 0;
    }
    .circuit-racing-box {
        padding: 100px 0;
    }
    .circuit-racing-box-cnt {
        margin-bottom: 50px;
    }
    .circuit-racing-box .row:nth-child(2) .col-lg-6:first-child {
        order: 2;
    }
    .circuit-racing-box .row:nth-child(2) .col-lg-6:nth-child(2) {
        order: 1;
    }
    .marshalling {
        padding: 100px 0;
    }
    .m-75 {
        margin: 50px -12px;
    }
    .marshalling-box-cnt {
        margin-bottom: 50px;
    }
    .marshalling-description h4 {
        font-size: 28px;
    }
    .rescue-recovery {
        padding: 100px 0;
    }
    .rescue-recovery-cnt h4 {
        font-size: 28px;
        margin: 80px 0 30px;
    }
    .explore-cnt {
        font-size: 28px;
        margin: 0 230px 0 0;
    }
    .what-volunteer {
        padding: 100px 0 70px;
    }
    .what-volunteer .sec-heading h2 {
        font-size: 46px;
        line-height: 56px;
    }
    .volunteer-box ul {
        display: block;
    }
    .volunteer-box ul li {
        width: 100%;
        margin-left: 0;
        margin-top: -30px;
    }
    .volunteer-box ul li:hover {
        width: 100%;
        z-index: 1;
    }
    .volunteer-box ul li.active {
        width: 100%;
        z-index: 1;
    }
    .volunteer-box ul li a span {
        writing-mode: unset;
        transform: rotate(-0deg);
    }
    .volunteer-box ul li .volunteer-box-img {
        height: 130px;
    }
    .volunteer-box ul li.active .volunteer-box-img {
        height: 220px;
    }
    .volunteer-box ul li:hover .volunteer-box-img {
        height: 220px;
    }
    .volunteering-box-cnt {
        margin-bottom: 50px;
    }
    .volunteering-box-cnt h4 {
        font-size: 28px;
    }
    .volunteering-description h4 {
        font-size: 28px;
    }
    .volunteering-box-img {
        margin-bottom: 50px;
    }
    .order_1 {
        order: 1;
    }
    .order_2 {
        order: 2;
    }
    .who-should {
        padding: 100px 0;
    }
    .who-should-cnt h4 {
        font-size: 28px;
    }
    .who-should-logo-bg {
        padding: 60px 0px 40px;
    }
    .who-should-logo ul li {
        width: 25%;
    }
    .faq-banner {
        min-height: 60vh;
    }
    .faq-banner-txt h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .faq-banner-txt p {
        font-size: 26px;
        line-height: 40px;
    }
    .faq {
        padding: 100px 0;
    }
    .faq-box h5 {
        font-size: 26px;
    }
    .faq-box p::before {
        font-size: 26px;
    }
    .stage-rallying-cnt {
        margin-right: 0px;
        margin-bottom: 50px;
    }
    .about-stage-rallying-cnt .thm-btn-1 {
        margin-top: 50px;
    }
    .about-stage-rallying-cnt h4 {
        font-size: 28px;
    }
    .question-matrix-output-box h6 {
        font-size: 28px;
    }
    .stage-rallying-cnt .thm-btn {
        display: table;
    }
    .rallying-pathway .sec-heading h2 {
        font-size: 46px;
        line-height: 56px;
    }
    .pathway-box ul {
        display: block;
    }
    .pathway-box ul li {
        width: 100%;
        margin-left: 0;
        margin-top: -30px;
    }
    .pathway-box ul li.active {
        width: 100%;
        z-index: 1;
    }
    .pathway-box ul li .pathway-box-img {
        height: 130px;
    }
    .pathway-box ul li.active .pathway-box-img {
        height: 220px;
    }
    .pathway-box ul li a span {
        writing-mode: unset;
        transform: rotate(-0deg);
    }
    .order-rally {
        display: block;
    }
    .order-rally-img {
        padding: 50%;
        width: 100%;
    }
    .order-rally-cnt {
        width: 100%;
        padding: 70px 100px;
    }
    .order-rally-cnt h2 {
        font-size: 32px;
    }
    .easy-steps-box-bg {
        right: 34%;
        border: 15px solid var(--colorWhite);
    }
    .easy-steps-box-bg:before {
        border: 15px solid var(--colorWhite);
    }
    .easy-steps-box-bg:after {
        border: 15px solid var(--colorWhite);
        top: 35px;
        right: 35px;
    }
    .easy-steps .sec-heading h2 {
        font-size: 46px;
        line-height: 56px;
    }
    .easy-steps-box-cnt {
        top: 30px;
    }
    .easy-steps-box-cnt h3 {
        font-size: 40px;
    }   
    .easy-steps-box-cnt p {
        font-size: 22px;
    }
    .easy-steps .col-lg-4 {
        width: 100%;
    }
    .reasons-img {
        height: auto;
        padding: 50%;
    }
    .reasons .col-lg-6 {
        width: 100%;
        max-width: unset;
    }
    .stage-rallying-point ul li {
        font-size: 22px;
    }
    .easy-steps {
        padding: 80px 0 0;
    }
    .stage-rallying-icon ul li {
        margin-right: 10px;
    }
    .general-sport-box h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .national-membership-cnt {
        padding: 50px 50px 30px;
    }
    .national-membership-cnt p {
        font-size: 22px;
        line-height: 34px;
    }
    .footer {
        padding: 185px 0 80px;
    }
    .footer .orange-border {
        top: 80px;
        border-width: 15px;
    }
    .footer .orange-border:before {
        border-width: 15px;
        border-radius: 90px 0 0 0;
        top: 15px;
        left: 15px;
    }
    .footer .orange-border:after {
        border-width: 15px;
        border-radius: 60px 0 0 0;
        top: 45px;
        left: 45px;
    }
    .footer .footer-logo {
        margin-left: 70px;
    }
    .footer .footer-social {
        margin-left: 70px;
        margin-bottom: 30px;
    }
    .footer .short-link {
        margin-left: 70px;
    }
    .footer .short-link ul {
        justify-content: start;
    }
    .footer .short-link ul li:first-child a {
        padding-left: 0;
    }
    .footer .footer-text {
        text-align: left;
        margin-left: 70px;
    }
}
@media(max-width: 767.98px) {
    .sidebar-menu .dropdown-menu {
        margin-left: 16px;
    }
    .sidebar-menu .dropdown-menu.show {
        margin-left: 16px;
    }
    .sidebar-menu .dropdown-menu ul li a {
        font-size: 16px;
    }
    .sidebar-menu .navbar-nav .nav-item .nav-link {
        font-size: 20px;
    }
    .sidebar-menu .navbar-nav .nav-item {
        margin-bottom: 10px;
    }
    .sidebar-menu .navbar-nav .nav-item .nav-link:before {
        width: 35px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(1) .menu-img {
        top: -130px;
    }
    /* .sidebar-menu .navbar-nav .nav-item:nth-last-child(3) .menu-img {
        top: -100px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(4) .menu-img {
        top: -100px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(5) .menu-img {
        top: -100px;
    } */
    .menu-img {
        padding: 23%;
        width:70%;
    }
    .home-slide1-cnt h1 {
        font-size: 42px;
        line-height: 42px;
    }
    .home-slide2-cnt h1 {
        font-size: 90px;
        line-height: 80px;
    }
    .home-slide2-cnt p {
        font-size: 48px;
        line-height: 54px;
        margin: 0 0 0 46px;
    }
    .home-slide3-cnt h1 {
        font-size: 90px;
        line-height: 80px;
    }
    .home-slide3-cnt p {
        font-size: 48px;
        line-height: 54px;
        margin: 0 0 0 46px;
    }
    .find-your-motorsport-cnt {
        padding: 40px 50px 50px;
    }
    .find-your-motorsport-cnt h5 {
        margin-bottom: 30px;
    }
    .find-your-motorsport-cnt .thm-btn {
        margin: 30px 0 0;
    }
    .find-your-drive {
        padding: 100px 0 60px;
    }
    .find-your-drive .sec-heading h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .find-your-drive .swiper-slide {
        width: 246px;
        margin-right: 24px !important;
    }
    .compete-volunteer-img h6 {
        font-size: 32px;
    }
    .compete-volunteer-img:hover h6 {
        bottom: 90px;
    }
    .compete-volunteer-img:hover .orange-border {
        border-width: 10px;
    }
    .compete-volunteer-img:hover .orange-border:before {
        border-width: 10px;
        border-radius: 0 0 0 100px;
        left: 10px;
        bottom: 10px;
    }
    .compete-volunteer-img:hover .orange-border:after {
        border-width: 10px;
        border-radius: 0 0 0 80px;
        left: 30px;
        bottom: 30px;
    }
    .find-que {
        font-size: 30px;
    }
    .ctm-btn-1:after {
        width: 42px;
        right: -42px;
    }
    .find-your-drive .swiper-horizontal>.swiper-scrollbar,
    .find-your-drive .swiper-scrollbar.swiper-scrollbar-horizontal {
        width: 100%;
    }
    .people-think {
        padding: 100px 0 60px;
    }
    .people-think .sec-heading h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 50px;
    }
    .people-think-box {
        width: 100%;
    }
    .people-think-box {
        padding: 10px 30px 30px;
    }
    .people-img-box {
        position: relative;
        right: 0;
        top: 100%;
        transform: translate(0%, 0%);
        left: 50px;
        margin-top: 25px;
    }
    .banner {
        min-height: 50vh;
        padding: 100px 0 80px;
    }
    .banner-txt h1 {
        font-size: 42px;
        line-height: 62px;
    }
    .banner-txt p {
        font-size: 22px;
        line-height: 32px;
    }
    .circuit-racing {
        padding: 80px 0;
    }
    .circuit-racing-cnt h2 {
        font-size: 36px;
    }
    .circuit-racing-box {
        padding: 80px 0;
    }
    .circuit-racing-video-img {
        width: 100%;
    }
    .circuit-racing-box-cnt {
        margin-bottom: 30px;
    }
    .circuit-racing-box .row {
        margin-bottom: 80px;
    }
    .m-75 {
        margin: 30px -12px;
    }
    .marshalling {
        padding: 80px 0;
    }
    .marshalling-box-cnt {
        margin-bottom: 40px;
    }
    .marshalling-description h4 {
        font-size: 26px;
    }
    .marshalling-description {
        padding-bottom: 50px;
        margin: 25px 0 25px;
    }
    .rescue-recovery {
        padding: 80px 0;
    }
    .rescue-recovery-cnt h4 {
        font-size: 26px;
        margin: 60px 0 30px;
    }
    .explore-cnt {
        font-size: 26px;
        margin: 0 160px 0 0;
    }
    .what-volunteer {
        padding: 80px 0 70px;
    }
    .what-volunteer .sec-heading h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .volunteer-box ul li a span {
        font-size: 18px;
    }
    .volunteering-box-cnt h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .volunteering-box-cnt {
        margin-bottom: 30px;
    }
    .volunteering-description h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .volunteering-box-img {
        margin-bottom: 30px;
    }
    .who-should {
        padding: 80px 0;
    }
    .who-should-cnt h4 {
        font-size: 26px;
    }
    .who-should-logo-bg {
        padding: 40px 0px 20px;
    }
    .who-should-logo ul li {
        width: 33%;
    }
    .who-should-logo ul li:nth-child(3n) {
        padding-right: 0px;
    }
    .faq-banner {
        min-height: 50vh;
        padding: 100px 0 80px;
    }
    .faq-banner-txt h1 {
        font-size: 42px;
        line-height: 42px;
    }
    .faq-banner-txt p {
        font-size: 22px;
        line-height: 32px;
    }
    .faq {
        padding: 80px 0;
    }
    .faq-box {
        margin-bottom: 50px;
    }
    .faq-box h5 {
        font-size: 22px;
    }
    .faq-box p {
        font-size: 16px;
        line-height: 28px;
    }
    .faq-box p::before {
        font-size: 22px;
    }
    .stage-rallying {
        padding: 80px 0;
    }
    .about-stage-rallying {
        padding: 80px 0;
    }
    .about-stage-rallying-cnt h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .question-matrix-output {
        padding: 80px 0;
    }
    .question-matrix-output .row.g-5 {
        --bs-gutter-y: 40px;
        --bs-gutter-x: 0px;
    }
    .question-matrix-output-box h6 {
        font-size: 26px;
    }
    .rallying-pathway .sec-heading h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .pathway-box ul li a span {
        font-size: 18px;
    }
    .rallying-pathway {
        padding: 80px 0;
    }
    .order-rally-cnt {
        padding: 50px 70px;
    }
    .stage-rallying-cnt h6 {
        font-size: 28px;
    }
    .stage-rallying-point ul li {
        font-size: 20px;
    }
    .easy-steps-box-cnt {
        margin-right: 230px;
    }
    .reasons-cnt h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .reasons-cnt span {
        font-size: 80px;
    }
    .reasons-box p {
        font-size: 20px;
        line-height: 26px;
    }
    .reasons-box .reasons-digit {
        font-size: 60px;
    }
    .arrow-right-lg-box .chevron-right-lg {
        width: 40px;
    }
    .arrow-right-lg-box .chevron-right-lg:nth-child(2) {
        margin-left: -24px;
    }
    .arrow-right-lg-box .chevron-right-lg:nth-child(3) {
        margin-left: -24px;
    }
    .reasons-box {
        margin-top: 40px;
    }
    .easy-steps .sec-heading h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .stage-rallying-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 25%;
        transform: translate(-25%, -100%);
    }
    .stage-rallying-icon ul li:nth-child(7) .stage-rallying-popup {
        left: 50%;
        transform: translate(-50%, -100%);
    }
    .national-membership-value {
        font-size: 50px;
    }
    .footer {
        padding: 150px 0 60px;
    }
    .footer .orange-border {
        top: 60px;
        border-width: 10px;
    }
    .footer .orange-border:before {
        border-width: 10px;
        border-radius: 100px 0 0 0;
        top: 10px;
        left: 10px;
    }
    .footer .orange-border:after {
        border-width: 10px;
        border-radius: 80px 0 0 0;
        top: 30px;
        left: 30px;
    }
    .footer .footer-logo {
        margin-left: 50px;
    }
    .footer .footer-social {
        margin-left: 50px;
    }
    .footer .short-link {
        margin-left: 50px;
    }
    .footer .footer-text {
        margin-left: 50px;
    }
}
@media(max-width: 575.98px) {
    .web-video-img {
        display: none;
    }
    .mobile-video-img {
        display: block;
    }
    .sidebar-menu .dropdown-menu {
        margin-left: 5px;
    }
    .sidebar-menu .dropdown-menu.show {
        margin-left: 5px;
    }
    .sidebar-menu .dropdown-menu ul li:last-child {
        margin-bottom: 15px;
    }
    .header {
        padding: 15px 0px;
    }
    .header .pe-0 {
        padding-right: 12px !important;
    }
    .sidebar-menu .close-box {
        padding: 33px 5px 20px 0px;
    }
    .sidebar-menu .sidepanel .close-box button {
        font-size: 18px;
    }
    .sidebar-menu .sidepanel .close-box i {
        font-size: 22px;
        margin-left: 10px;
    }
    .sidebar-menu .navbar {
        width: 100%;
        left: 0;
        top: 0%;
        transform: translate(-0%, 0%);
        padding: 20px 0;
    }
    .sidebar-menu .navbar-nav .nav-item {
        margin-bottom: 15px;
    }
    .sidebar-menu .navbar-nav .nav-item .nav-link {
        font-size: 18px;
    }
    .sidebar-menu .navbar-nav .nav-item .nav-link:before {
        width: 30px;
        margin-right: 15px;
    }
    .menu-img {
        padding: 33%;
        width: calc(100% - 0px);
        position: relative;
        left: 0px;
        top: 5px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(1) .menu-img {
        top: 5px;
    }
    /* .sidebar-menu .navbar-nav .nav-item:nth-last-child(2) .menu-img {
        top: 5px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(3) .menu-img {
        top: 5px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(4) .menu-img {
        top: 5px;
    }
    .sidebar-menu .navbar-nav .nav-item:nth-last-child(5) .menu-img {
        top: 5px;
    } */
    .home-slide1-cnt h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .home-slide2-cnt h1 {
        font-size: 80px;
        line-height: 70px;
    }
    .home-slide2-cnt p {
        font-size: 36px;
        line-height: 40px;
        margin: 0 0 0 37px;
    }
    .home-slide3-cnt h1 {
        font-size: 80px;
        line-height: 70px;
    }
    .home-slide3-cnt p {
        font-size: 36px;
        line-height: 40px;
        margin: 0 0 0 37px;
    }
    .find-your-motorsport-cnt {
        padding: 30px;
    }
    .find-your-motorsport-cnt h5 {
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .find-your-motorsport-cnt p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .find-your-motorsport-cnt .thm-btn {
        margin: 20px 0 0;
    }
    .find-your-drive {
        padding: 80px 0 50px;
    }
    .find-your-drive .sec-heading h2 {
        font-size: 32px;
        line-height: 34px;
    }
    .find-your-drive .swiper-slide {
        width: 296px;
        margin-right: 30px !important;
    }
    .compete-volunteer-img h6 {
        font-size: 28px;
        left: 20px;
        bottom: 20px;
    }
    .compete-volunteer-img:hover h6 {
        right: 20px;
        bottom: 80px;
    }
    .compete-volunteer-img {
        max-height: 400px;
    }
    .compete-volunteer-img:hover .orange-border {
        height: calc(100% - 20px);
        border-radius: 0 0 0 100px;
        left: 20px;
        bottom: 20px;
    }
    .compete-volunteer-img:hover .orange-border:before {
        border-radius: 0 0 0 80px;
    }
    .compete-volunteer-img:hover .orange-border:after {
        border-radius: 0 0 0 60px;
    }
    .people-think {
        padding: 80px 0 50px;
    }
    .people-think .sec-heading h2 {
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 40px;
    }
    .people-think-box {
        padding: 10px 15px 30px;
        border-radius: 20px;
    }
    .left-quotes {
        font-size: 70px;
    }
    .right-quotes {
        font-size: 70px;
    }
    .people-think-cnt {
        padding: 45px 30px 0px 30px;
    }
    .people-think-cnt p {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .people-think-cnt h6 {
        font-size: 22px;
    }
    .people-img-box {
        left: 30px;
    }
    .banner {
        padding: 100px 0 60px;
    }
    .banner-txt h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .banner-txt p {
        font-size: 18px;
        line-height: 30px;
    }
    .circuit-racing {
        padding: 60px 0;
    }
    .circuit-racing-cnt h2 {
        font-size: 32px;
    }
    .circuit-racing-box .row {
        margin-bottom: 60px;
    }
    .circuit-racing-box {
        padding: 60px 0;
    }
    .circuit-racing-box-cnt h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .circuit-racing-box-cnt p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .marshalling {
        padding: 60px 0;
    }
    .marshalling-cnt p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .marshalling-box-cnt {
        margin-bottom: 30px;
    }
    .marshalling-box-cnt h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .marshalling-box-cnt p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .marshalling-description {
        padding-bottom: 40px;
        margin: 20px 0 20px;
    }
    .marshalling-description h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .marshalling-description p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .rescue-recovery {
        padding: 60px 0;
    }
    .rescue-recovery-cnt h4 {
        font-size: 24px;
        margin: 40px 0 30px;
    }
    .rescue-recovery-cnt p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .explore {
        min-height: auto;
    }
    .explore .blue-border {
        height: 190px;
        border: 15px solid #1f1c3b;
        border-right: 0;
        border-radius: 275px 0 0 275px;
        top: auto;
    }
    .explore .blue-border:before {
        border: 15px solid #1f1c3b;
        border-right: 0;
        border-radius: 209px 0 0 209px;
        height: 130px;
        top: 15px;
        left: 15px;
    }
    .explore .blue-border:after {
        border: 15px solid #1f1c3b;
        border-right: 0;
        border-radius: 105px 0 0 105px;
        height: 70px;
        top: 45px;
        left: 45px;
    }
    .explore-cnt {
        font-size: 24px;
        margin: 30px 160px 30px 0;
    }
    .what-volunteer {
        padding: 60px 0 60px;
    }
    .what-volunteer .sec-heading h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .what-volunteer .sec-heading p {
        font-size: 16px;
    }
    .volunteer-box ul li a span {
        font-size: 16px;
    }
    .volunteering-box-cnt h4 {
        font-size: 24px;
    }
    .volunteering-box-cnt p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .volunteering-description h4 {
        font-size: 24px;
    }
    .volunteering-description p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .volunteering-description p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .volunteering {
        padding: 30px 0;
    }
    .who-should {
        padding: 60px 0;
    }
    .who-should-cnt h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .who-should-cnt p {
        font-size: 16px;
    }
    .who-should-logo-bg {
        padding: 10px 0px 10px;
    }
    .who-should-logo ul li {
        width: 50%;
    }
    .who-should-logo ul li:nth-child(2n) {
        padding-right: 0px;
    }
    .faq-banner {
        padding: 100px 0 60px;
    }
    .faq-banner-txt h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .faq-banner-txt p {
        font-size: 18px;
        line-height: 30px;
    }
    .faq {
        padding: 60px 0;
    }
    .faq-box {
        margin-bottom: 40px;
    }
    .faq-box h5 {
        font-size: 20px;
    }
    .faq-box p::before {
        font-size: 20px;
    }
    .stage-rallying {
        padding: 60px 0;
    }
    .stage-rallying-cnt p {
        font-size: 16px;
    }
    .stage-rallying .row.g-5 {
        --bs-gutter-y: 24px;
        --bs-gutter-x: 24px;
    }
    .stage-rallying-icon ul li {
        min-width: 50px;
        min-height: 60px;
        margin-right: 20px;
    }
    .stage-rallying-icon ul li:nth-child(2) img {
        width: 50px;
    }
    .stage-rallying-icon ul li .img-fluid {
        max-width: 100%;
    }
    .stage-rallying-icon ul li:nth-child(3) img {
        width: 44px;
    }
    .stage-rallying-icon ul li span {
        font-size: 24px;
    }
    .stage-rallying-icon ul li .b-span {
        font-size: 12px;
    }
    .stage-rallying-icon ul {
        padding: 0 0 0 0px;
    }
    .stage-rallying-icon ul li .purple-line,
    .stage-rallying-icon ul li .orange-line,
    .stage-rallying-icon ul li .red-line {
        width: 8px;
        height: 60px;
        left: 14px;
        transform: skew(-24deg);
    }
    .stage-rallying-icon ul li .purple-line:before,
    .stage-rallying-icon ul li .orange-line:before,
    .stage-rallying-icon ul li .red-line:before {
        width: 8px;
        min-height: 60px;
        left: 12px;
    }
    .stage-rallying-icon ul li .purple-line:after,
    .stage-rallying-icon ul li .orange-line:after,
    .stage-rallying-icon ul li .red-line:after {
        width: 8px;
        min-height: 60px;
        left: 24px;
    }
    .stage-rallying-icon ul li:first-child .stage-rallying-popup {
        left: 12px;
        transform: translate(-12px, -100%);
    }
    .stage-rallying-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 25%;
        transform: translate(-25%, -100%);
    }
    .stage-rallying-icon ul li:nth-child(7) .stage-rallying-popup {
        left: 100%;
        right: 0;
        transform: translate(-94%, -100%);
    }
    .about-stage-rallying {
        padding: 60px 0;
    }
    .about-stage-rallying-cnt .thm-btn-1 {
        font-size: 18px;
        margin-top: 20px;
    }
    .about-stage-rallying-cnt h4 {
        font-size: 24px;
    }
    .about-stage-rallying-cnt p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .about-stage-rallying-cnt iframe {
        width: 100%;
    }
    .question-matrix-output {
        padding: 60px 0;
    }
    .question-matrix-output-box h6 {
        font-size: 24px;
    }
    .question-matrix-output-cnt p {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .rallying-pathway .sec-heading h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .pathway-box ul li a span {
        font-size: 16px;
    }
    .rallying-pathway {
        padding: 60px 0;
    }
    .order-rally-cnt {
        padding: 30px 15px;
    }
    .order-rally-cnt h2 {
        font-size: 28px;
    }
    .order-rally-cnt p {
        font-size: 16px;
    }
    .easy-steps {
        padding: 60px 0 0;
    }
    .stage-rallying-cnt h6 {
        font-size: 26px;
    }
    .stage-rallying-point ul li {
        font-size: 18px;
    }
    .reasons-cnt {
        padding: 50px 20px;
    }
    .reasons-cnt span {
        font-size: 60px;
    }
    .reasons-cnt h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .reasons-box .reasons-digit {
        font-size: 50px;
    }
    .reasons-box p {
        font-size: 16px;
        line-height: 20px;
    }
    .reasons-box-txt {
        font-size: 36px;
    }
    .arrow-right-lg-box .chevron-right-lg {
        width: 34px;
    }
    .arrow-right-lg-box .chevron-right-lg:nth-child(2) {
        margin-left: -20px;
    }
    .arrow-right-lg-box .chevron-right-lg:nth-child(3) {
        margin-left: -20px;
    }
    .easy-steps-box-bg {
        border: 10px solid var(--colorWhite);
    }
    .easy-steps-box-bg:before {
        border: 10px solid var(--colorWhite);
    }
    .easy-steps-box-bg:after {
        border: 10px solid var(--colorWhite);
        top: 30px;
        right: 30px;
    }
    .easy-steps-box-cnt {
        top: 20px;
    }
    .easy-steps-box-cnt h3 {
        font-size: 21px;
    }
    .easy-steps-box-cnt p {
        font-size: 16px;
        line-height: 22px;
    }
    .easy-steps .sec-heading h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .question-matrix-output-icon ul {
        margin: 30px 0 10px;
    }
    .question-matrix-output-icon ul li:first-child .stage-rallying-popup {
        left: 100%;
    }
    .question-matrix-output-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 0;
    }
    .find-que {
        font-size: 26px;
    }
    .general-sport-box h2 {
        top: 20px;
        left: 20px;
        font-size: 24px;
        line-height: 28px;
    }
    .national-membership-cnt {
        padding: 50px 18px 10px;
    }
    .footer {
        padding: 140px 0 50px;
    }
    .footer .orange-border {
        top: 50px;
        border-radius: 100px 0 0 0;
    }
    .footer .orange-border:before {
        border-radius: 80px 0 0 0;
    }
    .footer .orange-border:after {
        border-radius: 60px 0 0 0;
    }
    .footer .footer-social {
        margin-bottom: 20px;
    }
    .footer .footer-social ul li {
        margin-bottom: 10px;
    }
    .stage-rallying-icon ul li {
        margin-right: 10px;
    }
    .scrolldown img {
        display: none;
    }
}
@media(max-width: 571px){
    .question-matrix-output-icon ul li:nth-child(5) .stage-rallying-popup {
        left: 0;
    }
    .question-matrix-output-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 50%;
    }
}
@media(max-width: 481px){
    .question-matrix-output-icon ul li:nth-child(4) .stage-rallying-popup {
        left: 0;
    }
    .question-matrix-output-icon ul li:nth-child(5) .stage-rallying-popup {
        left: 50%;
    }
    .question-matrix-output-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 50%;
    }
}
@media(max-width: 457px){
    .stage-rallying-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 100%;
        right: 0;
        transform: translate(-94%, -100%);
    }
    .stage-rallying-icon ul li:nth-child(7) .stage-rallying-popup {
        left: 12px;
        transform: translate(-12px, -100%);
    }
}
@media(max-width: 405px){
    .stage-rallying-icon ul li:nth-child(5) .stage-rallying-popup {
        left: 100%;
        right: 0;
        transform: translate(-94%, -100%);
    }
    .stage-rallying-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 12px;
        transform: translate(-12px, -100%);
    }
    .stage-rallying-icon ul li:nth-child(7) .stage-rallying-popup {
        left: 50%;
        transform: translate(-50%, -100%);
    }
}
@media(max-width: 391px){
    .question-matrix-output-icon ul li:first-child .stage-rallying-popup {
        left: 68%;
    }
    .question-matrix-output-icon ul li:nth-child(3) .stage-rallying-popup {
        left: 50%;
    }
    .question-matrix-output-icon ul li:nth-child(4) .stage-rallying-popup {
        left: 100%;
    }
    .question-matrix-output-icon ul li:nth-child(5) .stage-rallying-popup {
        left: 50%;
    }
    .question-matrix-output-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 50%;
    }
    .question-matrix-output-icon ul li:nth-child(7) .stage-rallying-popup {
        left: 0;
    }
}
@media(max-width: 381px){
    .question-matrix-output-icon ul li:first-child .stage-rallying-popup {
        left: 100%;
    }
    .question-matrix-output-icon ul li:nth-child(3) .stage-rallying-popup {
        left: 0;
    }
    .question-matrix-output-icon ul li:nth-child(4) .stage-rallying-popup {
        left: 100%;
    }
    .question-matrix-output-icon ul li:nth-child(5) .stage-rallying-popup {
        left: 50%;
    }
    .question-matrix-output-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 0;
    }
    .question-matrix-output-icon ul li:nth-child(7) .stage-rallying-popup {
        left: 50%;
    }
}
@media(max-width: 375px) {
    .stage-rallying-icon ul li {
        margin-right: 6px;
    }
    .explore-cnt {
        margin: 30px 100px 30px 0;
    }
    .scrolldown img {
        display: none;
    }
}
@media(max-width: 325px){
    .stage-rallying-icon ul li:nth-child(5) .stage-rallying-popup {
        left: 12px;
        transform: translate(-12px, -100%);
    }
    .stage-rallying-icon ul li:nth-child(6) .stage-rallying-popup {
        left: 50%;
        transform: translate(-50%, -100%);
    }
}