body {
    font-family: 'Montserrat', sans-serif;
}

.topbanner {
    background-repeat: no-repeat;
    background-size: cover;
}

.gettxt {
    color: #495057;
    font-weight: bold;
    font-size: 26px;
}

.font-26 {
    font-size: 26px;
}

.font-18 {
    font-size: 18px;
    font-weight: bold;
}

.font-20 {
    font-size: 20px;
    font-weight: bold;
}

.font-35 {
    font-size: 35px;
}

.font-28 {
    font-size: 28px;
}

.font-55 {
    font-size: 45px;
}

.font-weight-500{
    font-weight: 500;
}
.font-weight-600{
    font-weight: 600;
}
.font-weight-700{
    font-weight: 700;
}
.dont {
    color: white;
    font-size: 19px;
    margin: 14px 3px 14px 6px;
}

.learn {
    color: white;
    font-size: 14px;
    margin: 27px 3px 20px 6px;
}

.question {
    line-height: 1.2;
    margin-top: 30px;
}

.pbr-8 {
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

.borderget {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 3px solid #495057;
}

header li a {
    display: block;
    color: #000;
    font-weight: bold;
    padding: 5px 10px;
}

a {
    color: #171718fc;
    text-decoration: none;
    background-color: transparent;
}

header .tophead .h-text {
    color: #6a6a6a;
    font-size: 15px;
    padding-top: 10px;
}

nav.navbar.navbar-expand-lg.navbar-light {
    padding-left: 0;
    padding-right: 0;
}

header li:last-child a {
    padding-right: 0;
}

header .tophead .th-call {
    text-align: right;
}

header li a:hover {
    color: #248147;
}

.text h1 {
    font-size: 35px;
    font-weight: bold;
    color: #fafafa;
    position: absolute;
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-20 {
    margin: 20px 10px
}

.container-sm2 {
    max-width: 1050px;
    background: rgba(160, 160, 160, 0.6);
    padding-left: 6%;
    padding-right: 6%;
    margin: auto;
    height: 700px;
}

.space {
    margin-bottom: -37px;
    border-bottom: 3px solid;
    padding-bottom: 10px;
}

.socialsec {
    padding: 10px 0;
    background: #999999;
}

.still {
    margin-top: 51px;
}

.socialsec img {
    width: 50px;
}

.socialsec h6 {
    margin-bottom: 0;
    color: #fff;
}

.socialsec ul img {
    margin-right: 20px;
}

.p-43 {
    padding: 43px;
}


footer a {
    color: #fff;
}

footer a:hover {
    text-decoration: underline;
    color: white;
}

footer h3 {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 0.2;
    font-weight: bold;
}

footer {
    padding-top: 50px;
    padding-bottom: 40px;
    color: #fff;
    background-color: #22313f;
}
footer a, footer p {
    display: inline-block;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
footer .fa {
    font-size: 22px;
}
@media (max-width:480px) {
    footer {
    padding-top: 15px;
    padding-bottom: 10px;
}
}

.bg-green {
    background: #248147;
    color: #fff;
}

.container-sm {
    max-width: 1050px;
}

#ratingSlider .owl-prev span {
    position: absolute;
    top: 40%;
    line-height: 27px;
    color: #555;
    font-size: 130px;
    left: -78px;
}

#ratingSlider .owl-next span {
    position: absolute;
    top: 40%;
    line-height: 27px;
    color: #555;
    font-size: 130px;
    right: -78px;
}

.searchbar input {
    padding: 23px 20px;
    border: none;
    border-radius: 2px;
    color: #000;
    font-size: 16px;
}

.searchbar .form-control:focus,
.searchbar .btn {
    box-shadow: none;
}

.searchbar .btn {
    padding: 10px;
}

.topbanner .topbg {
    background: rgba(255, 255, 255, 0.8);
}
.xpadding{
    padding-left:2%;
    padding-right:2%;
}

.bannertxt {
    padding-top: 100px;
    padding-bottom: 300px;
}

.bannertxt h1 {
    font-size: 35px;
    font-weight: bold;
    color: black;
}

section .vechiles {
    position: absolute;
    top: -170px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.product-name {
    font-size: 16px;
    color: #484848;
    font-weight: 400;
}
.product-height{
    height:327px;
}
.static-tiles{
    background-color: #eff2f312;
}

.product-content-area {
    padding: 13px 10px;
}

.product-image {
    height: 230px;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.bannertxt h6 {
    font-size: 28px;
    margin-bottom: 20px;
    color: hsl(0deg 0% 29%);
}

.subscribe form {
    margin-top: 20px;
}

.subscribe input {
    border: none;
    color: #000;
    font-weight: bold;
}

.subscribe input:focus {
    box-shadow: none;
    border-color: #248147;
}

.main-hed {
    text-align: center;
}

.main-hed h3 {
    font-size: 35px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

.fets {
    padding-top: 100px;
}

.fettxt {
    background: #1955a6;
    color: #fff;
}

.fettxt h3 {
    margin: 23px;
    font-weight: bold;
    text-align: center;
    font-size: 25px;
}

.fettxt li {
    font-size: 22px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 25px;
}

.fettxt li:before {
    content: '\f111';
    font-family: 'font awesome 5 free';
    font-weight: bold;
    padding-right: 20px;
    font-size: 28px;
    vertical-align: middle;
}

.fettxt .btn {
    color: #1955a6;
    margin: auto;
    font-weight: bold;
    border-radius: 0;
    margin-bottom: 15px;
}

.trendbnnr h2 {
    font-size: 35px;
    font-weight: bold;
    color: #000;
}

.trendbnnr h6 {
    font-size: 28px;
    margin-bottom: 20px;
}

.trndtxt {
    padding: 50px 0;
}

.ptb-50 {
    padding-bottom: 70px;
}

.r-rating .checked {
    color: orange;
}

.r-thumb {
    height: 60px;
    width: 60px;
    background-color: #e46736;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating {
    font-size: 35px;
}

.r-thumbb {
    height: 60px;
    width: 60px;
    background-color: #b11119;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.r-thumbbb {
    height: 60px;
    width: 60px;
    background-color: #0b75a7;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mt-56 {
    margin-top: 56px;
    margin-right: 175px;
    margin-bottom: 20px;
}

.mt-30 {
    margin-top: 0
}

.bg-greenn {
    background: #248147;
    color: #fff;
}

.bg-blue {
    border: 4px solid #1955a6;
    color: #fff;
}

.bg-blueb {
    background-color: #1955a6;
    ;
}

.btn-whitee {
    border-radius: 0;
    background-color: white;
    color: #248147;
    width: 100%;
    margin: 20px 8px 16px 2px
}

.btn-white {
    border-radius: 0;
    background-color: white;
    color: #248147;
    width: 100%;
    margin: 10px 20px 20px 10px
}

.btn-submit {
    color: white;
    font-weight: bold;
    border-radius: 0;
    background-color: #1955a6;
    padding: 10px 15px;
}

.font-22 {
    font-size: 22px;
}

.borderbd {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 3px solid #495057;
}

.btn-blue {
    border-radius: 0;
    background-color: white;
    color: #1955a6;
    font-weight: bold;
}

.btn-bluew {
    border-radius: 0;
    color: white;
    border: 2px solid white;
    background-color: #1955a6;
    font-weight: bold;
}

.bg-green .btn:hover {
    color: #fff;
}

*,
ul,
ol {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}

.mt-34 {
    margin-top: 0;
}

.budget {
    background-image: url(../images/budget-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.budget-01 {
    background-size: cover;
    background-position-x: right;
    background-repeat: no-repeat;
}

.btn-dgrey {
    border-radius: 7px;
    background-color: #696868;
    color: white;
    width: 100%;
    padding: 14px;
    font-weight: bold;
    font-size: 18px
}

.btn-bgrey {
    border-radius: 7px;
    background-color: #1955a6;
    width: 100%;
    padding: 14px;
    font-weight: bold;
    font-size: 20px
}

.btn-ggrey {
    border-radius: 7px;
    background-color: #248147;
    color: white;
    width: 100%;
    padding: 14px;
    font-weight: bold;
    font-size: 20px
}

.btn-lgrey {
    border-radius: 7px;
    background-color: #dfdcdc;
    color: #696868;
    width: 100%;
    padding: 14px;
    font-weight: bold;
    font-size: 18px
}

.twenty {
    color: #504e4e;
    font-weight: bold;
    font-size: 28px;
    margin-top: 30px
}

.borderr-top {
    border-top: 2px solid hsl(240, 0%, 45%);
}

.color-g {
    color: #a4a1a1;
    font-weight: bold;
}

.text-b {
    font-size: 18px;
    color: black;
}

.tt td {
    vertical-align: top;
    border-top: 3px solid #a4a1a1;
    padding: 0.75rem;
}

.tt tr:last-child td {
    border-bottom: 3px solid #a4a1a1;
}

.tt {
    vertical-align: top;
    border-top: 3px solid #a4a1a1;
}

.gallery .height-i {
    width: 100%;
    height: 273px;
}

.sized {
    font-size: 48px;
    padding-left: 350px;
}

.getstarted {
    font-weight: bold;
}

#gallerySlider .owl-prev span {
    position: absolute;
    top: 40%;
    line-height: 27px;
    color: white;
    font-size: 130px;
    left: 78px;
}

#gallerySlider .owl-next span {
    position: absolute;
    top: 40%;
    line-height: 27px;
    color: white;
    font-size: 130px;
    right: 78px;
}

.btn-inventory {
    border-radius: 0;
    background-color: #248147;
    color: white;
}

.w-20 {
    width: 20%;
}

.shop.bg-blueb {
    height: 400px;
}

.bg-light {
    background-color: #f8f9fa !important;
    height: 570px;
}

section.inventory_content {
    background: #f1f1f1;
    padding: 30px 0;
    margin: 50px 0;
}

.inventory_page .searchbar input {
    background: #dbdbdb;
}

.inventory_page .searchbar .btn {
    background: #dbdbdb;
}

.inventory-list-item li {
    margin: 10px 30px;
    cursor: pointer;
}

.inventory-list-item li:hover {
    transition: all 0.5s;
    color: #4caf50;
}

.inventory-sidebar-list h5 {
    cursor: pointer;
    padding: 15px 20px;
    border-bottom: 1px solid #d7d7d7;
    text-transform: uppercase;
    font-weight: 600;
}

.inventory-sidebar-list h5:hover {
    background-color: #3f51b5;
    transition: all 0.3s;
    color: #fff;
}

.invent-thumb-leftside .card {
    min-height: 330px;
    height: 100%;
}

.inventory-heading {
    font-weight: 400;
    font-size: 16px;
    margin: 0px 0 15px 0;
}

.product-thumb .card {
    margin: 20px 0;
}

.invet-thumb-img {
    text-align: center;
    padding: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.amount {
    margin: 0;
    color: #009688;
}

.meter {
    margin: 0;
    color: #263bb2;
}

.amount-meter {
    font-size: 16px;
    font-weight: 700;
}

.invent-card1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.invent-card1 h2 {
    font-size: 7rem;
    color: #248147;
}

.invent-card1 h3 {
    font-weight: 600;
}

.cst-btn1 {
    background: #248147;
    color: #fff;
    padding: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0px;
}

.btn-color2 {
    background-color: #1955a6;
}

.borderli {
    border-bottom: 3px solid white;
    padding-bottom: 14px;
}

.tellbg {
    background: #248147;
}

.getgreen {
    color: #248147;
    font-weight: bold;
}

.tellus .form-input::placeholder {
    color: white;
}

.topbanner-tra {
    background-image: linear-gradient(#fff5, #fff 56%);
}

.btn-trade {
    border-radius: 7px;
    background-color: #696868;
    color: white;
    width: 100%;
    padding: 9px;
    font-weight: bold;
    font-size: 28px;
}

.referral .bannertxt {
    padding-top: 100px;
    padding-bottom: 100px;
}

.referral .referral-input input {
    color: #000;
    background: #eee;
    border-color: #999;
    box-shadow: 0 0 1px;
}

.referral {
    background-size: contain;
}

.contact_img {
    background-image: url(../images/main-banner.jpg);
    background-size: cover;
    background-position: bottom;
}

.contact_content {
    background-color: #eeec;
    padding-top: 6px;
    margin-top: 48px;
    margin-bottom: 59px;
}

@media only screen and (max-width: 768px) {
    .bannertxt h1 {
        font-size: 30px;
        font-weight: bold;
        color: black;
    }
    .budget-01 {
        color: white;
    }
    .referral {
        background-size: auto;
    }
    .budget {
        background: none;
    }
    .ptb-50 {
        padding-bottom: 0px;
    }
    .bg-green {
        /* background: #248147;
        color: #fff;
        width: 262px;
        margin-left: 0; */
    }
    #ratingSlider .owl-next span {
        display: none;
    }
    #ratingSlider .owl-prev span {
        display: none;
    }
    .space {
        margin-bottom: 48px;
    }
    .fettxt li {
        font-size: 18px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
    }
    .fettxt li:before {
        content: '\f111';
        font-family: 'font awesome 5 free';
        font-weight: bold;
        padding-right: 16px;
        font-size: 30px;
        padding-left: 17px;
        vertical-align: middle;
    }
    .mt-30 {
        margin-top: 31px;
    }
    .mt-34 {
        margin-top: 34px;
    }
    header .tophead .h-text,
    header .tophead .th-call {
        text-align: center;
        font-size: 16px;
    }
    .p-43 {
        padding: 0;
    }
    .financing {
        margin-top: -60px;
    }
    .inventory-heading {
        margin: 40px 0 20px 0;
    }
    .btn-whitee {
        border-radius: 0;
        background-color: white;
        color: #248147;
        width: 100%;
        margin: 11px 0px 12px 0px;
    }
    .mt-20 {
        margin-top: 20px;
    }
    .mx-20 {
        margin: 20px 3px;
    }
    .bg-light {
        background-color: #f8f9fa !important;
        height: 388px;
    }
    .shop.bg-blueb {
        height: 230px;
    }
    .tt-01 .h3,
    .tt-01 .text-b {
        font-size: 14px;
    }
}

.list-group {
    max-height: 300px;
    margin-bottom: 10px;
    overflow-x: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}


/*Price Range*/

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
}

.calculator-section {
    display: none;
}

.cal-title {
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
}

.calculator-section .nav-pills .nav-link {
    color: #333;
    font-weight: 600;
    margin: 0 10px;
}

.calculator-section .nav-pills .nav-link.active,
.calculator-section .nav-pills .show>.nav-link {
    color: #333;
    background-color: transparent;
    border-bottom: 4px solid #004487;
}

.cal-output {
    font-size: 16px;
    background: #248147;
    color: #fff;
    padding: 30px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.cal-input {
    padding: 30px;
    background-color: #e9e4e454;
}

.calc {
    border: 1px solid rgb(199, 199, 198);
    border-radius: 4px;
    padding: 4px;
}

.cal-input h5 {
    font-weight: 500;
    margin-bottom: 20px;
}

.estimated-budget {
    text-align: center;
}

.budget-value {
    font-size: 40px;
    font-weight: 600;
    display: block;
    margin: 10px 0 30px 0;
}

.estimate-btnGroup {
    text-align: center;
}

.estimate-btnGroup button.btn.btn-warning {
    background: #fcd516;
    color: #333;
}


/* details page css */

.price-title {
    color: #248147;
    font-size: 26px;
    font-weight: bold;
    margin: 0;
}

.price {
    color: #248147;
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    padding-left: 10px;
}

.enqform {
    margin-top: 40px;
    padding: 20px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    background: #f4f4f4;
}

.enqform h2 {
    margin-bottom: 15px;
}

.enqform label {
    font-weight: 600;
}

.enqform textarea {
    min-height: 120px;
    max-height: 150px;
}

.carsliderthumb {
    padding: 20px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    background: #f4f4f4;
}

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: none;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}


/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    /* tap-highlight-color: transparent; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}


/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: white;
    background: hsla(0, 0%, 100%, 0.75);
    cursor: pointer;
    /* vertically center */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
    background: white;
}

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
    opacity: 0.6;
}

.secondary-image img {
    height: 265px;
}

.flickity-prev-next-button.previous {
    left: 10px;
}

.flickity-prev-next-button.next {
    right: 10px;
}

.flickity-prev-next-button:disabled {
    opacity: 0.3;
    cursor: auto;
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.flickity-prev-next-button .arrow {
    fill: #333;
}

.carousel {
    background: #FAFAFA;
}

.carousel-main {
    margin-bottom: 8px;
}

.carousel-cell {
    width: 100%;
    height: 504px;
    margin-right: 8px;
    background: #8C8;
    border-radius: 5px;
    /* counter-increment: carousel-cell; */
}

.carousel-nav .carousel-cell {
    height: 90px;
    width: 120px;
}


/* Atelierbram edit */

.carousel-main img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.carousel-nav .carousel-cell img {
    width: 120px;
    height: 90px;
    object-fit: cover;
}

.cpl-1 {
    padding-left: 2px !important;
}

.cpr-1 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.image-section {
    height: 320vh;
    overflow-y: scroll;
}

.btn {
    text-transform: uppercase;
    border-radius: 0;
}
.text-primary{
    color:#1955a6 !important;
}
.btn-primary{
    border-color: #1955a6 !important;
    background-color: #1955a6 !important;
}
.btn-whitee:hover{
    color:rgb(88, 80, 80) !important;
}
.btn:hover{
    color:white;
    opacity: 0.9;
}

.btn-success{
    border-color: #248147 !important;
    background-color: #248147 !important;
}
.text-success{
    color: #248147 !important;
}

.pagination {
    justify-content: center;
}

.light-bg {
    background-color: rgba(222, 222, 222, 0.25);
    border-radius: 5px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 210px;
}

.owl-dots {
    text-align: center;
    position: fixed;
    bottom: 5px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.owl-dot {
    border-radius: 50px;
    height: 10px;
    width: 10px;
    display: inline-block;
    background: rgba(127, 127, 127, 0.5);
    margin-left: 5px;
    margin-right: 5px;
}

.shop-box {
    min-height: 180px;
    background-color: #f5eeeec4;
}

.prdocut-feature {
    text-align: left !important;
    position: absolute;
    background-color: #b11119;
    left: 8px;
    color: white;
    font-size: 11px;
    padding: 1px 7px;
    top: 8px;
    border-radius: 3px;
}

.logo {
    object-fit: contain;
    height: 180px;
    width: 100%;
}

.automaker-logo {
    border: 1px solid rgb(216, 213, 213);
    border-radius: 4px;
}

.see-more-brands {
    width: 100%;
    text-align: center;
}

.amounth1 {
    margin: 1.3em 0;
    color: white;
    font-size: 1.5em;
    text-align: center;
    display: flex;
    align-items: center;
}

.amounth1:before,
.amounth1:after {
    content: " ";
    flex: 1 0 0%;
    height: 4px;
    background: white;
    margin: 0 2rem 0 0;
}

.amounth1:after {
    margin: 0 0 0 1rem;
}

.text-toogle[aria-expanded=false] .text-expanded {
    display: none;
}

.text-toogle[aria-expanded=true] .text-collapsed {
    display: none;
}


/* end details page css */


/* pre approved page */

.preapproved {
    width: 67%;
}

.formwrap {
    transition: box-shadow 0.5s ease;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 23%), 0 2px 1px 0 rgb(0 0 0 / 31%);
    background-color: white;
    border-color: rgba(229, 229, 229, 0.8);
    padding: 22px;
    border-radius: 0.25rem;
}

.check-paragrap {
    font-size: 14px;
    font-weight: 400;
}

.inputborderless {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: white;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-top: 5px;
    margin-bottom: 20px;
}

.borderlessfocus:focus {
    outline-color: white;
    border-bottom: 0;
}

.vheicle-condition-label {
    font-size: 16px;
    font-weight: 500;
    color: white;
    margin-top: 20px;
    display: -webkit-inline-box;
    width: 100%;
}

.radion-button {
    height: 22px !important;
    width: 10%;
    margin-right: 40px;
}

.inputborderless-details {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent;
    border-bottom: 2px solid gray;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-top: 5px;
}

.borderlessfocus-details:focus {
    outline-color: gray;
    border-bottom: 0;
}

.left-border{
    border-left:2px solid gray;
}

.text-danger{
    font-size: 13px;
}

.formp{
    font-size: 13px;
    text-align: justify;
}