header nav ul li a {
    font-size: 18px;
    letter-spacing: 0.94px;
    font-weight: 600;
    color: #6B6B6B;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    font-family: "Inter", sans-serif !important;
}

.navbar {
    padding: 21px 0 !important;
}

header {
    position: sticky;
    top: 0;
    z-index: 99;
}

.nav-link {
    color: #6B6B6B !important;
}

.nav-item .contact-us-text {
    padding: 9px 24px !important;
    background-color: #ED694B;
    border-radius: 30px;
    border: 1px solid #ED694B;
    color: #ffffff !important;
    font-size: 14px;
}

header nav ul li a .active {
    color: #D48A07 !important;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0 !important;
    align-items: center;
}

.nav-link {
    padding: 0 42px !important;
}

/* hero-section */
.hero-section .main-heading {
    font-size: 3.12rem;
    color: #59556E;
    font-weight: 600;
}

.main-haeding-wrapper {
    max-width: 633px;
    width: 100%;
    margin-bottom: 54px;

}
.main-haeding-wrapper span{color: #ED694B;
    margin-left: 9px;}

.hero-section {
    /* background-image: url(./assets/Rectangle\ 4325.png); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    padding: 7.06rem 0;
}

.hero-section .para-deatils {
    color: #6B6B6B;
    font-size: 20px;
}

.signin-btn {
    padding: 12px 30px;
    background: #59556E;
    border-radius: 25px;
    border: none;
    font-size: 16px;
    color: #ffffff;
    margin-top: 35px;
}

.signin-btn a {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}


/* about us */
.about-us .about-us-heading {
    font-size: 3rem;
    font-weight: 700;
    color: #1F1E17;
}

.about-us .about-us-heading span {
    color: #ED694B;
}


.aboutus-title {
    color: #ffffff;
    font-size: 1.87rem;
    font-weight: 700;
}



.aboutus-icon {
    float: left;
    width: 105px;
}

.aboutus-text {
    width: calc(100% - 105px);
    float: right;
}

.aboutus-text p {
    color: rgba(107, 107, 107, 1);
    font-size: 18px;
    line-height: 30px;
}

.aboutus-content-wrapper {
    max-width: 610px;
    margin: 0 auto;
    padding: 20px 0 0;
}



.aboutus-content.clearfix {
    padding-bottom: 12px;
}


/* parkgo-used */

.parkgo-used .used-heading {
    font-size: 3rem;
    font-weight: 600;
    margin: 3.75rem 0;
}

.parkgo-used .used-heading span {
    color: #F16E50;
}

.parkgo-used .used-cards {
    background-color: #F9F5F5;
    box-shadow: 0px 1px 8px 0px #00000014;
    border-radius: 20px;
    padding: 11px 17px 17px 17px;
    max-width: 215px;
    width: 100%;
    color: #000000;
    text-align: center;
    cursor: pointer;
    margin: 20px 0;

    transition: transform 0.5s;
}

.parkgo-used .used-cards:hover {
    background: linear-gradient(180deg, #F67557 0%, #ED694B 100%);
    max-width: 207px;
    color: #ffffff;
    z-index: 99999;
    transform: scale(1.2);
}

.parkgo-used .used-card-titile {
    font-size: 16px;
    font-weight: 700;
    margin: 13px 0;
}

.parkgo-used .used-details-text {
    /* color: #3E3A3A; */
    font-size: 14px;
    font-weight: 500;
}

.parkgo-used .used-details-text:hover {
    color: #ffffff;
}

.value-wrapper {}

/* download */
.download {
    padding: 6.62rem 0 0 0;
}

.download .download-content-wrapper {
    max-width: 420px;
    width: 100%;
    margin: auto;
}

.download .downloadapp-heading {
    font-size: 3rem;
    color: #000000;
    font-weight: 800;
}

.download .downloadapp-heading span {
    font-size: 3rem;
    color: #ed694b;
    margin-bottom: 30px;
    font-weight: 900;
}

.download .get-offer-details {
    font-size: 17px;
    font-weight: 700;
    max-width: 306px;
    width: 100%;
    color: #7C7C7C;
}

/* benefits */
.benefits {
    background-image: url(./assets/form-us.png);
    background-repeat: no-repeat;
    padding: 57px 0;
    background-size: 100% 100%;
}

.benefits-heading {
    font-size: 3rem;
    color: #000000;
    font-weight: 600;
    margin: 2.5rem 0;
}

.benefits-heading span {
    font-size: 3rem;
    color: #ED694B;
    font-weight: 600;
}

.price-card {
    box-shadow: 0px 1px 10px 0px #0000002E;
    border-radius: 25px;
    max-width: 248px !important;
    width: 100%;
    background-color: #ffffff;
    padding: 32px 22px;
}

.Golden-card {
    background-color: #59556E;
    color: #ffffff;
}

.Golden-card .get-btn {
    border: none;
    font-size: 13px;
    color: #000000;
    border-radius: 29px;
    padding: 11px 35px;
    margin: 20px auto 0;
    background-color: #ffffff;
}

.Golden-card .get-btn:hover {
    box-shadow: inset 0 0 0.55em 0em #000000;
    border-color: #ffffff;
    color: #000000 !important;
}

.Golden-card .get-btn a {
    color: #000000;
}

.Golden-card .value-text {
    color: #ffffff;
}

.Golden-card .price-value {
    color: #ffffff;
}

.price-card .get-btn:hover {
    box-shadow: inset 0 0 0.55em 0em #000000;
    border-color: #ffffff;
    color: #ffffff !important;
}
.golden.get-btn:hover {
    box-shadow: inset 0 0 0.55em 0em #000000;
    border-color: #ffffff;
    color: #000000 !important;
}
.price-title {
    font-weight: 600;
    font-size: 22px;
    color: #ED694B;
    text-align: center;
}

.price-value {
    font-size: 2.18rem;
    color: #514D4D;
    margin-top: 20px;
    font-weight: 700;
    text-align: center;
}

.value-text {
    font-size: 13px;
    color: #848484;
}

.get-btn {
    border: none;
    font-size: 13px;
    color: #ffffff;
    border-radius: 29px;
    padding: 11px 35px;
    margin: 20px auto 0;
    background-color: #59556E;
}

.get-btn a {
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
}



.about-us-img-wrapper {
    text-align: center;
}

/* client-review */
.client-review-wrapper {
    box-shadow: 0px 3px 18px 0px #00000024;
}

/* contactus */
.contactus .contact-wrapper {
    background-color: #ED6E50;
    padding: 24px;
    margin: 4.56rem 0 0 0;
    border-radius: 8px;
}

.contactus .contact-contemt-wrapper {
    background: #ffffff;
    border-radius: 8px;
    padding: 58px 5px 40px 5px;
    text-align: center;
}

.contactus .contact-title {
    font-size: 2.25rem;
    color: #000000;
    font-weight: 700;
    text-align: center;
    margin-bottom: 12px;
}

.contact-details-text {
    color: #6B6B6B;
    font-size: 1.12rem;
    font-weight: 600;
}

.reach-out-btn {
    background-color: #59556E;
    font-size: 16px;
    border: none;
    padding: 10px 35px;
    border-radius: 8px;
    color: #ffffff !important;
    text-decoration: none !important;
    margin: 16px 0 0 0;
}

/* faq */
.faq {
    margin: 68px 0 0 0;
}

.faq-heading {
    font-size: 2rem;
    font-weight: 700;
}

.faq-card {
    /* max-width: 484px; */
    width: 100%;
    padding: 27px 22px;
    border-radius: 15px;
    box-shadow: 0px 1px 15px 0px #00000021;

}

.accordion-button {
    font-size: 15px;
    color: #59556E;
    padding: 1rem 0 !important;
}

.accordion-item {
    border-top: none !important;
    border-right: none !important;
    background-color: #fff;
    border-left: none !important;
    border-bottom: 1px solid #F5EFEF !important;
}

.accordion-button:not(.collapsed) {
    color: #59556E !important;
    font-weight: 700 !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
}

.accordion-text {
    color: #EF765B;
    font-size: 16px;
    font-weight: 500;
}

.accordion-body {
    padding: 1rem 0 !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.accordion-button {
    color: #59556E !important;
    font-weight: 700 !important;
    background-color: #ffffff !important;
}

.testimonial-wrapper {
    border-radius: 16px;
    margin: 4.56rem 0;
    padding: 49px;
    box-shadow: 0px 3px 18px 0px #00000024;
}

.testimonial-heading {
    font-size: 2.5rem;
    text-align: center;
    font-weight: 600;
    color: #000000;
}

.testimonial-heading span {
    font-size: 2.5rem;
    color: #F08168;
    font-weight: 700;
}

.testimonial-inner-wrapper {
    position: absolute;
    top: -20px;
    left: -18px;
}

.testimonial-card {
    margin: 50px 30px;
    max-width: 330px;
    width: 100%;
    position: relative;
    padding: 27px 25px;
    background-color: #ffffff;
    box-shadow: 0px 3.39px 12.86px 0px #00000021;

}


.review-box {
    width: 100%;
    min-width: 242px;
    background-color: #F08168;
    padding: 10px;
    box-shadow: 12.7px 15.24px 25.4px 0px #3939BC29;

}

.client-name {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

.client-designation {
    font-size: 13px;
    color: #E2E2E2;
    font-weight: 400;
}

.thumb-text {
    font-size: 8px;
    color: #ffffff;
}

.review-details {
    color: #59556E;
    font-size: 12px;
    font-weight: 400;
    margin-top: 60px;
}

/* footer */
.list-wrapper{
    column-count: 2;
}
.footer {
    padding: 50px 0 60px 0;
    margin: 50px 0 0 0;
    background-color: #59556E;
}

.footer-title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
}

.footer-tabs {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.footer-tabs:hover {
    color: #ED6E50;
}

.location-icon {
    width: 10px;
}

.footer-details-wrapper {
    margin-top: -48px;
    border-radius: 11px;
    padding: 24px 24px 22px 81px;
    box-shadow: 0px 4px 4px 0px #00000040;
}


.brand-deatils {
    font-size: 18px;
    font-weight: 400;
    color: #6B6B6B;
}

.Copyrighte-text {
    color: #6B6B6B;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    margin: 0;
}

.slider-container {
    position: relative;
}

.prev-btn {
    z-index: 999;
    position: absolute;
    left: -33px;
    top: 50%;
    cursor: pointer;
    height: 50px;
    width: 50px;
    box-shadow: 0px 0px 7px 0px #00000024;
    border-radius: 50px;
    background-color: #ffffff;
}

.next-btn {
    position: absolute;
    right: -35px;
    Z-INDEX: 9999;
    cursor: pointer;
    top: 50%;
    height: 50px;
    width: 50px;
    box-shadow: 0px 0px 7px 0px #00000024;
    border-radius: 50px;
    background-color: #ffffff;
}

.products-wrapper-main {

    justify-content: space-between;
}

/* products */
.products-heading {
    margin: 1.87rem 0;
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
}

.products-heading span {
    font-size: 3rem;
    font-weight: 600;
    color: #F16E50;

}

.products-wrapper {
    width: 49%;
    flex: 0 0 49%;
    box-shadow: 0px 5px 9px 0px #00000036;
    border-radius: 13px;
}

.key-features-text {
    font-size: 1.87rem;
    color: #1F1F1D;
    font-weight: 600;
}

.faq-img-wrapper {
    text-align: end;
}

.features-wrapper {
    padding: 3.37rem;
}

.features-wrapper ul {
    padding: 0;
}

.features-wrapper ul li {
    list-style: none;
    color: #6B6B6B;
    font-size: 1.31rem;
    margin: 8px 0 0 0;
}

.features-wrapper ul li::before {
    content: "● ";
    color: red;
    /* or whatever color you prefer */
}


.mobile-set {
    margin-top: 8px;
    font-size: 17px;
    color: #1F1F1D;
    text-align: center;
    font-weight: 700;
}

.pay-wrapper {
    box-shadow: 0px 5px 9px 0px #00000036;
    border-radius: 13px;
    width: 49%;
    flex: 0 0 49%;
    margin: 3.75rem 0 0 0;
}

.client-img-wrapper {
    width: 70px;
    height: 70px;
}


.signin {
    margin-left: 30px;
}


/* contact */
.contact-us-wrapper {
    box-shadow: 0px 12px 24px 0px #0D102D12;
    padding: 2.5rem;
    margin: 20px;
}

.contact-heading {
    font-size: 2.18rem;
    color: #1C244B;
    text-align: center;
    font-weight: 600;
    margin-bottom: 8px;
}

.contact-deatils {
    color: #172640;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
}

.contact-input {
    border: 1.11px solid #C5CAD1 !important;
    font-size: 14px !important;
    color: #576675 !important;
    padding: 10px 10px !important;
    font-weight: 500 !important;
    margin-top: 17px;
    border-radius: 6px !important;
}

.textarea-input {
    padding: 0 !important;
    position: relative;
}

.textarea-text {
    font-size: 14px !important;
    color: #576675 !important;
    font-weight: 500 !important;

}

.check-label-text {
    font-size: 16px !important;
    color: #576675 !important;
    font-weight: 500 !important;
}

.submit-btn {
    background: #F47254;
    font-size: 20px;
    color: #ffffff !important;
    text-decoration: none;
    padding: 7px 30px;
    border-radius: 25px;
    border: none;
}

.cont-btn {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
}

.button-4 {
    background-color: transparent;
    transition: .3s;
}

.button-4:hover {
    box-shadow: 0 0 10px 0 #F47254 inset, 0 0 20px 2px #F47254;
    border: 1px solid #F47254;
}

.signin-btn:hover {
    color: #ffffff;
    box-shadow: 0 0 10px 0 #b3b3b3 inset, 0 0 20px 2px #b1b1b1;
}

.signin-btn a:hover {
    color: #ffffff;
}
.icon-wrapper {
    width: 50px;
    height: 50px;
    background-color: rgba(89, 85, 110, 1);
    border-radius: 50px;
    padding: 5px;
    margin: auto;
}
.reach-out-btn {
    padding: 9px 24px !important;
    background-color: #ED694B;
    border-radius: 30px;
    border: 1px solid #ED694B;
    color: #ffffff !important;
    font-size: 14px;
}

a .reach-out-btn.contact-us-text.cont-btn.button-4 {
    text-decoration: none;
}

@media screen and (min-width:1200px) {
    .container {
        max-width: 1444px !important;
        width: 100%;
    }
}

.error-text {
    font-size: 12px;
    margin: 5px 10px 0 0;
}

.message-wrapper {
    border: 1.11px solid #C5CAD1 !important;
    font-size: 14px !important;
    color: #576675 !important;
    padding: 10px 10px !important;
    font-weight: 500 !important;
    margin-top: 17px;
    border-radius: 6px !important;
}

.message-input-text.form-control {
    font-size: 12px;
    color: #9e9e9e;
    border: none;
    padding: .375rem 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}



.form-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none !important;
}

.flex-width {
    flex: 0 0 48%;
    width: 48%;
}


.main {
    margin: 0px auto;
    width: 480px;
    height: 480px;
    position: relative;
}

.big-circle {
    height: 94%;
    width: 94%;
    position: relative;
    border: 1px solid #d4d4d4;
    /* border-image: linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%) 1; */
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite;
}

.icon-block {
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-image: linear-gradient(180deg, #ED694B 0%, #f3947f 100%);
    -webkit-background-image: linear-gradient(180deg, #ED694B 0%, #f3947f 100%);
    box-shadow: 0 2px 4px 0 #ED694B;
    -webkit-box-shadow: 0 2px 4px 0 #ED694B;
}

.icon-block img {
    margin: 0px auto;
    width: 86%;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
}

.icon-block:first-child {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(2) {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}

.icon-block:nth-child(3) {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
}

.icon-block:nth-child(4) {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/* circle content */
.circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 93%;
    height: 93%;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
}

.circle .icon-block img {
    animation: img-rotate 20s linear infinite;
    -webkit-animation: img-rotate 20s linear infinite;
}

/* center logo */
.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.center-logo img {
    max-width: 200px;
}

/* keyframe animation */

@keyframes Rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes Rotate-reverse {
    from {
        -webkit-transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes img-rotate {
    from {
        transform: rotate(-45deg);
    }

    to {
        transform: rotate(-405deg);
    }
}

@-webkit-keyframes img-rotate {
    from {
        -webkit-transform: rotate(-45deg);
    }

    to {
        -webkit-transform: rotate(-405deg);
    }
}

.Vouchers-img {
    width: 49%;
    position: absolute;
    right: 0;
    top: 62px;
    left: 0;
    margin: auto;
}

.Vouchers-img-wrapper {
    position: relative;
}

::ng-deep .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left {
    position: absolute;
    left: 0 !important;
}


.testimonial-wrapper .react-multiple-carousel__arrow--left {
    left: calc(0% + 1px) !important;
}
.bar-code-img img{
    width: 100px;
    height: 100px;
}
.parking-img {
   max-width: 500px;
}


 .hero-section .carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 30px;
    background-color: black;
    margin: 5px;
 }

 .hero-section .carousel-indicators li.active{
    background-color: red;
    width: 14px;
 }

 .hero-section .row{
    align-items: center;
 }








 @media screen and (max-width:1200px){



.nav-link {
    padding: 0 22px !important;
}

.hero-section .main-heading {
    font-size: 2.12rem;
    color: #59556E;
    font-weight: 600;
}
.parking-img {
    max-width: 340px;
}
.signin-btn {

    margin-top: 15px;
}

.hero-section {
    padding: 4.06rem 0;
}

.about-us .about-us-heading {
    font-size: 2rem;
}
.parkgo-used .used-heading {
    font-size: 2rem;
    font-weight: 600;
    margin: 2.75rem 0;
}

}
@media screen and (max-width:992px){


    .next-btn {
        right: -30px;
        width: 25px;
        height: 25px;
    }

    .prev-btn {
        left: -30px;
        width: 25px;
        height: 25px
    }

    html {
        font-size: 62.5%
    }

    .Vouchers-img {
        width: 100%;
    }

    .faq-img {
        width: 100%;
    }

    .about-us-img {
        width: 70%;
    }

    .google-play-img {
        width: 80%;
    }

    .brand-deatils {
        font-size: 12px;
    }

    .footer-logo {
        width: 20%;
    }

    .Copyrighte-text {
        font-size: 12px;
    }

    .download .get-offer-details {
        font-size: 14px;

    }

    .accordion-button:not(.collapsed) {
        font-size: 14px;
    }

    .accordion-button {
        font-size: 14px !important;
    }

    .parking-img {
        max-width: 320px;
    }

    .col-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .aboutus-text p {
        color: rgba(107, 107, 107, 1);
        font-size: 15px;
        line-height: 24px;
    }

}

.webview {
    display: none;
}


@media screen and (max-width:576px) {
    .list-wrapper {
        column-count: 1;
    }

    .parking-img{
        width: 85% !important;
    }
    .benefits {
        padding-top: 2px;
        background-size: cover;
    }
    .main-haeding-wrapper {
        margin-bottom: -27px;
    }

    .signin-btn {
        margin-bottom: 14px;
        margin-top: 15px;
    }

    .phoneview {
        display: none;
    }

    .webview {
        display: block;
    }

    .hero-section {
        padding-left: 15px;
        padding-right: 10px;
    }

    .signin {
        margin-top: 7px !important;
        margin-left: 0 !important;
    }

    .circle {

        top: 53% !important;
        left: 44% !important;
        width: 67% !important;
        height: 100% !important;

    }

    .big-circle {
        margin-top: 12px;
        height: 93% !important;
        width: 66% !important;
        margin-left: 48px !important;
    }
    .Vouchers-img {
        /* left: 83px !important; */
    }

    .main {
        margin: 0px auto;
        width: 399px !important;
        height: 274px !important;
        position: relative;
    }

    .accordion-text {
        font-size: 11px
    }

    .accordion-button:not(.collapsed) {
        color: #59556E !important;
        font-weight: 700 !important;
        background-color: #ffffff !important;
        font-size: 12px !important;
    }

    .accordion-button {
        font-size: 12px !important;
        color: #59556E !important;
        font-weight: 700 !important;
        background-color: #ffffff !important;
    }

    .parkgo-used .used-cards {
        margin: 0;
    }

    .value-wrapper {
        padding-left: 20px;
    }

    .machine-img {
        width: 80%;
    }

    .nav-item .contact-us-text {
        padding: 8px 15px !important;
        background-color: #ED694B;
        border-radius: 30px;
        color: #ffffff !important;
        font-size: 14px;
    }

    .header-logo {
        width: 70%;
    }

    .nav-link {
        font-size: 14px;
        padding: 7px 10px !important;
    }

    .navbar-nav {
        align-items: start !important;
    }

    .faq {
        padding: 0 15px;
    }

    .contactus {
        padding: 0 15px;
    }

    .testimonial-card {
        margin: 50px 20px;
    }

    .about-us {
        padding: 0 15px;
    }

    .download {
        padding-left: 15px;
        padding-right: 15px;
    }

    .testimonial {
        padding-left: 15px;
        padding-right: 15px;
    }

    .testimonial-wrapper {
        padding: 25px 25px;
    }

    .next-btn {
        right: -17px;
        z-index: 99999;
        width: 31px;
        height: 31px;
    }

    .prev-btn {
        left: -18px;
        z-index: 99999;
        width: 31px;
        height: 31px;
    }

    .download-img {
        width: 20%;
    }

    .faq-img {
        width: 60%;
        margin-top: 20px;
    }

    .about-us-img-wrapper {
        text-align: center;
    }

    .faq-img-wrapper {
        text-align: center;
    }

    .Vouchers-img-wrapper {
        text-align: center;

    }

    .Vouchers-img {
        width: 50%;
    }

    .footer-details-wrapper {
        padding: 20px;
    }

    .footer-logo {
        width: 20%;
    }

    .brand-deatils {
        font-size: 10px;
    }

    .Copyrighte-text {
        font-size: 10px;
    }

    html {
        font-size: 55.5%
    }

   
    .about-us-img {
        width: 100%;
        text-align: center;
    }

    .products-wrapper-main {
        flex-wrap: wrap;
        justify-content: center;
    }

    .products-wrapper {
        width: 90%;
        flex: 0 0 90%;
    }

    .pay-wrapper {
        width: 90%;
        flex: 0 0 90%;
    }

    .footer-tabs {
        font-size: 12px;
    }


}

@media screen and (max-width:992px) {
    .contact-img-wrapper {
        display: none;
    }
}



.toggle-btn {
    font-size: 18px;
}

.navbar-nav {
    align-items: center;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none !important;
}

@media screen and (min-width:767px) and (max-width:992px) {
    .main {
        width: 280px !important;
        height: 253px !important;
    }

    .machine-img {
        width: 69%;
    }


    
}