/* common */

body, html {
  overflow-x: hidden;
}

.text-justify {
    text-align: justify;
}

.black {
    color: #000;
}

.white {
    color: #fff;
}

p {
    color: #A6A0A0;
    font-size: 16px;
}

a.theme-btn {
    font-weight: 600;
    color: #fff;
    padding: 14px 36px;
    border-radius: 42px;
    font-size: 20px;
    transition: all 0.3s linear;
    background: #0013D9;
    display: inline-block;
    -webkit-box-shadow: 0px 12px 40px -16px rgba(0, 18, 217, 1);
    -moz-box-shadow: 0px 12px 40px -16px rgba(0, 18, 217, 1);
    box-shadow: 0px 12px 40px -16px rgba(0, 18, 217, 1);
}

a.theme-btn:hover {
    color: #fff;
}

a {
    text-decoration: none !important;
}

.list-none {
    list-style: none;
}

h2.common-title {
    color: #000;
    font-size: 48px !important;
    font-weight: 600;
}

h2.common-title span {
    color: #0013D9;
    font-weight: 600;
}

.banner-img img {
    animation: drift 6s 1s linear infinite backwards;
}

.container {
    max-width: calc(100% - 70px) !important;
    width: 1600px !important;
}

@keyframes drift {
    from {
        transform: translateX(300px);
    }

    to {
        transform: translatex(-70px);
    }
}

.about-inner-content h2 {
    color: #000 !important;
}

.mission-inner-content h2 {
    color: #000 !important;
}

.loanpage-box h2.common-title {
    color: #000 !important;
}

/*@keyframes background-animation {*/
/*     0% {*/
/*        background-position: -5000% 0;*/
/*    }*/
/*    100% {*/
/*        background-position: 5000% 0%;*/
/*    }*/
/* }*/
/* @keyframes rotate-animation {*/
/*     0% {*/
/*           transform: rotate(0deg);*/
/*    }*/
/*    30% {*/
/*        transform: rotate(20deg);*/
/*    }*/
/*    60% {*/
/*           transform: rotate(30deg);*/
/*    }*/
/*    80% {*/
/*        transform: rotate(20deg);*/
/*    }*/
/*    100% {*/
/*        transform: rotate(0deg);*/
/*    }*/
/* }*/
/*****header*******/

.nav-top {
    display: none;
}

.page-header__right ul.menu.sub-menu--slideLeft li:last-child {
    background: #061bfe;
    border-radius: 100px;
}

.page-header__right ul.menu.sub-menu--slideLeft li:nth-child(8) {
    background: #3dc1ff;
    border-radius: 100px;
    margin-right: 10px;

}
.page-header__right ul.menu.sub-menu--slideLeft li:nth-child(7) {
    background: #000;
    background: #3dc1ff;
    border-radius: 100px;
    margin-right: 10px;
    color: #fff;
}
.page-header__right ul.menu.sub-menu--slideLeft li.second-last-child a {
    color: #fff !important;
    padding: 10px 24px;
}
.page-header__right ul.menu.sub-menu--slideLeft li.last-child-link a {
    color: #fff !important;
    padding: 10px 24px;
}

.page-header__right ul.menu.sub-menu--slideLeft li:last-child a {
    color: #fff !important;
    /*padding: 10px 24px;*/
}

.page-header__right ul.menu.sub-menu--slideLeft li a {
    padding: 10px 24px;
    color: #000;
}
.page-header__right ul.menu.sub-menu--slideLeft li a span {
    font-weight: 500;
}
.page-header__right .float-start nav.navigation.navigation--light.navigation--fade.navigation--fadeLeft {
    margin-top: 10px;
}

.page-header .page-header__left a img {
    max-height: max-content !important;
}
.page-header__left {
    width: 24%;
}
.navigation .sub-menu>.menu-item:last-child {
    border-bottom: 0;
    background: transparent !important;
    color: #000 !important;
}

.navigation .sub-menu>.menu-item:last-child a span {
    color: #000 !important;
}
.sub-menu--slideLeft .sub-menu>.menu-item:hover>a {
    padding-left: 24px !important;
}
.navigation .sub-menu>.menu-item:last-child:hover a span {
    color: #ffffff !important;
}
.search-btn.c-search-toggler {
    display: none;
}
header.page-header.newClass {
    position: fixed;
    z-index: 99;
    width: 100%;
}
/********banner*********/
section.banner {
    background: url("/storage/banner-bg.png");
    position: relative;
    height: 750px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banner-content.row h1 {
    font-size: 74px !important;
    color: #000;
    font-weight: bold !important;
    margin-top: -58px;
}
.banner-content.row span {
    font-weight: bold;
    color: #000;
}
.banner-content.row p.white {
    font-size: 24px;
}

.banner-content.row p.white {
    font-size: 24px;
    margin-bottom: 36px;
    margin-top: 10px;
}

.banner-img {
    display: flex;
    align-items: center;
}

.banner-content.row p {
    color: #fff;
    font-size: 24px;
    margin-bottom: 16px;
}

.banner-content.row a.theme-btn {
    background: #fff;
    color: #000;
    padding: 6px 36px;

}

/********services*********/

section.services-sec ul.group-listing li {
    padding: 24px;
    background: #fff;
    box-shadow: rgb(6 27 254 / 9%) 0px 7px 29px 0px;
    border-radius: 18px;
    list-style: none !important;
    transition: all 1s ease;
}

section.services-sec ul.group-listing li:hover {
    transform: translate(0px, 10px);
}

section.services-sec ul.group-listing {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 42px;
    margin-top: -140px;
}

section.services-sec ul.group-listing li a img {
    margin-bottom: 20px;
}

section.services-sec .services-heading.black {
    font-size: 18px;
    font-weight: 600;
}

section.services-sec .services-heading.black a {
    color: #000;
    font-weight: 600;
    font-size: 18px;
}

.backgroud-single-side-cirle {
    position: relative;
}

.backgroud-single-side-cirle:before {
    position: absolute;
    content: "";
    width: 350px;
    height: 350px;
    right: 0;
    background-position: top right;
    background: url(/storage/circle-right.png);
    background-repeat: no-repeat;
    z-index: -1;
    animation: rotate-animation 6s 1s linear infinite backwards;
}

section.services-sec .common-title-outer {
    display: none;
}

/*.group-listing {*/
/*    padding: 24px;*/
/*    background: #fff;*/
/*    box-shadow: rgb(6 27 254 / 9%) 0px 7px 29px 0px;*/
/*    border-radius: 18px;*/
/*}*/
/*.group-listing a img {*/
/*    margin-bottom: 20px;*/
/*}*/
/*.group-listing .services-heading.black {*/
/*    font-size: 18px;*/
/*    font-weight: 600;*/
/*}*/
/********about*********/
.backgroud-dubble-side-cirle {
    position: relative;
}

.backgroud-dubble-side-cirle:before {
    position: absolute;
    content: "";
    width: 350px;
    height: 350px;
    left: 0;
    background-position: top left;
    background: url(/storage/circle-left.png);
    background-repeat: no-repeat;
    z-index: -1;
    animation: rotate-animation 6s 1s linear infinite backwards;
}

.backgroud-dubble-side-cirle:after {
    position: absolute;
    content: "";
    width: 350px;
    height: 350px;
    right: 0;
    background-position: right;
    background: url(/storage/circle-right.png);
    background-repeat: no-repeat;
    z-index: -1;
    bottom: 0;
    animation: rotate-animation 6s 1s linear infinite backwards;
}

.about-inner-content h2 {
    color: #081F46;
    font-size: 48px !important;
    font-weight: 600;
    margin-bottom: 30px;
}

.about-inner-content p {
    color: #666;
    font-size: 16px !important;
    margin-bottom: 24px;
}
.about-inner-content ul li {
    color: #A6A0A0;
    font-size: 16px !important;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.about-inner-content ul li img {
    margin-right: 10px;
}

.about-inner-content ul {
    margin-bottom: 50px;
}

.about-inner-content {
    padding-left: 60px;
}

.aboutspace {
    padding-left: 0px !important;
}

.about-inner-content a.theme-btn {
    color: #fff;
}

/********feature*********/
section.features-sec {
    background: #F3F9FF;
}

section.features-sec .common-title-outer {
    margin: 0 auto 90px;
    width: 50%;
}

h6.common-sort-title {
    font-size: 24px !important;
    color: #000;
}

.common-title-outer hr {
    color: #405FF2;
    width: 200px;
    margin: 14px auto 18px !important;
    border-top: 2px solid !important;
    opacity: 1 !important;
    background: transparent !important;
}

.feature-box {
    background: #fff;
    padding: 42px 20px;
    box-shadow: rgb(6 27 254 / 9%) 0px 7px 29px 0px;
    border-radius: 15px;
    text-align: left;
}

.feature-box:hover {
    transform: translate(0px, 14px);
    transition: all 1s ease;
}

.feature-box.blue-feature {
    background: #0013D9;
    margin-top: -60px;
}

.feature-box img {
    margin-bottom: 16px;
}

.feature-box h4 {
    color: #000;
    font-size: 20px !important;
    margin-bottom: 10px;
    font-weight: bold;
}

.feature-box.blue-feature h4 {
    color: #fff;
}

.feature-box p {
    color: #666;
    font-size: 16px !important;
}

.feature-box.blue-feature p {
    color: #fff;
}

/********Benefits*********/
section.benifits-sec {
    background: url("/storage/benifits-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

section.benifits-sec .common-title-outer {
    margin: 0 auto 60px;
    width: 50%;
}

section.benifits-sec .common-title-outer h6.common-sort-title {
    color: #fff;
}

section.benifits-sec .common-title-outer h2.common-title {
    color: #fff;
}

section.benifits-sec .common-title-outer hr {
    color: #fff;
    width: 430px;
}

.benifits-box {
    background: #fff;
    padding: 18px 20px;
    box-shadow: rgb(6 27 254 / 9%) 0px 7px 29px 0px;
    border-radius: 15px;
    text-align: center;
}

.benifits-box:hover {
    transform: translate(0px, 14px);
    transition: all 1s ease;
}

.benifits-box img {
    margin-bottom: 16px;
}

.benifits-box h4 {
    color: #000;
    font-size: 20px !important;
    margin-bottom: 10px;
    font-weight: bold;
}

.benifits-box p {
    color: #666;
    font-size: 16px !important;
}


/********simple-steps*********/

section.simple-steps-sec .common-title-outer {
    margin-bottom: 40px;
}

.simple-steps-box {
    background: #fff;
    padding: 32px 20px;
    box-shadow: rgb(6 27 254 / 9%) 0px 7px 29px 0px;
    border-radius: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.simple-steps-box img {
    margin-bottom: 16px;
}

.simple-steps-box h4 {
    color: #000;
    font-size: 20px !important;
    margin-bottom: 10px;
    font-weight: bold;
}

.simple-steps-box p {
    color: #666;
    font-size: 16px !important;
}

span.step-count {
    color: #0013D9;
    background: #F2F9FF;
    padding: 14px 24px;
    font-size: 30px;
    position: absolute;
    left: -2px;
    top: -2px;
    border-radius: 24px 0px 24px 0px;
    font-weight: 600;
}


/********partners*********/


section.partners-sec .about-inner-content h6 {
    color: #000;
    font-size: 24px;
}

section.partners-sec .about-inner-content hr {
    margin: 14px 0 18px;
    color: #0013d9;
    border-top: 2px solid;
    background: transparent;
    width: 240px;
    opacity: 1 !important;
}

section.partners-sec .about-inner-content h2 {
    color: #000;
}

section.partners-sec .about-inner-content p {
    color: #000;
}

/********counter*********/

section.counter-sec {
    background: url("/storage/counterbg.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 8% !important;
}

section.counter-sec:before {
    position: absolute;
    content: "";
    width: 786px;
    height: 460px;
    left: -132px;
    background-position: top left;
    background: url(/storage/counter-car.png);
    background-repeat: no-repeat;
    top: -128px;
    background-size: auto;
}

.counter-box span.counter {
    color: #fff !important;
    font-size: 52px !important;
    font-weight: 600;
}

.counter-box span.h5 {
    color: #fff;
    font-size: 20px !important;
}

.backgroud-dubble-side-cirle {
    position: relative;
}


/*testimonial */
section.tesimonial-sec {
    background: #f3f9ff;
}

section.tesimonial-sec .one-wrapper {
    padding: 40px 14px !important;
}

section.tesimonial-sec .slick-prev:before {
    opacity: 1;
    background: url("/storage/button-before.png");
    width: 100px;
    height: 100px;
    background-size: cover;
    content: "";
    display: flex;
    background-position: 118% 68%;
    margin-left: -44px;
}

section.tesimonial-sec .slick-next:before {
    opacity: 1;
    background: url("/storage/button-after.png");
    width: 100px;
    height: 100px;
    background-size: cover;
    content: "";
    display: flex;
    margin-left: -35px;
}

section.tesimonial-sec ul.slick-dots {
    display: none;
}

.gst-wrapper h5 {
    color: #405FF2;
    font-size: 18px;
    margin-bottom: 0px;
}

.gst-wrapper h6 {
    color: #9C9C9C;
    font-size: 16px;
}

.g-one {
    display: flex;
    align-items: center;
    gap: 0px 20px;
    margin-bottom: 20px;
}
.star-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

.gsd-wrapper {
    background-color: #fff;
    padding: 35px 30px 35px 30px;
    border-radius: 10px;
    margin: 0px 10px;
    box-shadow: rgb(6 27 254 / 9%) 0px 7px 29px 0px;

}

.tex-one {
    background-color: #EEF9FF;
}

.tex-one p {
    color: #081F46;
    font-size: 16px;
    line-height: 27px;
    padding: 10px 10px 10px 10px;
    font-weight: 400;
}

.gmt-wrapper {
    margin-left: 95px;
    margin-top: -23px;
}

section.tesimonial-sec .common-title-outer {
    margin-bottom: 20px;
}

/* news */

.full-text p {
    color: black;
    font-weight: 600;
    font-size: 24px;
    line-height: 39px;
}

section.news-sec .common-title-outer.text-left {
    margin-bottom: 30px;
}

.full-news-wrapper .full-text {
    margin-top: 20px;
}

.full-news-wrapper .full-text h6 {
    color: #A6A0A0;
    font-size: 16px;
}


/**********footer***************/
footer .form-subscribe {
    max-width: 600px;
    margin: 0 auto
}

footer .form-subscribe .form-control {
    background-color: hsla(0, 0%, 100%, .8);
    padding-left: 24px;
    padding-right: 24px;
    border: none;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px
}

footer .form-subscribe .btn {
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    background: #061bfe;
    height: 46.5px;
    border: 0px;
    font-size: 16px;
}

footer .form-subscribe .btn:hover {
    background: #061bfe;
    border: 0px;
}

.form-subscribe .form-control.focus,
.form-subscribe .form-control:focus {
    z-index: 2;
    background: #061bfe;
}

footer.pt-4 {
    background: url("/storage/union.png");
    background-size: cover;
    background-position: top center;
}

footer .top-ftr {
    margin-top: 10%;
}

.footlocate iframe {
    height: 224px;
}

footer .top-ftr h6 {
    color: #070707;
    font-size: 20px;
    margin-bottom: 20px;
}

.footlogo-side p {
    color: #000;
    font-size: 16px;
}

.footlogo-side img {
    margin-bottom: 20px;
}

.footlogo-side .social a {
    background: #061bfe;
    color: #fff;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
}

.footquicklink ul li a {
    color: #000;
    font-size: 16px;
    margin-bottom: 12px;
    display: flex;
}

.footaddressing ul li {
    color: #000;
    font-size: 16px;
}

.footaddressing ul li a {
    color: #000;
    font-size: 16px;
}

.footaddressing ul li {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px !important;
}

form.form-subscribe input.form-control.input-lg {
    height: 45px;
    font-size: 16px;
}

.copyright.py-3 {
    background: #061bfe;
    color: #fff;
}

.copyright.py-3 .copyright {
    color: #ffff;
    font-size: 14px;
}


/******contact page**********/
.wiggle {
    animation-name: wiggle;
    -webkit-animation-name: wiggle;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    visibility: visible !important;
}

/*@keyframes wiggle {*/
/*    0% {*/
/*        transform: rotate(-4deg);*/
/*    }*/

/*    50% {*/
/*        transform: rotate(4deg);*/
/*    }*/

/*    100% {*/
/*        transform: rotate(-4deg);*/
/*    }*/
/*}*/

/*@-webkit-keyframes wiggle {*/
/*    0% {*/
/*        -webkit-transform: rotate(-4deg);*/
/*    }*/

/*    50% {*/
/*        -webkit-transform: rotate(4deg);*/
/*    }*/

/*    100% {*/
/*        -webkit-transform: rotate(-4deg);*/
/*    }*/
/*}*/


.demo {
    background-color: #eee;
}

.serviceBox {
    color: #000;
    text-align: center;
    margin: 0 auto;
    border-radius: 20px 20px;
    position: relative;
    z-index: 1;
    height: 300px;
}
.addressing-contact {
    background: #f5f5f5;
}

.serviceBox:before {
    content: "";
    background: var(--white);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-radius: 10px 10px;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.serviceBox .service-icon {
    color: #fff;
    background: #071bff;
    font-size: 45px;
    height: 85px;
    line-height: 85px;
    border-radius: 20px 20px 0 0;
    margin: 0 auto 20px;
    position: relative;
}

.serviceBox .description {
    font-size: 16px;
    margin: 0 20px 20px;
    color: #000;
}

.serviceBox .title {
    color: #fff;
    background: #000;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 22px;
    display: inline-block;
    border-radius: 1000px;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    left: 0px;
    right: 0px;
    width: 180px;
}
.serviceBox h3.title a:hover {
    color: #fff;
}
.serviceBox.green {
    --color: #e31e24;
}

.serviceBox.orange {
    --color: #ff8d14;
}

.serviceBox.blue {
    --color: #e31e24;
}

.form-wrapper input.form-control{
    margin-bottom: 24px;
}

.form-wrapper .become-a-partner .iti{
    width: 100%;
    margin-bottom: 24px;
}

.form-wrapper {
    background-color: #071bff;
    padding: 31px 20px 41px 19px;
    border-radius: 10px;
}
.contactpage-formimg img {
    border-radius: 10px;
}
.form-wrapper button.btn.btn-theme.font-13 {
    background-color: #fff;
    margin-top: 20px;

}


/******************mission-page********/


.mission-inner-content h2 {
    color: #081F46;
    font-size: 42px !important;
    font-weight: 600;
    margin-bottom: 30px;
}

.mission-inner-content p {
    color: #A6A0A0;
    font-size: 16px !important;
    margin-bottom: 24px;
}

.mission-inner-content {
    padding-left: 60px;
}

section.mission-more-content {
    background: #F3F9FF;
}

.mission-inner-content.left-mission {
    padding-left: 0px;
}

/******************loan********/

section.services-sec.loanpage-box ul.group-listing {
    margin-top: 0px;
}

section.services-sec.loanpage-box .common-title-outer {
    display: block;
}

section.services-sec.loanpage-box ul.group-listing {
    margin-top: 0px;
    padding-left: 0px;
}

.card.p-3 div#nav-tab {
    border: 0px !important;
}

button.nav-link.active {
    background: #def5ff !important;
}

.services-heading.black {
    font-size: 18px;
    font-weight: 600;
}

section.loan-page .card {
    border: 0px;
    box-shadow: rgb(6 27 254 / 9%) 0px 7px 29px 0px;
    background: #ffffff;
}

button.nav-link {
    padding: 24px;
    background: #fff;
    box-shadow: rgb(6 27 254 / 9%) 0px 7px 29px 0px;
    border-radius: 18px;
    margin-right: 20px;
    border: 0px !important;
    width: 220px;
}

section.loan-page .tab-content {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 42px;
    margin-top: 10px;
    align-items: center;
    background: transparent !important;
    border: 0px !important;
}

section.loan-page .tab-content .tab-content-text h2 {
    color: #081F46;
    font-size: 24px !important;
    font-weight: 600;
    margin-bottom: 4px;
}

section.loan-page .tab-content .tab-content-text p {
    font-size: 16px;
}

section.loan-page h2.common-title.text-center {
    margin-bottom: 30px;
}

.nav.nav-tabs {
    border: 0px;
}


/*************calculator****************/


.emi-calculator {
    max-width: 450px;
    margin: 0 auto;
    padding: 50px 20px;
    background-color: #f7f7f7;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.emi-calculator h2 {
    text-align: center;
    color: #000;
    font-size: 28px !important;
    font-weight: 600;
    margin-bottom: 30px;
}

.emi-calculator label {
    display: block;
    margin: 10px 0 5px;
    color: #555;
}

.emi-calculator input[type="number"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.emi-calculator button {
    width: 100%;
    padding: 10px;

    background-color: #3dc1ff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

.emi-calculator button:hover {
    background-color: #061bfe;
}

.emi-result {
    margin-top: 20px;
    text-align: left;
    color: #12274b;
    font-size: 36px;
    font-weight: 700;
}
#emiResult p {
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#emiResult p:nth-child(1) {
  
  font-size: 22px;
}
/**********apply-btn*********************/
.applybtn {
    position: fixed;
    z-index: 99999;
    top: 50%;
    right: -58px;
    transform: rotate(270deg);
    background: #3dc2ff;
    color: #fff;
    padding: 14px 24px;
    border: 0px;
    font-size: 16px;
}

div#exampleModal .modal-dialog {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 800px;
    background: #ffffff;
    top: 20%;
}
div#exampleModal .modal-content {
    border: 0px;
}
.applyloanimg img {
    width: 730px;
    height: auto;
}
div#exampleModal button.btn-close {
    position: absolute;
    right: 0px;
    padding: 10px 10px;
    color: #fff;
    z-index: 9999;
}
div#exampleModal .modal-content .apply-heading h2 {
    font-weight: 600;
}
div#exampleModal .modal-content button.btn.btn-primary {
    background: #071bff;
    border: 0px;
    margin-top: 10px;
    width: auto;
    padding: 10px 24px;
}
div#exampleModal .modal-content form .loanform-group {
    display: flex;
    gap: 10px;
    width: 100%;
}
div#exampleModal .modal-content form .loanform-group .mb-2 {
    width: 100%;
}
div#exampleModal .modal-content .apply-heading h2 {
    margin-bottom: 16px;
    font-size: 28px;
    color: #000;
}

.loan-conimg {
    display: flex;
    align-items: center;
}

/**********become a partner*********************/
.becomepartner .frame-wrapper {
    text-align: center;
}

.becomepartner .form-wrapper {
    background: url(/storage/arc-1-q6r6txndifcfs59yuhvbpqx9shko7v86mw3mzmdibk.jpg);
    padding: 30px 30px 30px 30px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 20px;
}

.becomepartner .form-wrapper:before {
    background: #000000b3;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 20px;
}

.becomepartner .form-wrapper button.btn.btn-theme {
    background: #061bfe;
    color: #fff;
}

section.becomepartner .form-wrapper {
    margin-top: 50px;
}


/**********storypage*********************/
.aboutpagepartner .about-inner-content.aboutspace ul li {
    display: inline-block;
    color: #000;
}

.aboutpagepartner .about-inner-content.aboutspace ul {
    padding-left: 0px !important;
}

.aboutpagepartner .about-inner-content.aboutspace ul li strong {
    color: #000;
}

/********************************** CREATED BY SHIVAM APPLY NOW BUTTON & FORM ***************************************/
.btn-apply-now {
    padding: 15px 60px !important;
    /* Makes the button larger */
    font-size: 18px !important;
    /* Larger text */
    color: white !important;
    /* White text color */
    background-color: #061bfe !important;
    /* Dark sky blue background */
    text-decoration: none !important;
    border-radius: 8px !important;
    /* Rounded corners */
    display: inline-block !important;
    transition: background-color 0.3s ease, transform 0.3s ease !important;
}

.btn-apply-now:hover {
    background-color: #0077b3 !important;
    /* Slightly darker blue when hovered */
    transform: scale(1.05) !important;
    /* Slight zoom effect on hover */
}

/********************************** APPLY NOW FORM PAGE CSS ***********************************/

.section-title {
    font-weight: bold;
    color: #fff;
    background-color: #002366;
    padding: 12px 20px;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: -20px;
    border-end-end-radius: 20px;
    border-top-right-radius: 20px;
}

.card {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
}

.form-container {
    padding: 30px;
}

.form-label {
    font-weight: 500;
    font-size: 16px;
}

.required {
    color: red;
    font-weight: bold;
}

.proceed-btn {
    background-color: #FF0078;
    border: none;
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 5px;
}

.proceed-btn:hover {
    background-color: #FF5696;
}



/* Ensure Select2 matches Bootstrap 5 form-control */
.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
    /* Match the height of Bootstrap 5 selects */
    padding: 0.375rem 0.75rem !important;
    /* Padding for the select input */
    font-size: 1rem !important;
    /* Match font size with Bootstrap 5 */
    line-height: 1.5 !important;
    color: #495057 !important;
    /* Default text color (Bootstrap 5) */
    border: 1px solid #ced4da !important;
    /* Border color (same as Bootstrap 5 select) */
    border-radius: 0.375rem !important;
    /* Bootstrap 5 rounded corners */
    background-color: #fff !important;
    /* White background (Bootstrap 5 default) */
    box-shadow: none !important;
    /* No shadow */
}

/* Focus styles (mimicking Bootstrap 5 focus effect) */
.select2-container--bootstrap-5 .select2-selection--single:focus {
    border-color: #80bdff !important;
    /* Bootstrap focus border color */
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    /* Focus shadow */
}

/* Custom arrow to match Bootstrap 5's select icon */
.select2-container .select2-selection__arrow {
    top: 50% !important;
    right: 10px !important;
    /* Adjust the arrow position */
    margin-top: -8px !important;
    /* Center vertically */
    width: 20px !important;
    height: 20px !important;
    background-color: transparent !important;
    /* Transparent background */
    background-image: none !important;
    /* Remove the default background image */
}

/* Adjust the dropdown to match Bootstrap 5's dropdown */
.select2-dropdown {
    max-height: 200px !important;
    overflow-y: auto !important;
    border-radius: 0.375rem !important;
    border: 1px solid #ced4da !important;
    background-color: #fff !important;
}

/* Dropdown items (matching Bootstrap 5 list group style) */
.select2-results__option {
    padding: 0.375rem 1.25rem !important;
    /* Padding to match Bootstrap 5's list items */
    font-size: 1rem !important;
    color: #495057 !important;
    /* Default text color (Bootstrap 5) */
}

.select2-results__option--highlighted {
    background-color: #f1f1f1 !important;
    /* Highlighted background when hovering */
    color: #0d6efd !important;
    /* Text color when highlighted (Bootstrap 5 link color) */
}


.select2-container {
    width: 100% !important;
}


/* Disable and readonly styles for Select2 */
.select2-container .select2-selection--single[aria-disabled="true"] {
    background-color: #e9ecef !important;
    /* Disabled background (same as Bootstrap 5) */
    border-color: #ced4da !important;
    color: #6c757d !important;
    /* Disabled text color */
}

.select2-container .select2-selection--single[aria-disabled="true"] .select2-selection__rendered {
    color: #6c757d !important;
    /* Disable text color for rendered selection */
}

/* Clear button (Select2's clear button) */
.select2-selection__clear {
    color: #495057 !important;
    /* Clear button text color */
    opacity: 0.5 !important;
}

/* Make sure search input inside the dropdown is styled correctly */
.select2-search input {
    width: 100% !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    border-radius: 0.375rem !important;
    border: 1px solid #ced4da !important;
}


/* Optional: Hide the default calendar icon */
input::-webkit-calendar-picker-indicator {
    display: none !important;
}

/* Ensure the calendar appears above other content */
.daterangepicker {
    z-index: 9999 !important;
    /* Make sure the calendar is on top */
    position: absolute !important;
    /* Allows us to control the calendar’s positioning */
}

/* Optional: Style the calendar box for a cleaner look */
.daterangepicker .calendar {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    /* Soft shadow */
    border-radius: 5px !important;
    border: 1px solid #ddd !important;
    /* Light border for the calendar */
    padding: 10px !important;
    background-color: white !important;
    width: 230px !important;
    /* Control calendar width */
}

/* Styling the selected date */
.daterangepicker .calendar td.active {
    background-color: #007bff !important;
    color: white !important;
}

/* Make sure the input box has a clean and professional look */
/*.form-control {*/
/*    padding: 10px !important;*/
/*    font-size: 16px !important;*/
/*    border: 1px solid #ddd !important;*/
/*    border-radius: 5px !important;*/
/*}*/

/* Adjust the position of Flatpickr calendar pop-up */
#datetimepicker2.flatpickr-calendar.animate.open.arrowTop.arrowLeft {
    margin-top: -39px !important;
}


.card.svm-card {
    padding: 0px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.card.svm-card img.card-img-top {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.card-body .svm-body-card {
    padding: 0px !important;
}

.btn.svm-button:hover {
    background: #000;
    color: #fff;
}
.carinfo h6 {
    font-size: 12px !important;
}
.card.svm-card .svm-body-card {
    color: #fff;
   background: rgb(40,146,195);
}
.custom-border-color {
    border-left: 2px solid #fff !important;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}
.card.svm-card .svm-body-card a button {
    color: #fff !important;
}

.svm-card-info {
    display: flex;
}
.svm-card-info h6 {
    color: #444444 !important;
    font-size: 14px !important;
    border-right: 1px solid #000 !important;
    padding-right: 10px;
    font-weight: 400;
}

.svm-card-info h6:last-child {
  border-right: none !important;
}
.svm-card-title {
    display: flex;
    margin-bottom: 4px;
}
.svm-card-title h2 {
    color: #000000 !important;
    font-size: 20px !important;
    margin-bottom: 0px !important;
    margin-right: 4px;
    font-weight: 600;
}
.svm-card-price {
    display: flex;
    justify-content: space-between;
    padding: 0 12px 0px 0px;
    align-items: center;
    margin-top: 10px;
}
.svm-card-btn button.btn.svm-button {
    border-radius: 6px !important;
    background: #3dc2ff;
    color: #fff;
    border: 0px;
    margin-top: 5px;
}
.svm-card-price h2.text-uppercase.mb-0 {
    color: #000000;
    font-weight: 600;
    font-size: 20px;
}
/* *********************** insurance-page ***************** */
.insurance-form-content {
    padding: 32px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.insurance-form-content h2 {
    color: #000;
    font-size: 34px !important;
    font-weight: 600;
}
.insurance-form-content p {
    font-size: 18px;
    color: #000;
    line-height: normal;
}
.insurance-form-content form .form-group {
    display: grid;
}
.insurance-form-content form .form-group label {
    margin-bottom: 2px;
}
.insurance-form-content form .form-group input, .insurance-form-content form .form-group select {
    height: 32px;
    padding: 0 10px;
    border: 1px solid #9f9f9f;
    border-radius: 4px;
    color: #000;
}
.insurance-form-content form .form-group input::placeholder, .insurance-form-content form .form-group select::placeholder {
    color: #000000;
    opacity:1;
}
.insurance-form-content form .form-group button {
    background: #3dc2ff;
    border: 0px;
    color: #fff;
    padding: 10px 0;
    font-size: 18px;
    border-radius: 4px;
}
.Insurance-Plans-list ul li h4 {
    font-size: 24px !important;
    color: #0013d9;
}
.Insurance-Plans-list {
    margin-top: 20px;
}
.Insurance-Plans-list p {
    color: #666;
    font-size: 16px;
}
.page-id-6363 .common_breadcrump span {
    color: #000 !important;
}
section.online-insurance-sec h2.common-title {
    text-align: center;
    margin-bottom: 24px;
}
section.online-insurance-sec {
    background: #f4fcff;
}
.insurance-formimg {
    text-align: center;
}


/* *********************** sell car***************** */
section.sellcarsec-page {
    background: url(/storage/sell-car-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position:relative;
}
section.sellcarsec-page:before {
    background: #0000009e;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
}
.sellcarincontent h5 {
    color: #fff;
    font-size: 13px;
    margin-top: 34px;
}
.sellcarin-form {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
}
.sellcarin-form .apply-heading h2 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
}
.sellcarin-form form .sellcarform-group {
    display: flex;
    width: 100%;
    gap: 20px;
}
.sellcarin-form form .sellcarform-group .mb-2 {
    width: 100%;
}
.sellcarin-form form .sellcarform-group select {
    width: 100%;
    /*padding: 6px 6px;*/
    border-radius: 4px;
    /*background: #f5f5f5;*/
    border: 1px solid #d1d1d1;
}

.sellcarin-form form .sellcarform-group input::placeholder {
    color: #000;
    font-size: 14px;
}
.sellcarin-form form .sellcarform-group input {
    width: 100%;
    /*padding: 2px 10px !important;*/
    border-radius: 4px;
    /*background: #f5f5f5;*/
    border: 1px solid #d1d1d1;
    height: 38px;
}
.sellcarin-form form button.btn.btn-primary {
    background: #3dc1ff;
    border: 0px;
    margin-top: 16px;
}
.sellcarincontent h2 {
    font-size: 35px !important;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}
.sellcarincontent ul.sellcarincontent-item li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
}
ul.sellcarincontent-brand {
    display: flex;
    background: transparent;
}
ul.sellcarincontent-brand li {
    border: 1px solid #fff;
    border-right: 0px;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 3px;
    margin-right: 6px;
}
ul.sellcarincontent-brand li:last-child {
    border-right:  1px solid #fff;
}
/* *********************** car details page ***************** */

/* Styling for the carousel */
.carousel-container {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.carousel-images {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-images a {
    margin-right: 10px;
    /* Space between images */
}

.carousel-btn {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.carousel-btn.prev {
    left: 10px;
}

.carousel-btn.next {
    right: 10px;
}

/* Hide carousel arrows if there are less than 5 images */
.carousel-images a {
    max-width: 100px;
}

.page-intro .breadcrumb li {
  text-transform: capitalize;
}

.iti {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* For smaller screens, adjust the size of carousel images */
@media (max-width: 768px) {
    .carousel-images a {
        max-width: 80px;
    }
}

/* Add a responsive design */
@media (max-width: 576px) {
    .carousel-images a {
        max-width: 70px;
    }

    .carousel-container {
        flex-direction: column;
        align-items: flex-start;
    }
}



/********************/
.booking-box {
    background-color: #e8f3ff !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Shadow for depth */
    text-align: center;  /* Center-align text */
}

.amount {
    font-size: 1.5rem;
    font-weight: bold;
}

.currency-icon {
    color: #28a745;  /* Green for currency */
}

.amount-value {
    color: #343a40;  /* Dark color for the amount */
}

.pay-info p {
    color: #495057;  /* Slightly darker text */
}

.text-primary {
    color: #007bff;  /* Blue for 10% */
}

.reserve-btn .btn {
    background-color: #007bff;  /* Blue background for button */
    color: white;  /* White text on button */
    font-weight: bold;
    border-radius: 8px;  /* Rounded corners for button */
    transition: background-color 0.3s ease;
}

.reserve-btn .btn:hover {
    background-color: #0056b3;  /* Darker blue on hover */
}

.reserve-btn a {
    text-decoration: none;  /* Remove underline from button text */
}

.carlocatefilt div label {
    background: #3dc2ff;
    color: #fff;
    padding: 6px 18px;
    font-size: 16px;
    font-weight: 600;
    display:none;
}
.carlocatefilt div select#city {
    background: #3dc2ff;
    color: #fff;
    border: 0;
    padding: 6px 8px;
    font-weight: 600;
}
.carlocatefilt div a {
    background: #071bff;
    color: #fff;
    padding: 7px 10px;
}

@keyframes blink {
  0%, 100% {background-color:#071bff;}
  50% {background-color: #3dc1ff;}
}
.blinking-button {
  background: #3dc1ff;
  animation: blink 1s linear infinite;
}
section.section.page-intro {
    background: url(/storage/inner-banner.jpg) !important;
}
.card .card-body {
    font-size: 18px;
}
.card .card-body .nav-pills li a:hover {
    color: #fff;
}
/******************************/
.icon-box i {
    color: #007bff; /* Icon color */
    margin-bottom: 10px;
}
.icon-box p {
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}
.carmodelinfo {
    padding: 40px 0 10px;
}

.car-details.mb-4.border-left-red {
    background: #f8f9fa;
    padding: 18px 12px;
}
.car-details h1 {
    margin-bottom:0px !important;
}
.car-details h2.amg-wrapper {
    margin-bottom: 0px;
}
/******************** ABOVE IMAGE TITLE *******************/


.car-details h2.amg-wrapper {
    font-size: 1.75rem;
    font-weight: 700;
}

.garden-wrapper li i {
    margin-right: 5px;
}

.carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-images img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin: 5px;
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: transform 0.3s ease-in-out;
}

.carousel-images img:hover {
    transform: scale(1.1);
}

.carousel-btn {
    position: absolute;
    top: 50%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 1rem;
    padding: 0.5rem;
    border: none;
    cursor: pointer;
    border-radius: 5%;
}

.carousel-btn.prev {
    left: 10px;
}

.carousel-btn.next {
    right: 10px;
}


.border-left-red {
    border-left: 4px solid red; /* Red border on the left */
    padding-left: 15px; /* Optional: add some padding to the left for spacing */
}

/* ************************** end card details page ************************** */


/* *********************** tab section car detail page *************************** */


/* Styling for the nav pills */
.nav-pills {
    display: flex;
    justify-content: space-between;
    border-radius: 80px;
    background-color: #f8f9fa;
    padding: 0.3em 0.4rem;
}

.nav-item {
    margin: 0;
}

/* Style for nav links (Pills) */
.nav-link {
    padding: 6px 40px;
    font-size: 1.1rem;
    font-weight: 500;
    border-radius: 80px !important;
    color: #495057; /* Text color */
    transition: all 0.3s ease; /* Smooth transition for hover and active state */
}

/* Hover effect */
.nav-link:hover {
    background-color: #007bff; /* Hover background color */
    color: white;
    transform: scale(1.05); /* Slightly enlarge the pill on hover */
}

/* Active state (highlighted tab) */
.nav-link.active {
    background-color: #007bff;
    color: white;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3); /* Adding shadow to active pill */
}

/* Icon style inside pills */
.nav-link i {
    font-size: 1.3rem; /* Icon size */
    transition: transform 0.3s ease;
}

/* Add a slight zoom effect on hover for the icon */
.nav-link:hover i {
    transform: scale(1.1);
}

/* Optional: Add a subtle border to pills */
.nav-link {
    border: 1px solid transparent;
    border-radius: 0.75rem;
}

.nav-link:hover, .nav-link.active {
    border: 1px solid #007bff;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .nav-pills {
        flex-direction: column;
    }

    .nav-link {
        margin-bottom: 1rem;
        width: 100%;
        text-align: center;
    }
}



/* Styling for content boxes */
.content-box {
    background-color: #f9f9f9; /* Light background */
    padding: 20px;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow */
    transition: all 0.3s ease;
}

/* Hover effect for content box */
.content-box:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
    transform: translateY(-5px); /* Slightly lift on hover */
}

/* Styling for headings inside the content box */
.content-box h4 {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Styling for paragraphs and text inside the content box */
.content-box p {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 10px;
}

/* Styling for labels (strong tags) */
.content-box p strong {
    color: #007bff;
}

/* Add hover effect to tab content images */
.tab-pane img {
    transition: all 0.3s ease;
}

/* Hover effect for images */
.tab-pane img:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Responsive Design for smaller screens */
@media (max-width: 768px) {
    .content-box {
        padding: 15px;
    }

    .content-box h4 {
        font-size: 1.1rem;
    }

    .tab-pane img {
        height: 180px;
    }
}





.Collection-wrapper p {
    color: #666;
    font-size: 18px !important;
}




.Collection-wrapper h2 {
    color: black !important;
    font-size: 24px !important;
}

strong.stm-wrapper {
    color: black;
}


/* ************************************** END TAB SECTION CAR DETAILS ******************************* */



/**********media-query*********************/

@media (min-width:1301px) and (max-width:1499px) {
   .page-header__right ul.menu.sub-menu--slideLeft li a {
        padding: 10px 10px;
    }
    .banner-content.row h1 {
        margin-top: -20px;
         font-size: 56px !important;
    }
    section.banner {
        height: 620px;
    }
    section.counter-sec:before {
        width: 780px;
        height: 380px;
        left: -345px;
        top: -172px;
    }
    .benifits-box h4 {
        font-size: 17px !important;
    }
}
@media (min-width:1101px) and (max-width:1300px) {
    
    .page-header__right ul.menu.sub-menu--slideLeft li a {
        padding: 10px 8px;
        font-size: 13px;
        line-height: 24px;
    }
    .page-header__left {
        width: 22%;
    }
    section.banner {
        height: 500px;
    }
    .banner-content.row h1 {
        font-size: 44px !important;
        margin-top: -6px;
    }
    .banner-content.row p {
        font-size: 20px;
        color: #000;
        margin-bottom: 30px;
    }
    .banner-content.row a.theme-btn {
        padding: 6px 24px;
    }
    section.features-sec .common-title-outer {
        width: 100%;
    }
    section.counter-sec:before {
        width: 782px;
        height: 392px;
        left: -467px;
        top: -170px;
    }
    section.tesimonial-sec .gsd-wrapper .g-one .gmt-wrapper {
        margin-left: 0px !important;
    }
    .benifits-box h4 {
        font-size: 15px !important;
    }
    .serviceBox {
        height: 350px;
    }
}

@media (min-width:1025px) and (max-width:1100px) {
    section.banner {
        height: 500px;
    }
    .page-header__left {
        margin: 0 auto !important;
        float: left !important;
    }
    .page-header__right ul.menu.sub-menu--slideLeft li a {
        padding: 10px 8px;
        font-size: 12px;
    }
    .page-header__left {
        width: 16%;
    }
    .banner-content.row h1 {
        font-size: 44px !important;
        margin-top: 0px;
    }
    .banner-content.row p {
        font-size: 22px;
    }
    .banner-content.row a.theme-btn {
        padding: 6px 24px;
    }
    section.features-sec .common-title-outer {
        width: 100%;
    }
    section.counter-sec:before {
        width: 782px;
        height: 392px;
        left: -467px;
        top: -170px;
    }
    section.tesimonial-sec .gsd-wrapper .g-one .gmt-wrapper {
        margin-left: 0px !important;
    }
    .benifits-box h4 {
        font-size: 15px !important;
    }
    .serviceBox {
        height: 382px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
   
    
    .banner-content.row h1 {
        font-size: 34px !important;
        margin-top: -100px;
    }
    .banner-content.row span {
        color: #000000;
    }
    .banner-content.row a.theme-btn {
        padding: 6px 24px;
        font-size: 14px;
    }
    section.services-sec ul.group-listing li {
        margin-bottom: 20px;
    }

    section.services-sec ul.group-listing {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-inner-content h2 {
        font-size: 24px !important;
    }

    .about-inner-content ul li {
        margin-bottom: 0px;
    }

    .about-inner-content p {
        margin-bottom: 10px;
    }

    section.features-sec .common-title-outer {
        width: 80%;
    }

    h2.common-title {
        font-size: 34px !important;
    }

    section.benifits-sec .common-title-outer hr {
        width: auto;
    }

    section.counter-sec:before {
        width: 284px;
        height: 140px;
        top: 65px;
        background-size: cover;
    }

    section.banner {
        height: 500px;
    }
    .banner-content.row p {
        color: #000000;
        font-size: 20px;
    }

    footer .form-subscribe .btn {
        height: 38px;
        font-size: 10px;
    }

    form.form-subscribe input.form-control.input-lg {
        height: 38px;
        font-size: 10px;
    }
    .sellcarincontent {
        margin-bottom: 24px;
    }
    .serviceBox {
        height: 520px;
    }
    .counter-box span.counter {
        font-size: 30px !important;
    }
    .serviceBox {
        height: 310px;
        margin-bottom: 20px;
    }

}

@media (max-width:767px) {
    .banner-content.row h1 {
        font-size: 34px !important;
        color: #000;
        margin-top: -40px;
    }

    .banner-content.row span {
        color: #000000;
    }

    .banner-content.row p {
        color: #000000;
    }

    section.services-sec ul.group-listing {
        grid-template-columns: repeat(1, 1fr);
    }

    section.services-sec ul.group-listing li {
        margin-bottom: 20px;
    }

    .container {
        width: auto !important;
    }

    .about-inner-content {
        padding-left: 0px;
    }

    .about-inner-content h2 {
        font-size: 24px !important;
        margin-bottom: 10px;
    }

    .about-inner-content ul li {
        margin-bottom: 0px;
    }

    .about-inner-content p {
        margin-bottom: 8px;
    }

    .about-inner-content {
        padding-left: 0px;
        margin-top: 20px;
    }

    section.features-sec .common-title-outer {
        width: 100%;
    }

    h2.common-title {
        font-size: 34px !important;
    }

    .feature-box {
        margin-bottom: 20px;
    }

    .feature-box.blue-feature {
        margin-top: 0px;
    }

    section.benifits-sec .common-title-outer {
        width: 100%;
    }

    section.benifits-sec .common-title-outer hr {
        color: #fff;
        width: auto;
    }

    .benifits-box {
        margin-bottom: 20px;
    }

    .banner-content.row a.theme-btn {
        padding: 2px 24px;
    }

    .page-header__left {
        width: 182px;
    }

    section.banner {
        height: 684px;
    }

    section.counter-sec:before {
        width: 264px;
        height: 130px;
        left: -4px;
        top: -60px;
        background-size: cover;
    }

    .footlogo-side {
        margin-bottom: 30px;
    }

    .banner-content.row a.theme-btn {
        background: #061bfe;
        color: #ffffff;
        padding: 2px 24px;
    }

    .page-header__right ul.menu.sub-menu--slideLeft li:last-child a {
        color: #000000 !important;
    }

    .page-header__right ul.menu.sub-menu--slideLeft li:last-child {
        background: transparent;
    }

    .navigation--mobile .menu-item:last-child {
        border-bottom: 1px dashed rgba(34, 25, 25, .2) !important;
    }

    .serviceBox {
        margin: 0 auto 20px;
    }

    .form-wrapper {
        margin-top: 10px;
    }

    .services-sec ul.group-listing.list-none {
        padding-left: 0px !important;
    }

    .mission-inner-content {
        padding-left: 0px;
    }

    .mission-inner-content h2 {
        font-size: 34px !important;
    }
    .sellcarincontent {
    margin-bottom: 24px;
}
.serviceBox {
    height: auto;
}
.nav-pills {
    border-radius: 4px;
}
.serviceBox .title {
    position: inherit;
}
.loan-conimg .applyloanimg {
    display: none;
}
.sellcarin-form {
    padding: 14px;
}

}













.counter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.pl-wrapper {
    color: #fff;
    font-size: 32px;
    margin-left: 6px;
}



@media (min-width: 992px) and (max-width: 1199px) { 


.theme-btn {
	margin-bottom: 11px;
}

.page-header__right ul.menu.sub-menu--slideLeft li a {
	padding: 10px 9px;
}




section.services-sec ul.group-listing {
	grid-template-columns: repeat(2, 1fr);
}


.svm-card-price {

	flex-direction: column;
}


}

@media (min-width: 768px) and (max-width: 991px) { 

.fmsd-wrapper {
    margin-bottom: 10px;
}

.theme-btn {
	margin-bottom: 11px;
}

.about-ten-wrapper {
	margin-top: 30px;
}

.full-text p {
	font-size: 16px;
	line-height: 30px;
}


.page-header__right ul.menu.sub-menu--slideLeft li:nth-child(8) {
	width: 20%;
	text-align: center;
	margin: 9px 0px 12px 14px;
}



.insurance-form-content {
	margin-bottom: 34px;
}



.simple-steps-box {
	margin-bottom: 16px;
}



.cms-wrapper {
	text-align: center;
}

.becomepartner-img {
	text-align: center;
}


}


@media (min-width: 576px) and (max-width: 767px) { 

.gsd-wrapper {
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	margin:0px; 

}

.g-one {
	display: flex;
	align-items: center;
	gap: 21px 20px;
	flex-direction: column;
}


.gmt-wrapper {
	margin-left: 0px;
	margin-top: -21px;
}


.insurance-form-content {
	margin-bottom: 34px;
}



.simple-steps-box {
	margin-bottom: 16px;
}



}






@media (max-width: 575px) { 

.theme-btn {
	margin-bottom: 20px;
}


.gsd-wrapper {
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	margin:0px; 

}

.g-one {
	display: flex;
	align-items: center;
	gap: 21px 20px;
	flex-direction: column;
}


.gmt-wrapper {
	margin-left: 0px;
	margin-top: -21px;
}



.insurance-form-content {
	margin-bottom: 34px;
}



.simple-steps-box {
	margin-bottom: 30px;
}

#back2top.active {
    bottom: 90px;
    opacity: 1;
    visibility: visible;
    right: 4px;
}

.applybtn {
    top: inherit;
    right: inherit;
    transform: rotate(360deg);
    bottom: 0px;
    width: 100%;
}





}