body {
    font-family: var(--font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family);
    text-transform: none;
    margin: 0;
    color: #2D2E34;
}

.logo-section-background {
    background: #F2F5FA;
    width: 100%;
    padding: 37px 0;
    float: left;
}

.logo-section {
    background: #F2F5FA;
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.hero-section {
    float: left;
    width: 100%;
    position: relative;
}

.container-fluid {
    width: 100%;
    padding: 0 80px;
}

.hero-content-section {
    margin: 120px 0 0 0;
    padding: 0 0 0 30px;
}

.hero-content-section .btn-primary,
.hero-content-section .btn-secondary {
    min-width: 184px;
    padding: 15px 45px;
}

.btn-primary,
.btn-secondary {
    min-width: 184px;
    padding: 15px 45px;
    height: auto;
    font-size: 15px;
    font-weight: bold;
}

.btn-primary {
    border: #7568FF solid 1px;
}

.subscription-section {
    width: 100%;
    float: left;
    background: #FFFFFF;
    padding: 0 0 60px 0;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    box-shadow: none;
    text-align: center;
    border: 1px solid #7568FF;
    color: #7568FF;
    text-transform: none;
    font-weight: bold;
}

.btn-right-spacing {
    margin-right: 32px;
}

.hero-image-section,
.how-works-image-section {
    margin: 161px 0 0 0;
    text-align: right;
}

.hero-content-section h1 {
    font-size: 40px;
    line-height: 56px;
    font-weight: 600;
    text-transform: none;
}

.our-story.story-section h5 {
    margin: 20px 0 25px 0;
}

.hero-content-section h5 {
    font-size: 22px;
    line-height: 32px;
    margin: 20px 0 50px 0;
    text-transform: none;
}

.subscription-content-block h4 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 15px 0;
    position: relative;
    text-transform: none;
    font-weight: bold;
}

.subscription-content-block h4::before {
    position: absolute;
    content: '';
    background: url(../../images/benefits.svg) no-repeat;
    width: 33px;
    height: 33px;
    left: -53px;
    top: 0;
}

.subscription-content-block p {
    font-size: 15px;
    line-height: 26px;
    padding: 0;
    margin: 0 0 40px 0;
    text-transform: none;
}

.subscription-image-block {
    margin: 0 0 100px 0;
}

.subscription-section h2 {
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    font-weight: 600;
    margin: 125px 0 26px 0;
    text-transform: none;
}

.subscription-section h5 {
    color: #95A2BA;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin: 0 0 88px 0;
    text-transform: none
}

.subscription-content-block .your-car h4,
.subscription-content-block .rotation h4,
.subscription-content-block .insurance h4,
.subscription-content-block .collection h4 {
    margin: 0 0 20px 53px;
}

.subscription-content-block .your-car h4::before {
    background: url(../../wagonex/images/your_car_icon.svg) no-repeat;
    background-size: contain;
}

.subscription-content-block .rotation h4::before {
    background: url(../../wagonex/images/rotation.svg) no-repeat;
    background-size: contain;
}

.subscription-content-block .insurance h4::before {
    background: url(../../wagonex/images/Insurance.svg) no-repeat;
    background-size: contain;
}

.subscription-content-block .collection h4::before {
    background: url(../../wagonex/images/collection.svg) no-repeat;
    background-size: contain;
}

.subscription-content-block.car-content p {
    margin-bottom: 10px;
}

.car-content-right {
    float: right;
}

.car-content-left {
    float: left;
}

.content-right-center {
    display: flex;
    flex-flow: row-reverse;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 100px;
}

.content-left-center {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 100px;
}

.wagonex-section .hero-content-section .btn-primary,
.wagonex-section .hero-content-section .btn-primary:active:hover,
.wagonex-section .hero-content-section .btn-primary:active:focus,
.wagonex-section .hero-content-section .btn-primary:focus,
.wagonex-section .hero-content-section .btn-primary:hover
{
    padding: 15px 45px;
}

.sub-widget {
    margin: 0 0 32px 45px;
}

.img-w2 {
    margin: 0 60px 0 0;
    float: right;
}

.img-w3 {
    margin: 0 0 0 90px;
}

.img-w4 {
    margin: 0;
    float: right;
}

.white-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(190, 201, 214, 0.6);
    border-radius: 2px;
    padding: 48px;
    min-height: 400px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.white-box h5 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    text-transform: none;
}

.white-box p {
    font-size: 15px;
    line-height: 26px;
    color: #2D2E34;
    padding: 10px 0 0 0;
}

.owl-item.active {
    opacity: 0.5;
}

.owl-item.active.center {
    opacity: 1;
}

.how-it-work-section img {
    margin: 0 auto;
    display: block;
}

.how-it-work-section h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    text-transform: none;
    color: #2D2E34;
}

.how-it-work-section {
    background: #F2F5FA;
    padding: 120px 0;
}

.how-it-work-section .owl-carousel .owl-item img {
    display: inline-block;
    width: 48px;
    margin: 0 15px 0 0;
}

.how-it-work-section .white-box-container {
    padding: 0 40px;
}

.how-it-work-section .owl-prev span,
.how-it-work-section .owl-next span {
    display: none;
}

.how-it-work-section .owl-carousel .owl-nav button.owl-prev {
    background: url(../../images/slider-left-icon.svg) no-repeat 0 0;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 31.5%;
    top: 45%;
}

.how-it-work-section .owl-carousel .owl-nav button.owl-next {
    background: url(../../images/slider-right-icon.svg) no-repeat 0 0;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 31.5%;
    top: 45%;
}

.how-it-work-section .how-it-work {
    position: relative;
    z-index: 2;
    margin: 72px auto -120px auto;
}

.how-it-work-section .owl-carousel {
    margin: 0 0 40px 0;
}

.how-it-work-section .btn-section {
    display: flex;
    flex-flow: row;
    justify-content: center;
}

.ready-get-start-bg {
    background: url(../images/ready-get-start-bg-new.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 296px;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
}
.ready-get-start-bg.ready-get-start-cupra-bg {
    background: url(../images/ready-get-start-cupra-bg.jpg) no-repeat center;
    background-size: cover;
}

.term-and-condition .plain-text {
    color: #2D2E34;
    font-size: 15px;
    line-height: 26px;
}

.term-and-condition .terms-content,
.term-and-condition .terms-subheading {
    padding-left: 50px;
    color: #2D2E34;
}

.term-and-condition .terms-subheading {
    font-weight: 600;
    font-size: 15px;
    line-height: 50px;
}

.term-and-condition .terms-content {
    font-size: 15px;
}

.term-and-condition .order-number {
    display: inline-block;
    margin-left: -50px;
    width: 50px;
}

.terms-heading {
    background: #F2F5FA;
    width: 100%;
    height: 200px;
    padding: 0;
    display: flex;
    align-items: center;
    margin: 0 0 32px 0;
}

.terms-body {
    padding: 0px 330px 100px 330px;
    float: left;
    width: 100%;
}

.terms-heading h3 {
    font-weight: 600;
    font-size: 40px;
    padding-top: 70px;
}

.ready-get-start-bg h3 {
    color: #fff;
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 32px;
    text-transform: none;
    font-weight: bold;
}

.featured-vehicle-section img {
    margin: 0 auto;
    display: block;
}

.featured-vehicle-section h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    text-transform: none;
    color: #2D2E34;
    margin: 0 0 30px 0;
}

.featured-vehicle-section {
    background: #FFFFFF;
    padding: 120px 0 0 0;
}

.featured-vehicle-section .owl-carousel .owl-item img {
    display: inline-block;
    margin: 0 0 40px 0;
    width: 100%;
}

.featured-vehicle-section .white-box-container {
    padding: 0 40px;
    text-align: center;
}

.featured-vehicle-section .owl-prev span,
.featured-vehicle-section .owl-next span {
    display: none;
}

.featured-vehicle-section .owl-carousel .owl-nav button.owl-prev {
    background: url(../../images/slider-left-icon.svg) no-repeat 0 0;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 35%;
    top: 80%;
    cursor: pointer;
}

.featured-vehicle-section .owl-carousel .owl-nav button.owl-next {
    background: url(../../images/slider-right-icon.svg) no-repeat 0 0;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 35%;
    top: 80%;
    cursor: pointer;
}

.featured-vehicle-section .how-it-work {
    position: relative;
    top: 65px;
    z-index: 2;
}

.featured-vehicle-section .owl-carousel {
    margin: 0 0 40px 0;
}

.featured-vehicle-section .btn-section {
    display: flex;
    flex-flow: row;
    justify-content: center;
    margin: 0 0 80px 0;
}

.featured-vehicle-section .car-brand-name {
    font-size: 22px;
    font-weight: normal;
    color: #2D2E34;
}

.featured-vehicle-section .car-model-name {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 9px 0;
}

.featured-vehicle-section .car-price {
    color: #7568FF;
    font-size: 18px;
    font-weight: bold;
}

.featured-vehicle-section .btn-section .btn-primary {
    margin: 0 30px 0 0;
    text-align: center;
}

.featured-vehicle-section .car-duration {
    font-size: 12px;
    line-height: 18px;
    color: #95A2BA;
    display: block;
}

.hero-btn-section {
    clear: both;
    float: left;
}

.hero-section .hero-btn-section .btn {
    height: auto;
    padding: 15px 45px;
    font-size: 15px;
    box-shadow: none;
    text-transform: none;
}

.hero-section .hero-btn-section .btn-secondary {
    border: 1px solid #7568FF;
    color: #7568FF;
    text-transform: none;
}

.how-it-work-section {
    width: 100%;
    float: left;
}
.testimonial-section {
    width: 100%;
    float: left;
    background: #F2F5FA;
    padding: 120px 0;
}

.testimonial-section .testimonial-container,
.testimonial-section .white-box-container {
    margin: 0 auto;
    float: none;
}

.testimonial-section .white-box-container .testimonial-container {
    float: left;
}

.white-box-container {
    margin: 52px 0 0 0;
}

.wagonex-testimonial {
    margin: 0 0 20px 0;
}

.testimonial-section .white-box-container {
    margin: 52px auto 0 auto;
}

.testimonial-quotes {
    position: absolute;
    bottom: -17px;
    left: 45%;
}

.name-of-authour a,
.name-of-authour a:hover,
.name-of-authour a:active,
.name-of-authour a:focus,
.name-of-authour a:visited {
    font-weight: bold;
}

.name-of-authour {
    padding: 10px 0 15px 0;
    display: block
}

.how-it-work-section .container-fluid,
.featured-vehicle-section .container-fluid {
    padding: 0;
}

.featured-vehicle-section .owl-carousel.owl-drag .owl-item .btn-section {
    display: none;
}

.featured-vehicle-section .owl-carousel.owl-drag .owl-item.center .btn-section {
    display: block;
}


/*************************************************************
                    OUR STORY CSS START
*************************************************************/

.team-section {
    background: #F2F5FA;
    width: 100%;
    padding: 0 80px;
}

.team-section h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-transform: initial;
    margin: 90px 0 48px 13px;
}

.out-team-container {
    border: 1px solid var(--mid-grey);
    box-sizing: border-box;
    border-radius: 2px;
    padding: 40px 0 40px 0;
    margin: 0 10px 100px 10px;
}

.out-team-container {
    text-align: center;
}

.out-team-container:hover {
    border: 1px solid #7568FF;
}

.out-team-container .member-name {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    padding: 25px 0 10px 0px;
    color: #2D2E34;
}

.out-team-container .member-pic img {
    width: 200px;
}

.out-team-container .member-position {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #2D2E34;
}

.out-team-container .member-linkedin a img {
    background: #F2F5FA;
}

.story-section {
    float: left;
    width: 100%;
    background-color: white;
    padding-bottom: 100px;
}

.subscription-section-story {
    float: left;
    width: 100%;
    background: #F2F5FA;
}

.subscription-section-story .sub-widget h5,
.story-manufacturers .sub-widget h5 {
    font-weight: normal;
    font-size: 22px;
    line-height: 32px;
    text-transform: initial;
    margin: 64px 0 24px 0;
    color: #2D2E34;
    text-align: left;
}

.story-manufacturers {
    padding: 100px 0 64px 0;
}

.our-story .subscription-content-block p {
    padding: 0;
}

.subscription-section-story .headoffice {
    margin: -25px 0 -25px 0;
}

.subscription-section-story .subscription-image-block {
    margin: 0;
}

.story-manufacturers .sub-widget {
    margin: 0 0 32px 0;
}

.story-manufacturers .subscription-image-block {
    margin: 0 0 50px 0;
}

.member-in {
    margin: 0 auto;
    position: relative;
    bottom: -58px;
}

.member-in::after {
    position: absolute;
    background: url(../images/member-linkedin.png) no-repeat;
    width: 50px;
    height: 50px;
    content: "";
    bottom: -10px;
    left: -15px;
}

.ready-get-start-bg .btn-primary,
.ready-get-start-bg .btn-primary:hover,
.ready-get-start-bg .btn-primary:focus,
.ready-get-start-bg .btn-primary:active,
.ready-get-start-bg .btn-primary:visited {
    font-size: 15px;
    line-height: 18px;
    min-height: 48px;
    padding: 15px 0;
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
    min-width: 184px;
    text-transform: none;
}

.story-hero-section {
    width: 100%;
    float: left;
}

.pdf-modal-btn,
.pdf-modal-btn:focus,
.pdf-modal-btn:active,
.pdf-modal-btn:visited,
.pdf-modal-btn:hover,
.pdf-modal-btn:active:focus,
.pdf-modal-btn.active.focus {
    border: 1px solid var(--mid-grey);
    width: 90%;
    position: relative;
    min-height: 48px;
    font-size: 15px;
    line-height: 20px;
    background: none;
    margin: 0 0 10px 0;
    color: #000;
    text-transform: none;
    margin: 0 auto;
    float: none;
    display: block;
    text-align: left;
    padding: 10px 40px;
    word-break: keep-all;
    white-space: inherit;
    height: auto;
    box-shadow: none;
}

.pdf-modal-btn:hover {
    border: 1px solid #7568FF;
}

.pdf-modal-btn::before {
    position: absolute;
    content: "";
    background: url(../images/pdf-document.svg) no-repeat;
    width: 16px;
    height: 16px;
    left: 15px;
}

.privacy-container {
    margin: 24px 0 34px 0;
    width: 100%;
    float: left;
}

.pdf-view-model .modal-content {
    background: #FFFFFF;
}

.pdf-view-model .modal-header {
    margin: 0 0 25px 0;
    background: #F2F5FA;
}

.pdf-view-model .modal-header h4 {
    font-weight: 600;
    font-size: 24px;
    color: #2D2E34;
    letter-spacing: 0;
    line-height: 39px;
    overflow-wrap: break-word;
    width: 100%;
    padding: 10px 0;
}

.pdf-view-model .modal-body {
    padding: 40px 45px;
}

.wagonex-section .terms-heading h3,
.wagonex-section .page-title {
    padding: 0;
}

.wagonex-section .page-title h2 {
    width: 100%;
}
/*****************************************************
                Partner Page CSS
*****************************************************/

.we-build-section {
    background: #F2F5FA;
    width: 100%;
    float: left;
    padding: 104px 0;
}
.partner-video-hero-section {
    width: 100%;
    height: 346px;
    background: #FFFFFF;    
    box-shadow: 0px 0px 10px rgba(144, 161, 184, 0.5);    
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    font-size: 40px;
    line-height: 56px;
    display: flex;
    align-items: center;
    color: #95A2BA;
}
.partner-hero-section .hero-content-section {
    margin: 96px 0 0 0;
}
.partner-hero-section .how-works-image-section {
    margin: 96px 0 0 0;
}
.partner-hero-section .hero-content-section .ready-btn-col {
    margin: 60px 0 0 0;
}
.we-build-section .sub-widget h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin: 0 0 20px 0;
}
.we-build-section ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 30px;
    float: left;
    width: 100%;
}
.we-build-section li {
    font-size: 18px;
    line-height: 32px;
    display: flex;
    text-align: left;
    color: #2D2E34;
    position: relative;
    margin: 0 0 10px 0;
}
.we-build-section li::after {
    background: url(../images/wagonex-list-icon.svg) no-repeat;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 7px;
    left: -30px;
}
.digital-paper-work-section {
    width: 100%;
    float: left;
    background: #FFFFFF;
    padding: 104px;
}
.digital-paper-work-section .partner-video-hero-section {
    width: 100%;
    margin: 0;
}
.digital-paper-work-section .subscription-image-block {
    margin: 0;    
}
.dormant-section {
    margin: 80px 0 0 0;
}
.partner-how-it-work-section.how-it-work-section .how-it-work {
    margin: 80px auto 50px auto;
}
.partner-how-it-work-container .container-fluid {
    padding: 0 80px;
}
.partner-steps {
    list-style: none;
    margin: 120px 0 0 0;
    padding: 0;
    counter-reset: section;
}
.partner-steps li {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 25px 0;
    position: relative;
    padding: 0 0 0 43px;
}
.partner-steps li strong {
    font-weight: 600;
}
.partner-steps li::after {
    counter-increment: section;
    content: counter(section) " ";    
    border: 1px solid var(--mid-grey);    
    border-radius: 100%;    
    width: 28px;    
    height: 28px;    
    display: inline-flex;    
    text-align: center;    
    font-size: 12px;    
    line-height: 18px;    
    vertical-align: middle;    
    justify-content: center;    
    justify-items: center;    
    align-items: center;    
    margin: 0 10px 0 0;    
    position: absolute;    
    left: 0;    
    top: 3px;
}
.partner-how-it-work-section .white-box {
    min-height: 300px
}
.partner-get-ready-banner {
    background: url(../images/partner-banner.jpg) no-repeat center;
    background-size: cover;
}
.partner-how-it-work-section {
    padding: 120px 0 60px 0;
}
.wagonex-section .partner-hero-section .ready-btn-col .btn-primary {
    padding: 15px 45px;
}
.digital-paper-work-section h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    text-transform: none;
    color: #2D2E34;
    margin: 0 0 80px 0;
}
.digital-paper-work-section video {
    width: 100%;
}
.dormant-section .sub-widget {
    margin: 0 0 32px 90px;
}
.key-benefits-right-section .partner-video-hero-section {
    width: 90%;
    float: right;
    height: 286px;
}
.key-benefit-left-section .partner-video-hero-section {
    width: 90%;
    float: left;
    height: 286px;
}
.dormant-section .subscription-content-block {
    float: right;
}
.partner-testimonial-section p::before {
    display: none;
}

.partner-testimonial-section .testimonial-quotes {
    left: 50%;
}
.partner-testimonial-section p {
    padding: 0;
}
.partner-testimonial-section .name-of-authour {
    padding: 10px 0 5px 0;
    font-size: 15px;
}
.partner-get-ready-banner h3 {
    text-shadow: 2px 4px 4px rgba(13, 58, 68, 0.4);
}

.leon_image {
    border-radius: 50%;
}

@media screen and (max-width: 1440px) {
    .terms-body {
        padding: 0px 50px 100px 50px;
    }
    .hero-content-section {
        margin: 167px 0 0 0;
    }
    .subscription-content-block p {
        padding: 0 100px 0 0;
    }
    .img-w1 {
        position: relative;
        left: -93px;
    }
    .white-box {
        padding: 20px;
    }
    .white-box h5 {
        font-size: 20px;
    }
    .img-w1 {
        position: relative;
        left: -92px;
    }
    .img-w3 {
        position: relative;
        right: -92px;
        margin: 0;
        float: right;
    }
    .img-w4 {
        margin: 0 0 0 70px;
        float: left;
    }
    .how-it-work-section .white-box-container {
        padding: 0 20px;
    }
    .hero-btn-section {
        bottom: 90px;
    }
    .featured-vehicle-section .btn-primary,
    .featured-vehicle-section .btn-secondary {
        padding: 15px 20px;
    }
}

@media screen and (max-width: 1350px) {
    .featured-vehicle-section .btn-primary,
    .featured-vehicle-section .btn-secondary {
        min-width: 140px;
        padding: 15px 20px;
    }
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-prev,
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-next {
        top: 57%;
    }
    .hero-content-section h1 {
        font-size: 35px;
        line-height: 45px;
    }
    .hero-content-section h5 {
        font-size: 20px;
    }
    .container-fluid {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1200px) {
    .terms-body {
        padding: 0 20px 100px 20px;
    }
    .term-and-condition .terms-subheading {
        line-height: 22px;
    }
    .hero-content-section h1 {
        font-size: 30px;
    }
    .hero-content-section h5 {
        font-size: 18px;
        margin: 20px 0 40px 0;
    }
    .hero-section .hero-btn-section .btn {
        padding: 15px 20px;
        min-width: 130px;
    }
    .img-w1,
    .img-w2,
    .img-w3,
    .img-w4 {
        width: 400px;
    }
    .img-w1 {
        left: -20px;
    }
    .img-w2 {
        margin: 0 50px 0 0;
    }
    .img-w3 {
        right: -40px;
    }
    .img-w4 {
        margin: 0 0 0 20px;
    }
    .subscription-content-block h4,
    .subscription-content-block .your-car h4,
    .subscription-content-block .rotation h4,
    .subscription-content-block .insurance h4,
    .subscription-content-block .collection h4 {
        margin: 0 0 10px 0;
    }
    .subscription-content-block p {
        padding: 0 20px 0 0;
    }
    .how-it-work-section .owl-carousel .owl-nav button.owl-prev,
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-prev {
        left: 23%;
    }
    .how-it-work-section .owl-carousel .owl-nav button.owl-next,
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-next {
        right: 23%;
    }
    .story-hero-section .hero-content-section {
        margin: 140px 0 80px 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .terms-heading h3 {
        top: 15px;
    }
    .hero-section {
        padding: 0 40px;
    }
    .hero-content-section h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .hero-content-section h5 {
        font-size: 18px;
    }
    .hero-btn-section {
        bottom: 50px;
    }
    .featured-vehicle-section {
        padding: 60px 0;
    }
    .img-w2 {
        margin: 0;
        float: right;
        position: relative;
        right: 15px;
        width: 400px;
    }
    .img-w1 {
        width: 400px;
        left: -10px;
    }
    .subscription-content-block p {
        margin: 0;
        padding: 0 10px 0 0;
    }
    .img-w4 {
        margin: 0 0 0 20px;
    }
    .container-fluid {
        padding: 0;
    }
    .subscription-section-story .container-fluid,
    .story-manufacturers .container-fluid {
        padding: 0 20px;
    }
    .white-box {
        min-height: 400px;
    }
    .how-it-work-section .owl-carousel .owl-nav button.owl-prev {
        left: 23%;
    }
    .how-it-work-section .owl-carousel .owl-nav button.owl-next {
        right: 23%;
    }
    .how-it-work-section .owl-carousel {
        margin: 0 0 50px 0;
    }
    .how-it-work-section {
        padding: 60px 0 60px 0;
    }
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-prev {
        left: 22%;
        top: 80%;
    }
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-next {
        right: 22%;
        top: 80%;
    }
    .img-w3 {
        right: -10px;
        margin: 0;
        width: 400px;
    }
    .img-w4 {
        margin: 0;
        float: left;
        position: relative;
        left: 10px;
        width: 400px;
    }
    .subscription-content-block h4,
    .subscription-content-block .your-car h4,
    .subscription-content-block .rotation h4,
    .subscription-content-block .insurance h4,
    .subscription-content-block .collection h4 {
        margin: 0 0 10px 0;
    }
    .subscription-section h5 {
        font-size: 18px;
        line-height: 28px;
        margin: 20px 0 50px 0;
    }
    .logo-section img {
        margin: 0 10px 10px 10px;
    }
    .sub-widget {
        margin: 0 0 32px 70px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .hero-content-section h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 600;
        text-transform: none;
    }
    .hero-image-section,
    .how-works-image-section {
        margin: 0;
    }
    .container-fluid {
        padding: 0;
    }
    .white-box {
        min-height: 400px;
        padding: 20px 50px;
    }
    .white-box-container {
        margin: 0;
    }
    .subscription-section h5 {
        color: #95A2BA;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        margin: 0 0 35px 0;
        text-transform: none;
    }
    .logo-section img {
        margin: 0 10px;
    }
    .logo-section {
        padding: 10px 0 10px 0;
    }
    .how-it-work-section .owl-carousel {
        margin: 0 0 50px 0;
    }
    .how-it-work-section {
        padding: 120px 0 60px 0;
    }
    .how-it-work-section .owl-carousel .owl-nav button.owl-prev {
        left: 25%;
        top: 40%;
    }
    .how-it-work-section .owl-carousel .owl-nav button.owl-next {
        right: 25%;
        top: 40%;
    }
    .how-it-work-section .how-it-work {
        position: relative;
        top: 0;
        z-index: 2;
        margin: 0 auto -130px auto;
    }
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-prev {
        left: 25%;
        top: 70%;
    }
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-next {
        right: 25%;
        top: 70%;
    }
    .featured-vehicle-section h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .featured-vehicle-section .owl-carousel .owl-item img {
        width: 400px;
    }
    .featured-vehicle-section .owl-carousel {
        margin: 0 0 35px 0;
    }
    .featured-vehicle-section {
        padding: 60px 0;
    }
    .how-it-work-section .how-it-work {
        top: -25px;
        margin: 0 auto -90px auto;
    }
    .subscription-content-block p {
        padding: 0 20px 0 0;
    }
    .subscription-image-block {
        margin: 0 0 50px 0;
    }
    .hero-content-section {
        margin: 40px 0 0 0;
    }
    .img-w4 {
        margin: 0;
        float: left;
        position: relative;
        left: -10px;
    }
    .img-w3 {
        position: relative;
        right: -10px;
        margin: 0;
        float: right;
    }
    .sub-widget {
        margin: 0 0 32px 80px;
    }
    .team-section .our-team .member-pic img {
        height: 362px;
        width: 362px;
    }
    .out-team-container .member-name {
        font-weight: 600;
        font-size: 25px;
        line-height: 40px;
    }
    .out-team-container .member-position {
        font-size: 18px;
        line-height: 30px;
    }
    .our-story p {
        padding: 0 40px 0 40px;
    }
}

@media screen and (max-width: 1024px) {
    .our-story-team .team-section {
        padding: 0 20px;
    }
    .out-team-container .member-pic img {
        width: 120px;
    }
    .out-team-container {
        position: relative;
        margin: 0 10px 50px 10px;
    }
    .team-section.our-story-team {
        padding: 0 20px;
        clear: both;
    }
    .featured-vehicle-section {
        padding: 60px 0 0 0;
    }
    .hero-section .hero-btn-section .btn {
        padding: 15px 20px;
        min-width: 150px;
    }
    .hero-content-section {
        margin: 140px 0 0 0;
        padding: 0;
    }
    .hero-content-section h5 {
        font-size: 18px;
    }
    .hero-section {
        padding: 0 40px;
    }
    .story-hero-section.hero-section {
        padding: 0 20px;
    }
    .hero-image-section,
    .how-works-image-section {
        margin: 140px 0 0 0;
    }
    .hero-btn-section {
        bottom: 50px;
    }
    .navbar .container-fluid,
    .new-landing-footer .container-fluid {
        padding: 0 20px;
    }
    .logo-section {
        display: block;
        padding: 30px 0 20px 0;
    }
    .how-it-work-section .how-it-work {
        top: 35px;
        margin: 0 auto -30px auto;
    }
    .partner-how-it-work-section.how-it-work-section .how-it-work {
        margin: 25px auto 50px auto;
    }
    .subscription-section h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 60px 0 26px 0;
    }
    .logo-section-background {
        text-align: center;
        padding: 20px 0;
    }
    .img-w1,
    .img-w2,
    .img-w3,
    .img-w4 {
        width: 400px;
    }
    .img-w1 {
        left: -10px;
    }
    .img-w2 {
        margin: 0;
        float: right;
        position: relative;
        right: 15px;
        width: 400px;
    }
    .subscription-content-block h4,
    .subscription-content-block .your-car h4,
    .subscription-content-block .rotation h4,
    .subscription-content-block .insurance h4,
    .subscription-content-block .collection h4 {
        margin: 0 10px 0 0;
        clear: both;
    }
    .subscription-content-block p {
        margin: 0 0 20px 0;
    }
    .partner-video-hero-section video,
    .digital-paper-work-section video,
    .dormant-section video,
    .digital-paper-work-section .partner-video-hero-section {
        width: 100%;
    }
    .partner-steps li {
        font-size: 16px;
    }
    .partner-steps {
        margin: 80px 0 0 0;
        padding: 0 0 0 35px;
    }
    .digital-paper-work-section .sub-widget {
        margin: 0 0 32px 50px;
    }
    .dormant-section .sub-widget {
        margin: 0 0 32px 71px;
    }
    .digital-paper-work-section {
        padding: 104px 40px;
    }
    .partner-how-it-work-container .container-fluid {
        padding: 0 60px;
    }
}

@media screen and (max-width: 812px) {
    .hero-content-section {
        margin: 50px 0 0 0;
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .dormant-section {
        margin: 80px 0 0 0;
        clear: both;
        float: left;
    }
    .partner-steps {
        width: 85%;
    }
    #pdf-view-model.in {
        top: 10%;
        bottom: auto;
    }
    .pdf-view-model .modal-body {
        padding: 0 20px 20px 20px;
    }
    .content-right-center,
    .content-left-center {
        display: block;
        margin-bottom: 25px;
    }
    .terms-heading {
        height: 110px;
    }
    .terms-heading h3 {
        padding-top: 0;
        font-size: 25px;
    }
    .testimonial-section .white-box-container .testimonial-container.right-container {
        margin: 42px 0 0 0;
    }
    .hero-content-section {
        margin: 40px 0 0 0;
    }
    .logo-section {
        display: block;
        padding: 0;
    }
    .logo-section img {
        margin: 20px;
    }
    .logo-section-background {
        padding: 20px 0;
        text-align: center;
    }
    .container-fluid {
        padding: 0;
    }
    .hero-content-section .btn-primary,
    .hero-content-section .btn-secondary {
        min-width: 150px;
        padding: 15px 0;
        height: auto;
    }
    .hero-content-section h1 {
        font-size: 30px;
        line-height: 40px;
        padding: 0 40px;
    }
    .hero-content-section h5 {
        padding: 0 40px;
    }
    .hero-image-section {
        margin: 20px 0 120px 0;
    }
    .how-works-image-section {
        margin: 20px 0 20px 0;
    }
    .hero-btn-section {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 30px auto;
        float: none;
        display: block;
        text-align: center;
    }
    .hero-content-section {
        margin: 40px 0 0 0;
        padding: 0;
        position: inherit;
    }
    .subscription-content-block p {
        padding: 0;
        margin: 0 0 30px 0;
    }
    .sub-widget {
        margin: 0;
        float: left;
        width: 100%;
    }
    .subscription-section h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .subscription-section h5 {
        font-size: 18px;
        line-height: 30px;
        margin: 0 0 50px 0;
    }
    .subscription-image-block {
        position: relative;
        margin: 0 0 40px 0;
    }
    .featured-vehicle-section .owl-carousel {
        margin: 0;
    }
    .testimonial-section .white-box-container .testimonial-container {
        margin: 0 auto 50px auto;
    }
    .subscription-content-block h4::before {
        display: none;
    }
    .subscription-content-block {
        margin: 30px 0 0 0;
        float: left;
        width: 100%;
    }
    .how-it-work-section {
        padding: 50px 0;
    }
    .how-it-work-section .white-box-container {
        padding: 0 20px;
    }
    .how-it-work-section .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }
    .how-it-work-section .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }
    .how-it-work-section .owl-carousel {
        margin: 0 0 20px 0
    }
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-prev,
    .featured-vehicle-section .owl-carousel .owl-nav button.owl-next {
        top: 80%;
    }
    .featured-vehicle-section .btn-section {
        margin: 0 0 20px 0;
    }
    .featured-vehicle-section .btn-section .btn-primary {
        padding: 15px 0;
        text-align: center;
    }
    .how-it-work-section h2,
    .featured-vehicle-section h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 20px 0;
    }
    .how-it-work-section .how-it-work {
        position: relative;
        top: 0;
        z-index: 2;
        margin: 0 auto -90px auto;
    }
    .featured-vehicle-section .car-model-name {
        font-size: 22px;
    }
    .featured-vehicle-section .car-price {
        font-size: 16px;
    }
    .wagonex-section .car-brand-name {
        font-size: 18px;
    }
    .btn-section .btn-secondary,
    .btn-section .btn-secondary:hover,
    .btn-section .btn-secondary:active,
    .btn-section .btn-secondary:visited,
    .btn-section .btn-secondary:focus {
        padding: 15px 0;
        text-align: center;
    }
    .subscription-section h2 {
        margin: 60px 0 26px 0
    }
    .img-w3 {
        margin: 0;
    }
    .white-box {
        min-height: 400px;
        padding: 20px 50px;
    }
    .subscription-content-block h4,
    .subscription-content-block .your-car h4,
    .subscription-content-block .rotation h4,
    .subscription-content-block .insurance h4,
    .subscription-content-block .collection h4 {
        margin: 0 0 10px 0;
    }
    .testimonial-section {
        margin: 120px 0 50px 0;
    }
    .testimonial-section {
        margin: 50px 0 0 0;
        padding: 60px 0;
    }
    .how-it-work-section .how-it-work {
        position: relative;
        top: 0;
        z-index: 2;
        margin: 0 auto -130px auto;
    }
    .featured-vehicle-section {
        padding: 60px 0 0 0;
    }
    .img-w2 {
        margin: 0;
        right: -10px;
        float: right;
        position: relative;
    }
    .img-w1 {
        left: -10px;
        position: relative;
    }
    .img-w1,
    .img-w2,
    .img-w3,
    .img-w4 {
        width: 380px;
    }
    .img-w3 {
        right: -10px;
    }
    .img-w4 {
        margin: 0;
        float: left;
        left: -10px;
        position: relative;
    }
    .sub-widget {
        padding: 0 20px;
    }
    .subscription-content-block h4,
    .subscription-content-block .your-car h4,
    .subscription-content-block .rotation h4,
    .subscription-content-block .insurance h4,
    .subscription-content-block .collection h4 {
        margin: 0 0 10px 0;
    }
    .white-box h5 {
        font-size: 17px;
    }
    .btn-section .btn-secondary,
    .btn-section .btn-secondary:hover,
    .btn-section .btn-secondary:active,
    .btn-section .btn-secondary:visited,
    .btn-section .btn-secondary:focus,
    .featured-vehicle-section .btn-section .btn-primary {
        min-width: inherit;
        padding: 15px;
    }
    .hero-section {
        padding: 0;
    }
    .img-hero {
        width: 400px;
        margin: 0 auto;
        float: none;
        display: block;
    }
    .our-story.story-section .hero-content-section {
        margin: 40px 0 50px 0;
        padding: 0 20px;
    }
    .our-story.story-section .hero-content-section.how-it-works-section {
        padding: 0 8px;
    }
    .story-section .hero-content-section h1,
    .story-section .hero-content-section h5 {
        margin: 0;
        padding: 10px 0;
    }
    .story-manufacturers {
        padding: 0 0 64px 0;
    }
    .subscription-section-story .subscription-content-block {
        padding-bottom: 50px;
    }
    .ready-get-start-bg h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .story-manufacturers .subscription-image-block img {
        margin: 0 auto;
        float: none !important;
        display: block;
    }
    .subscription-section-story img.headoffice {
        margin: -25px auto 0 auto;
        float: none !important;
        display: block;
    }
    .subscription-section-story .sub-widget h5,
    .story-manufacturers .sub-widget h5 {
        margin: 15px 0 24px 0;
    }
    .story-hero-section p {
        padding: 50px 0 10px 0;
    }
    .pdf-view-model .modal-header {
        padding: 10px 15px;
    }
    .pdf-view-model .modal-header h4 {
        font-size: 18px;
    }
    .ready-get-start-bg .btn-primary,
    .ready-get-start-bg .btn-primary:hover,
    .ready-get-start-bg .btn-primary:focus,
    .ready-get-start-bg .btn-primary:active,
    .ready-get-start-bg .btn-primary:visited {
        max-width: 180px;
    }
    .partner-video-hero-section video,
    .digital-paper-work-section video,
    .dormant-section video,
    .digital-paper-work-section .partner-video-hero-section {
        width: 100%;
    }
    .digital-paper-work-section {
        padding: 80px 20px;
    }
    .digital-paper-work-section h2 {
        margin: 0 0 40px 0;
    }
    .digital-paper-work-section .sub-widget {
        margin: 0;
    }
    .partner-steps {
        margin: 20px 0 0 0;
    }
    .partner-hero-section .hero-content-section .ready-btn-col {
        margin: 30px 0 0 0;
    }
    .partner-hero-section .how-works-image-section {
        margin: 60px 0 0 0;
    }
    .we-build-section .sub-widget {
        text-align: center;
    }
    .we-build-section ul {
        list-style: none;
        margin: 0 auto;
        padding: 0 0 0 30px;
        float: none;
        text-align: center;
        width: 60%;
    }
    .partner-steps {
        width: 75%;
        margin: 0 auto;
    }
    .partner-how-it-work-section.how-it-work-section .how-it-work {
        margin: 40px auto 50px auto;
    }
    .story-hero-section.hero-section {
        margin: 0 0 40px 0
    }
    .partner-steps li::after {
        top: -2px;
    }
}

@media screen and (max-width: 480px) {
    .story-hero-section.our-story p {
        padding: 0;
        margin: 0
    }
    .hero-section {
        padding: 0;
    }
    .how-it-work-section .how-it-work {
        margin: 0 auto -60px auto;
    }
    .container-fluid {
        padding: 0;
    }
    .white-box {
        min-height: 400px;
        padding: 20px 30px;
    }
    .featured-vehicle-section {
        padding: 60px 0 0 0;
    }
    .hero-content-section {
        margin: 40px 0 0 0;
    }
    .hero-section .hero-btn-section .btn {
        min-width: 140px;
        padding: 15px 25px;
    }
    .hero-btn-section {
        margin: 20px 0;
    }
    .img-w2 {
        margin: 0;
        right: -10px;
        float: right;
        position: relative;
    }
    .img-w1 {
        left: -10px;
        position: relative;
    }
    .img-w1,
    .img-w2,
    .img-w3,
    .img-w4 {
        width: 250px;
    }
    .img-w3 {
        right: -10px;
    }
    .img-w4 {
        margin: 0;
        float: left;
        left: -10px;
        position: relative;
    }
    .sub-widget {
        padding: 0 20px;
    }
    .subscription-content-block h4,
    .subscription-content-block .your-car h4,
    .subscription-content-block .rotation h4,
    .subscription-content-block .insurance h4,
    .subscription-content-block .collection h4 {
        margin: 0 0 10px 0;
    }
    .white-box h5 {
        font-size: 17px;
        margin: 0 0 10px 0;
    }
    .btn-section .btn-secondary,
    .btn-section .btn-secondary:hover,
    .btn-section .btn-secondary:active,
    .btn-section .btn-secondary:visited,
    .btn-section .btn-secondary:focus,
    .featured-vehicle-section .btn-section .btn-primary {
        min-width: inherit;
        padding: 15px 20px;
        margin: 0 10px;
    }
    .featured-vehicle-section .white-box-container {
        padding: 0 20px;
    }
    .featured-vehicle-section .owl-carousel {
        margin: 0;
    }
    .hero-content-section h1 {
        font-size: 25px;
        padding: 0 20px;
    }
    .hero-content-section h5 {
        padding: 0 20px;
        font-size: 15px;
    }
    .subscription-section h2 {
        font-size: 25px;
    }
    .subscription-section h5 {
        font-size: 15px;
        line-height: 25px;
    }
    .subscription-section.home h5 {
        padding: 0 20px;
    }
    .team-section {
        padding: 0;
    }
    .out-team-container {
        margin: 0 10px 40px 10px;
    }
    .our-story p {
        padding: 0 20px 0 20px;
        margin: 0;
    }
    .team-section h2 {
        float: left;
        margin: 48px 0 48px 13px;
    }
    .subscription-section-story .sub-widget h5,
    .story-manufacturers .sub-widget h5 {
        margin: 35px 0 24px 0;
    }
    .subscription-section-story .subscription-image-block {
        padding: 0 14px;
    }
    .subscription-section-story .sub-widget {
        margin: 0;
        padding: 0 14px;
    }
    .hero-image-section {
        margin: 20px 20px 120px 20px;
    }
    .subscription-section.home h5 br {
        display: none;
    }
    .partner-steps {
        width: 100%;
        margin: 0 auto;
    }
    .partner-how-it-work-container .container-fluid {
        padding: 0 20px;
    }
    .we-build-section .sub-widget h4 {
        font-size: 22px;
    }
    .we-build-section ul {
        margin: 0 auto;
        width: 100%;
    }
    .we-build-section li {
        font-size: 16px;
    }
    .story-hero-section.hero-section {
        margin: 0 0 40px 0
    }
}