html,
body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    font-family: "Aspekta";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 1.57;
    color: #000000;
    background-color: #ffffff;

}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.wow {
    visibility: hidden;
}
a,
button,
.btn {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
a {
    text-decoration: none;
}
p:last-child {
    margin-bottom: 0 !important;
}
.owl-carousel .owl-item img {
    width: auto;
}


/* COMMON STYLE :START */

.overflow-clip {
    overflow: clip;
}
.overflow-x-clip {
    overflow-x: clip;
}
.overflow-y-clip {
    overflow-y: clip;
}

.mxcontainer {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.mxcontainer2 {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}

.px-12px {
    padding-left: 12px;
    padding-right: 12px;
}
.fs-14px {
    font-size: 14px !important;
}
.fs-16px {
    font-size: 16px !important;
}
.fw-medium {
    font-weight: 500 !important;
}
.lh-normal {
    line-height: normal !important;
}

.innerpage-padding {
    padding: 80px 0;
}

/* ---- .columns :start ---- */
.columns-2 {
    columns: 2;
    gap: 40px;
}
/* ---- .columns :end ---- */

/* ---- section spacing :start ---- */
.section-padding {
    padding: 70px 0px;
}
.section-margin {
    margin: 70px 0px;
}

.section-padding2 {
    padding: 50px 0px;
}
.section-margin2 {
    margin: 50px 0px;
}

.section-padding3 {
    padding: 100px 0px;
}
.section-margin3 {
    margin: 100px 0px;
}
/* ---- section spacing :end ---- */

/* ---- hd-type :start ---- */
.hd-type-1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}
.hd-type-2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #181717;
    margin-bottom: 10px;
}
.hd-type-3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #181717;
    margin-bottom: 10px;
}
/* ---- hd-type :end ---- */

/* ---- subhd-type :start ---- */
.subhd-type-1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
}
/* ---- hd-type :end ---- */

/* ---- .btn-style-1 :start ---- */
.btn-style-1 {
    font-size: 14px;
    font-weight: 650;
    line-height: 1.1;
    color: #ffffff;
    background-color: #f36638;
    border: 1px solid #f36638;
    border-radius: 5px;
    text-align: center;
    /* text-transform: uppercase; */
    padding: 15px 12px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.btn-style-1:hover {
    color: #f36638;
    background-color: transparent;
    border-color: #f36638;
}
/* ---- .btn-style-1 :end ---- */

/* ---- .btn-style-2 :start ---- */
.btn-style-2 {
    font-size: 14px;
    font-weight: 650;
    line-height: 1.1;
    color: #f36638;
    background-color: transparent;
    border: 1px solid #f36638;
    border-radius: 5px;
    text-align: center;
    /* text-transform: uppercase; */
    padding: 15px 12px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.btn-style-2:hover {
    color: #ffffff;
    background-color: #f36638;
    border-color: #f36638;
}
/* ---- .btn-style-2 :end ---- */

/* ---- .btn-style-3 :start ---- */
.btn-style-3 {
    font-size: 14px;
    font-weight: 650;
    color: #717171;
    background-color: transparent;
    border: 2px solid #bfbfbf;
    text-align: center;
    text-transform: uppercase;
    padding: 12px 12px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.btn-style-3:hover {
    color: #000000;
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}
/* ---- .btn-style-3 :end ---- */

/* ---- link-s1 :start ---- */
.link-s1 {
    color: #f36638;
}
.link-s1:hover {
    color: #f36638;
    text-decoration: underline;
}
/* ---- link-s1 :end ---- */

/* ---- .toggle :start ---- */
.toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.toggle .toggle-btn {
    position: relative;
    display: inline-block;
}
.toggle .toggle-btn .toggle__input {
    display: none;
}
.toggle .toggle-btn .toggle__label {
    display: block;
    width: 50px;
    height: 25px;
    background-color: #fd632f;
    border-radius: 99px;
    cursor: pointer;
    transition: background-color 0.7s ease;
}
.toggle .toggle-btn .toggle__label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: left 0.3s ease;
}
.toggle .toggle-btn .toggle__input:checked + .toggle__label {
    background-color: #cfc80b;
}
.toggle .toggle-btn .toggle__input:checked + .toggle__label::after {
    left: 28px;
}
.toggle .toggle-text {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #000000;
    margin-bottom: 0px;
}
/* ---- .toggle :end ---- */

/* ---- .toggle-2 :start ---- */
.toggle-2 {
    display: inline-flex;
    gap: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.toggle-2 .toggle-btn {
    position: relative;
    display: inline-block;
}
.toggle-2 .toggle-btn .toggle__input {
    display: none;
}
.toggle-2 .toggle-btn .toggle__label {
    display: block;
    width: 28px;
    height: 15px;
    background-color: #ffffff;
    border: 1px solid #fd632f;
    border-radius: 99px;
    cursor: pointer;
    transition: background-color 0.7s ease;
}
.toggle-2 .toggle-btn .toggle__label::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3.2px;
    width: 9px;
    height: 9px;
    background-color: #fd632f;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.toggle-2 .toggle-btn .toggle__input:checked + .toggle__label {
    background-color: #fd632f;
}
.toggle-2 .toggle-btn .toggle__input:checked + .toggle__label::after {
    left: 17px;
    background-color: #ffffff;
}
.toggle-2 .toggle-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    color: #000000;
    height: 100%;
}

.toggle-inline {
    display: inline-flex;
    margin-right: 10px;
}
/* ---- .toggle-2 :end ---- */

/* ---- block-style-1 :start ---- */
.block-style-1 {
    width: 100%;
    height: auto;
    /* height: 260px; */
    min-height: 260px;
    max-height: 300px;
    aspect-ratio: 1.64/1;
    background-color: #000000;
    position: relative;
    overflow: hidden;
}
.block-style-1 .bs1-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}
.block-style-1 .bs1-text {
    width: 100%;
    height: 100%;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 25px 30px;
    position: relative;
    display: flex;
    align-items: flex-end;
}
.block-style-1 .bs1-text h3 {
    font-size: 18px;
    font-weight: 750;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.block-style-1 .bs1-text p {
    font-size: 14px;
    font-weight: 450;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-style-1:hover .bs1-image {
    transform: scale(1.1);
}
/* ---- block-style-1 :end ---- */

/* ---- block-style-2 :start ---- */
.block-style-2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.block-style-2 .bs2-image {
    width: 100%;
    height: 200px;
    /* aspect-ratio: 1.64/1; */
    overflow: hidden;
    transition: 0.5s;
}
.block-style-2 .bs2-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.block-style-2 .bs2-text {
    width: 100%;
    height: auto;
    margin-top: 15px;
}
.block-style-2 .bs2-text h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}
.block-style-2 .bs2-text p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 0px;
}
.block-style-2 .bs2-buttons {
    padding-top: 12px;
    display: flex;
}
/* .block-style-2 .bs2-buttons p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 0px;
} */
.block-style-2 .bs2-buttons .btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border: 0;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
/* ---- block-style-2 :end ---- */

/* ---- block-style-3 :start ---- */
.block-style-3 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.block-style-3 .bs3-image {
    width: 100%;
    height: auto;
    aspect-ratio: 2.22/1;
    overflow: hidden;
    transition: 0.5s;
}
.block-style-3 .bs3-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.block-style-3 .bs3-text {
    width: 100%;
    height: auto;
    margin-top: 25px;
}
.block-style-3 .bs3-text h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}


.block-style-3 .bs3-text .bstxt-list1 {
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0px 0px 10px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
}
.block-style-3 .bs3-text .bstxt-list1 li {
    width: auto;
}
.block-style-3 .bs3-text .bstxt-list1 li::after {
    content: '|';
    padding-left: 15px;
}
.block-style-3 .bs3-text .bstxt-list1 li:last-child::after {
    display: none;
}
.block-style-3 .bs3-text .bstxt-list1 li.price span {
    font-size: 16px;
    color: #0099d4;
}
.block-style-3 .bs3-text .bstxt-list1 li a {
    color: inherit;
}
.block-style-3 .bs3-text .bstxt-list1 li a:hover {
    color: #0099d4;
}


.block-style-3 .bs3-text .bstxt-list2 {
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #0099d4;
}
.block-style-3 .bs3-text .bstxt-list2 li {
    width: auto;
}
.block-style-3 .bs3-text .bstxt-list2 li a {
    color: inherit;
}
.block-style-3 .bs3-text .bstxt-list2 li a:hover {
    text-decoration: underline;
}
/* ---- block-style-3 :end ---- */

/* ---- block-style-4 :start ---- */
.block-style-4 {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.block-style-4 .bs4-image {
    width: 100%;
    height: auto;
    min-height: 170px;
    aspect-ratio: 1.68/1;
    overflow: hidden;
    transition: 0.5s;
    border-radius: 0px;
    margin-bottom: 15px;
    overflow: hidden;
}
.block-style-4 .bs4-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.block-style-4 .bs4-text .head {
    width: 100%;
    height: auto;
    color: #000000;
    margin-bottom: 12px;
}
.block-style-4 .bs4-text .head h3 {
    font-size: 20px;
    font-weight: 850;
    color: #000;
    margin-bottom: 0;
}
.block-style-4 .bs4-text .head p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.block-style-4 .bs4-text .price {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;
}

.block-style-4 .bs4-text .specs {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.block-style-4 .bs4-text .specs li {
    width: calc(50% - 5px);
    display: flex;
    align-items: center;
    gap: 10px;
}

.block-style-4 .bs4-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
    margin-top: auto;
}
.block-style-4 .bs4-buttons .btn {
    font-size: 14px;
    font-weight: 500;
    /* letter-spacing: 1px; */
    color: #ffffff;
    background-color: #0099d4;
    border: 1px solid #0099d4;
    padding: 13px 0px;
    margin: 0;
}
.block-style-4 .bs4-buttons .btn.two {
    color: #0099d4;
    background-color: transparent;
    border-color: #0099d4;
}
.block-style-4 .bs4-buttons .btn:hover {
    color: #ffffff;
    background-color: #3f3f3f;
    border-color: #3f3f3f;
}
.block-style-4 .bs4-buttons .link {
    font-size: 14px;
    font-weight: 500;
    color: #0099d4;
    text-align: center;
    text-decoration: underline;
}
.block-style-4 .bs4-buttons .link:hover {
    color: #3f3f3f;
    text-decoration: none;
}
/* ---- block-style-4 :end ---- */

/* ----- block-style-5 :start ----- */
.block-style-5 {
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;

    display: flex;
    flex-direction: column;
}
.block-style-5 .bs5-image {
    width: 100%;
    height: auto;
    /* aspect-ratio: 1/1; */
    overflow: hidden;
    transition: 0.5s;
    padding: 20px 20px;
}
.block-style-5 .bs5-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}
.block-style-5 .bs5-text {
    width: 100%;
    height: auto;
    padding: 0px 20px 20px 20px;
    /* flex: 1; */
    /* display: flex; */
    /* flex-direction: column; */
}
.block-style-5 .bs5-text :last-child {
    margin-bottom: 0;
    /* margin-top: auto !important; */
}
.block-style-5 .bs5-text h3 {
    font-size: 20px;
    font-weight: 700;
    color: #101010;
    margin-bottom: 10px;
}
.block-style-5 .bs5-text p {
    font-size: 16px;
    font-weight: 400;
    color: #101010;
}
.block-style-5 .bs5-btns {
    width: 100%;
    height: auto;
    padding: 0px 20px 20px 20px;
    margin-top: auto;
}
/* ----- block-style-5 :end ----- */

/* ----- block-style-6 :start ----- */
.block-style-6 {
    width: 100%;
    height: 100%;
    /* background-color: #000000; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}
.block-style-6 .bs6-image {
    width: 100%;
    height: auto;
    /* aspect-ratio: 1/1; */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.block-style-6 .bs6-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    transition: 0.5s;
}
.block-style-6 .bs6-text {
    width: 100%;
    height: auto;
}
.block-style-6 .bs6-text h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: #000000;
    margin-bottom: 0px;
    transition: 0.5s;
}
.block-style-6 .bs6-text p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 5px;
}
.block-style-6 .bs6-text p b {
    font-weight: 500;
}
.block-style-6 .bs6-text .bslist {
    /* font-size: 14px; */
}
.block-style-6 .bs6-text .bslist li {
    margin-bottom: 5px;
}

.block-style-6 .bs6-details {
    width: 100%;
    height: auto;
}
.block-style-6 .bs6-details table {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    margin-bottom: 0;   
}
.block-style-6 .bs6-details .table>:not(caption)>*>* {
    border: 1px dashed #dddddd;
    padding: 5px 8px;
}
.block-style-6 .bs6-details table thead {
    background-color: #efefef;
}
.block-style-6 .bs6-details table thead tr th:last-child,
.block-style-6 .bs6-details table tbody tr td:last-child {
    text-align: right;
}

.block-style-6 .bs6-btns {
    width: 100%;
    height: auto;
    padding-top: 15px;
    margin-top: auto;
}

.block-style-6:hover .bs6-text h3 {
    color: #f36638;
}
/* ---- block-style-6 :end ---- */

/* ----- block-style-7 :start ----- */
.block-style-7 {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #000000;
    border-radius: 20px;
    padding: 30px 15px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: 0.5s;
}
.block-style-7 .bs7-head h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
    text-transform: uppercase;
    transition: 0.5s;
}
.block-style-7 .bs7-head h4 {
    font-weight: 300;
    font-size: 15px;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    display: block;
    bottom: 0;
    margin-bottom: 5px;
}
.block-style-7 .bs7-head h4 span {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
}
.block-style-7 .bs7-head h6 {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: 0.8s;
}
.block-style-7 .bs7-head h6 span {
    color: #ffffff;
    background-color: #2b62b3;
    border-radius: 5px;
    padding: 4px 8px;
    display: inline-block;
}
.block-style-7 .bs7-head h6.c1 span {
    color: #ffffff;
    background: #2b62b3;
}
.block-style-7 .bs7-head h6.c2 span {
    color: #ffffff;
    background: #00a651;
}

.block-style-7 .bs7-image {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 15px;
    overflow: hidden;
}
.block-style-7 .bs7-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.block-style-7 .bs7-buttons {
    width: 100%;
    height: auto;
    display: flex;
    gap: 10px;
}
.block-style-7 .bs7-buttons .btn {
    width: calc(50% - 5px);
}
.block-style-7 .bs7-buttons .btn:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.block-style-7:hover .bs7-head h3 {
    color: #f36638;
}
/* ----- block-style-7 :end ----- */

/* ---- block-style-8 :start ---- */
.block-style-8-outer {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: 0.5s;
    padding: 4px 4px;
    position: relative;
    overflow: hidden;
}
.block-style-8 {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #000000;
    border-radius: 20px;
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    transition: 0.5s;
    position: relative;
}
.block-style-8 .bs8-image {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.block-style-8 .bs8-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    transition: 0.5s;
}

.block-style-8 .bs8-text {
    width: 100%;
    height: auto;
    margin-top: 15px;
    text-align: center;
}
.block-style-8 .bs8-text h3 {
    font-size: 32px;
    font-weight: 700;
    color: #181717;
    line-height: 1.2;
    margin-bottom: 0px;
    transition: 0.5s;
}
.block-style-8 .bs8-text h6 {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 10px;
}
.block-style-8 .bs8-text h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 0px;
}

.block-style-8 .bs8-btns {
    padding-top: 20px;
    margin-top: auto;
}
.block-style-8 .bs8-btns .btn {
    width: 100%;
}

.block-style-8:hover {
    box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.3);
}
.block-style-8:hover .bs8-text h3 {
    color: #f36638;
}
.block-style-8 .bs8-btns .btn:hover {
    color: #000000;
    background-color: transparent;
    border-color: #000000;
}
/* ---- block-style-8 :end ---- */

/* ----- block-style-9 :start ----- */
.block-style-9 {
    width: 100%;
    height: 100%;
}
.block-style-9 .bs9-image {
    width: 100%;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-style-9 .bs9-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.block-style-9 .bs9-content {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: #000000;
}
.block-style-9 .bs9-content .bstitle {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: #0099d4;
    text-align: center;
    padding: 10px 5px;
}
.block-style-9 .bs9-content .bstitle h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0px;
}
.block-style-9 .bs9-content .bsfeatures {
    width: 100%;
    height: auto;
    padding: 20px 20px;
}
.block-style-9 .bs9-content .bsfeatures table {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 400;
}
.block-style-9 .bs9-content .bsfeatures table tr td {
    width: 50%;
    padding: 5px 0px;
}
.block-style-9 .bs9-content .bsfeatures table tr td:last-child {
    text-align: right;
}
.block-style-9 .bs9-content .bsbtns {
    width: 100%;
    height: auto;
    padding: 20px 20px;
}
/* ----- block-style-9 :end ----- */

/* ---- box-style-1 :start ---- */
.box-style-1 {
    width: 100%;
    height: auto;
    background-color: #6b6b6b;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    padding: 70px 80px;
}
.box-style-1 .bxs1-inner {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: rgb(0, 0, 0, 0.702);
    border-radius: 0px;
    padding: 30px 24px;
}
/* .box-style-1 .bxs1-inner h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 12px;
} */
.box-style-1 .bxs1-inner p {
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px;
}
/* ---- box-style-1 :end ---- */

/* ---- box-style-2 :start ---- */
.box-style-2 {
    width: 100%;
    height: auto;
    background-color: #6b6b6b;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    padding: 70px 100px;
    position: relative;
}
.box-style-2::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #222222;
    background: linear-gradient(90deg, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 0) 60%);
}
.box-style-2 .bxs2-inner {
    width: 100%;
    height: auto;
    color: #ffffff;
    position: relative;
    z-index: 1;
}
/* .box-style-2 .bxs2-inner h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 12px;
} */
.box-style-2 .bxs2-inner p {
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px;
}
/* ---- box-style-2 :end ---- */

/* ---- box-style-3 :start ---- */
.box-style-3 {
    width: 100%;
    height: auto;
    background-color: #222222;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    padding: 30px 24px;
    position: relative;
}
.box-style-3 .bxs3-inner {
    width: 100%;
    height: auto;
    color: #ffffff;
    position: relative;
    z-index: 1;
}
.box-style-3 .bxs3-left {
    width: 100%;
    height: 100%;
}
.box-style-3 .bxs3-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.box-style-3 .bxs3-right {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
/* .box-style-3 .bxs3-right h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 12px;
} */
.box-style-3 .bxs3-right p {
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px;
}
/* ---- box-style-3 :end ---- */

/* ---- Buttons wrap :start ---- */
.btns-wrap-1 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
/* ---- Buttons wrap :end ---- */

/* ---- para :start ---- */
.para-1 p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.para-2 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
}

.para-3 p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
}
.para-4 p {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px;
}
/* ---- para :end ---- */

/* ---- owlsameheight :start ---- */
.owlsameheight .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.owlsameheight .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}
.owlsameheight .owl-item .item {
    width: 100% !important;
    height: 100% !important;
}
/* ---- owlsameheight :end ---- */

/* ---- owlnav-1 :start ---- */
.owlnav-1 .owl-nav {
    position: relative;
}
.owlnav-1 .owl-nav button.owl-prev, 
.owlnav-1 .owl-nav button.owl-next  {
    position: absolute;
    top: 35%;
    font-size: 16px;
    color: #000000;
    opacity: 1;
    transition: 0.5s;
}
.owlnav-1 .owl-nav button.owl-prev {
    left: -30px;
}
.owlnav-1 .owl-nav button.owl-next {
    right: -30px;
}
.owlnav-1 .owl-nav button.owl-prev:hover, 
.owlnav-1 .owl-nav button.owl-next:hover  {
    color: #0099d4;
    opacity: 1;
}
.owlnav-1 .owl-nav button.owl-prev.disabled, 
.owlnav-1 .owl-nav button.owl-next.disabled  {
    opacity: 0.1 !important;
    pointer-events: none;
}
/* ---- owlnav-1 :end ---- */

/* ---- owlnav-2 :start ---- */
.owlnav-2 .owl-nav button.owl-prev, 
.owlnav-2 .owl-nav button.owl-next  {
    position: absolute;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: #ffffff;
    background-color: #0099d4;
    border: 1px solid #0099d4;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 0.5s;
}
.owlnav-2 .owl-nav button.owl-prev {
    left: -60px;
}
.owlnav-2 .owl-nav button.owl-next {
    right: -60px;
}
.owlnav-2 .owl-nav button.owl-prev:hover, 
.owlnav-2 .owl-nav button.owl-next:hover  {
    color: #0099d4;
    background-color: transparent;
    border-color: #0099d4;
    opacity: 1;
}
.owlnav-2 .owl-nav button.owl-prev.disabled, 
.owlnav-2 .owl-nav button.owl-next.disabled  {
    opacity: 0.1 !important;
    pointer-events: none;
}
/* ---- owlnav-2 :end ---- */

/* ---- owldots-1 :start ---- */
.owldots-1 .owl-dots {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 7px;
    margin-top: 60px;
}
.owldots-1 .owl-dots .owl-dot span {
    width: 20px;
    height: 8px;
    background-color: #000000;
    border: 1px solid #efefef;
    border-radius: 10px;
    display: flex;
    transition: 0.5s;
}
.owldots-1 .owl-dots .owl-dot:hover span {
    background-color: #3f3f3f;
    border-color: #efefef;
}
.owldots-1 .owl-dots .owl-dot.active span {
    background-color: #efefef;
    border-color: #efefef;
}
/* ---- owldots-1 :end ---- */

/* ---- owldots-2 :start ---- */
.owldots-2 .owl-dots {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 7px;
    margin-top: 30px;
}
.owldots-2 .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #000000;
    border: 1px solid #efefef;
    border-radius: 10px;
    display: flex;
    transition: 0.5s;
}
.owldots-2 .owl-dots .owl-dot:hover span {
    background-color: #3f3f3f;
    border-color: #efefef;
}
.owldots-2 .owl-dots .owl-dot.active span {
    background-color: #efefef;
    border-color: #efefef;
}
/* ---- owldots-2 :end ---- */

/* ---- owldots-3 :start ---- */
.owldots-3 .owl-dots {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 7px;
    margin-top: 30px;
}
.owldots-3 .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    display: flex;
    transition: 0.5s;
}
.owldots-3 .owl-dots .owl-dot:hover span {
    background-color: #3f3f3f;
    border-color: #3f3f3f;
}
.owldots-3 .owl-dots .owl-dot.active span {
    background-color: #f36638;
    border-color: #f36638;
}
/* ---- owldots-1 :end ---- */

/* ----  list__scroll :start ---- */
.list__scroll .nice-select .list {
    max-height: 300px;
    overflow: auto;
}
.list__scroll .simplebar-track.simplebar-vertical {
    width: 7px;
}
.list__scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    width: 5px;
}
.list__scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 0;
    bottom: 0;
}
.list__scroll .simplebar-scrollbar:before {
    border-radius: 0;
}
.list__scroll .simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.3;
}
/* ----  list__scroll :end ---- */

/* ---- .gmap :start ---- */
.gmap {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.gmap iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}
/* ---- .gmap :end ---- */

/* ----- navtab-style-1 :start ----- */
.navtab-style-1 {
    width: 100%;
    height: auto;
}
.navtab-style-1 .nav-pills {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: transparent;
    padding: 0px;
}
.navtab-style-1 .nav-pills .nav-item .nav-link {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    background-color: transparent;
    border-radius: 0;
    padding: 12px 20px;
    transition: 0.5s;
}
.navtab-style-1 .nav-pills .nav-item .nav-link:hover {
    color: #000000;
    background-color: #c7c7c7;
}
.navtab-style-1 .nav-pills .nav-item .nav-link.active {
    color: #ffffff;
    background-color: #f36638;
}
.navtab-style-1 .tab-content {
    width: 100%;
    height: auto;
}
.navtab-style-1 .tab-content .tab-pane {
    color: #000000;
    background-color: #f36638;
    padding: 30px;
}
/* ----- navtab-style-1 :end ----- */

/* ----- navtab-style-2 :start ----- */
.navtab-style-2 {
    width: 100%;
    height: auto;
}
.navtab-style-2 .nav-pills {
    width: 100%;
    height: auto;
    color: #282828;
    background-color: transparent;
    justify-content: center;
    gap: 5px;
}
.navtab-style-2 .nav-pills .nav-item .nav-link {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
    background-color: transparent;
    border: 1px solid transparent;
    /* border-bottom: 2px solid #bfbfbf; */
    border-radius: 5px;
    padding: 8px 24px;
    position: relative;
}
/* .navtab-style-2 .nav-pills .nav-item .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0px;
    background-color: #f36638;
    transition: height 0.5s;
} */
.navtab-style-2 .nav-pills .nav-item .nav-link {
    color: #000000;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}
.navtab-style-2 .nav-pills .nav-item .nav-link:hover {
    color: #000000;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}
.navtab-style-2 .nav-pills .nav-item .nav-link.active {
    color: #ffffff;
    background-color: #f36638;
    border-color: #f36638;
}
/* .navtab-style-2 .nav-pills .nav-item .nav-link.active::after {
    height: 3px;
} */
.navtab-style-2 .tab-content {
    width: 100%;
    height: auto;
}
.navtab-style-2 .tab-content .tab-pane {
    background-color: transparent;
    padding: 0px;
}
/* ----- navtab-style-2 :end ----- */

/* ----- navtab-style-3 :start ----- */
.navtab-style-3 {
    width: 100%;
    height: auto;
}
.navtab-style-3 .nav-pills {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.navtab-style-3 .nav-pills .nav-item .nav-link {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    background-color: #f9f9f9;
    border-radius: 0;
    padding: 15px 25px;
    transition: 0.5s;
}
.navtab-style-3 .nav-pills .nav-item .nav-link:hover {
    color: #000000;
    background-color: #dbdbdb;
}
.navtab-style-3 .nav-pills .nav-item .nav-link.active {
    color: #ffffff;
    background-color: #f36638;
}
.navtab-style-3 .tab-content {
    width: 100%;
    height: auto;
}
.navtab-style-3 .tab-content .tab-pane {
    background-color: #f9f9f9;
    padding: 20px;
}
/* ----- navtab-style-3 :end ----- */


/* ----- List Style 1 :start ----- */
.list-style-1 {
    list-style: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    color: #000000;
    margin: 15px 0px;
    padding: 0px;
}
.list-style-1 li {
    position: relative;
    padding: 2px 0 2px 25px;
    margin: 0px 0px 10px 0px;
    overflow: hidden;
}
.list-style-1 li::before{
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #f36638;
    position: absolute;
    top: 3px;
    left: 0;
}
.list-style-1 > li > a {
    color: #f36638;
    text-decoration: none;
}
.list-style-1 > li > a:hover {
    color: #f36638;
    text-decoration: underline;
}
/* ----- List Style 1 :end ----- */

/* ----- List Style 2 :start ----- */
.list-style-2 {
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    /* letter-spacing: -0.5px; */
    line-height: 1.5;
    color: #000000;
    margin: 15px 0px;
    padding: 0px;
}
.list-style-2:first-child {
    margin-top: 0;
}
.list-style-2:last-child {
    margin-bottom: 0;
}
.list-style-2 li {
    position: relative;
    padding: 2px 0 2px 25px;
    margin: 0px 0px 10px 0px;
    overflow: hidden;
}
.list-style-2 li::before {
    content: '\f111';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 6px;
    position: absolute;
    top: 9px;
    left: 0;
}
.list-style-2 > li > a {
    color: #f36638;
    text-decoration: none;
}
.list-style-2 > li > a:hover {
    color: #f36638;
    text-decoration: underline;
}
.list-style-2.fs-16px li::before {
    top: 10px;
}
/* ----- List Style 1 :end ----- */

/* ----- List Style :start ----- */
.lscol-2 {
    columns: 2;
    gap: 80px;
}
.lscol-2 > li  {
    break-inside: avoid;
}

.lscol-3 {
    columns: 3;
    gap: 80px;
}
.lscol-3 > li  {
    break-inside: avoid;
}
.order-list1 {
  counter-reset: item;
  list-style: none;
  margin: 0;
  padding: 0;
}

.order-list1 li {
  counter-increment: item;
  position: relative;
  padding: 5px 0 5px 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.order-list1 li::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
}

/* ----- List Style :end ----- */

/* ---- accordion-style-1 :start ---- */
.accordion-style-1 {
    border-top: 1px solid #8d8d8d;
    border-bottom: 1px solid #8d8d8d;
}
.accordion-style-1 .accordion-item {
    background-color: #ffffff;
    border-bottom: 0px solid #8d8d8d;
    margin-bottom: 2px;
}
.accordion-style-1 .accordion-item:last-child {
    margin-bottom: 0px;
}
.accordion-style-1 .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    font-weight: 500;
    color: #282828;
    background-color: transparent;
    padding: 10px 25px;
    box-shadow: none;
}
.accordion-style-1 .accordion-item .accordion-header .accordion-button::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"%3E%3Cline x1="12" y1="5" x2="12" y2="19"%3E%3C/line%3E%3Cline x1="5" y1="12" x2="19" y2="12"%3E%3C/line%3E%3C/svg%3E');
}
.accordion-style-1 .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"%3E%3Cline x1="5" y1="12" x2="19" y2="12"%3E%3C/line%3E%3C/svg%3E');
}
.accordion-style-1 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #282828;
    background-color: transparent;
}
.accordion-style-1 .accordion-item .accordion-body {
    padding: 10px 25px 40px 25px;
}
/* ---- accordion-style-1 :end ---- */

/* ---- accordion-style-2 :start ---- */
.accordion-style-2 {
    border-top: 1px solid #8d8d8d;
    border-bottom: 1px solid #8d8d8d;
}
.accordion-style-2 .accordion-item {
    background-color: transparent;
    border-bottom: 1px solid #8d8d8d;
}
.accordion-style-2 .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    font-weight: 500;
    color: #282828;
    background-color: transparent;
    padding: 15px 0px;
    box-shadow: none;
}
.accordion-style-2 .accordion-item .accordion-header .accordion-button::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"%3E%3Cline x1="12" y1="5" x2="12" y2="19"%3E%3C/line%3E%3Cline x1="5" y1="12" x2="19" y2="12"%3E%3C/line%3E%3C/svg%3E');
}
.accordion-style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"%3E%3Cline x1="5" y1="12" x2="19" y2="12"%3E%3C/line%3E%3C/svg%3E');
}
.accordion-style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #282828;
    background-color: transparent;
}
.accordion-style-2 .accordion-item .accordion-body {
    padding: 0px 0px 15px 0px;
}
/* ---- accordion-style-2 :end ---- */

/* ---- accordion-style-3 :start ---- */
.accordion-style-3 {
    border: 0;
    border-radius: 0;
}
.accordion-style-3 .accordion-item {
    background-color: #ffffff;
    border-bottom: 0px solid #8d8d8d;
    margin-bottom: 7px;
}
.accordion-style-3 .accordion-item:last-child {
    margin-bottom: 0px;
}
.accordion-style-3 .accordion-item .accordion-header .accordion-button {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background-color: #222222;
    border-radius: 0;
    padding: 10px 25px;
    box-shadow: none;
}
.accordion-style-3 .accordion-item .accordion-header .accordion-button::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="%23ffffff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"%3E%3Cline x1="12" y1="5" x2="12" y2="19"%3E%3C/line%3E%3Cline x1="5" y1="12" x2="19" y2="12"%3E%3C/line%3E%3C/svg%3E');
}
.accordion-style-3 .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="%23ffffff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"%3E%3Cline x1="5" y1="12" x2="19" y2="12"%3E%3C/line%3E%3C/svg%3E');
}
.accordion-style-3 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #222222;
}
.accordion-style-3 .accordion-item .accordion-collapse {
    border-radius: 0;
}
.accordion-style-3 .accordion-item .accordion-body {
    color: #ffffff;
    background-color: #222222;
    padding: 10px 25px 40px 25px;
}
/* ---- accordion-style-3 :end ---- */

/* ---- Gallery block :start ---- */
.galitem-block {
    width: 100%;
    height: 100%;
    /* min-height: 250px; */
    aspect-ratio: 3/2;
    position: relative;
}
.galitem-block::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0.5;
    transition: 0.4s;
}
.galitem-block::after {
    content: '\f424';
    font-family: "Font Awesome 6 Free";
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
}
.galitem-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.galitem-block:hover::before,
.galitem-block:hover::after {
    opacity: 1;
}
.galitem-block.gib-vid::after {
    content: '\f144';
    font-size: 40px;
    font-weight: 500;
    opacity: 1;
}
/* ---- Gallery block :end ---- */

/* ---- No data section :start ---- */
.nodata-section {
    width: 100%;
    height: auto;
    margin: 30px 0px;
}
.nodata-section .ndsec-inner {
    width: 100%;
    height: auto;
    min-height: 400px;
    background-color: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nodata-section .ndsec-inner p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #c1c1c1;
}
/* ---- No data section :end ---- */

/* ---- form-style-1 :start ---- */
.form-style-1 {
    width: 100%;
    height: auto;
}
.form-style-1 .form-label {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 7px;
    display: block;
}
.form-style-1 .form-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #6c757d;
    margin-top: 12px;
    display: block;

}
.form-style-1 .form-control {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background-color: transparent;
    border: 2px solid #dff1ff;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 10px;
    transition: 0.5s;
}
.form-style-1 .form-control:focus {
    border-color: #f9ad95;
    box-shadow: none;
}
.form-style-1 .form-control:disabled {
    background-color: #e8e8e8;
}
.form-style-1 .form-control::placeholder {
    color: #868686;
}
.form-style-1 .nice-select {
    width: 100%;
    height: 47px;
    line-height: 1;
    background-color: transparent;
    border: 2px solid #dff1ff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 30px;
}
.form-style-1 .nice-select::after {
    top: 0;
    right: 15px;
    background-image: url('../images/select-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 100%;
    border: 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.form-style-1 .nice-select.open::after {
    -webkit-transform: scaleY(-1) rotate(0deg);
        -ms-transform: scaleY(-1) rotate(0deg);
            transform: scaleY(-1) rotate(0deg);
}
.form-style-1 .nice-select .list {
    max-height: 300px;
    overflow-y: auto;
}
.form-style-1 .nice-select .list .option:hover {
    color: #ffffff;
    background-color: #000000 !important;
}
.form-style-1 .form-group{
    margin-bottom: 20px;
}

.form-style-1 h3 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    color: #000000;
}
/* ---- form-style-1 :end ---- */

/* ---- daterangepicker style :start ---- */
.daterange-box {
    position: relative;
}
.daterange-box::after {
    content: "\f073";
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    color: #838383;
    position: absolute;
    top: 10px;
    right: 12px;
    transition: 0.5s;
}
.daterange-box:has(input:focus-within)::after {
    color: #f36638;
}
.daterange-box input {
    padding-right: 40px !important;
}
.daterangepicker td.active, 
.daterangepicker td.active:hover {
    background-color: #f36638;
}
.daterangepicker .btn-primary {
    color: #ffffff;
    background-color: #f36638;
    border-color: #f36638;
}
.daterangepicker .btn-primary:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
/* ---- daterangepicker style :end ---- */

/* ---- .table-list-1 :start ---- */
.table-list-1 {
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
}
.table-list-1 tr:nth-child(odd) {
    background-color: #e8e8e8;
}
.table-list-1 tr td {
    padding: 10px 15px;
}
.table-list-1 tr td:last-child {
    text-align: right;
}
/* ---- .table-list-1 :end ---- */

/* ---- modal-style-1 :start ---- */
.modal-style-1 .modal-content {
    border-radius: 12px;
}
.modal-style-1 .modal-header {
    width: 100%;
    height: auto;
    padding: 20px 20px;
}
.modal-style-1 .modal-header {
    border-color: #eeeeee;
}
.modal-style-1 .modal-header .modal-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #181717;
    margin-bottom: 0px;
}
.modal-style-1 .modal-body {
    padding: 20px 20px;
}
.modal-style-1 .modal-footer {
    width: 100%;
    height: auto;
    padding: 15px 20px;
    border-color: #eeeeee;
}
/* ---- modal-style-1 :end ---- */

/* ---- checkbox-style-1 :start ---- */
.checkbox-style-1 {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.checkbox-style-1.form-check-inline {
    display: inline-flex;
}
.checkbox-style-1 .form-check-input {
    width: 15px;
    height: 15px;
    background-color: #d2d2d2;
    border: 2px solid #d2d2d2;
    border-radius: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    cursor: pointer;
    transition: 0.5s;
}
.checkbox-style-1 .form-check-input:focus {
    box-shadow: none;
}
.checkbox-style-1 .form-check-input:hover {
    background-color: #e8e8e8;
}
.checkbox-style-1 .form-check-input:checked {
    background-color: #1a5e98;
    border-color: #1a5e98;
}
.checkbox-style-1 .form-check-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    color: #000000;
    margin-top: 3px;
    margin-left: 10px;
    height: 100%;
    cursor: pointer;
}
.checkbox-style-1 .form-check-label a {
    color: #e8323d;
    text-decoration: underline;
}
.checkbox-style-1 .form-check-label a:hover {
    color: #e8323d;
    text-decoration: none;
}


.checkbox-style-1 .form-check-input[type="radio"] {
    border-radius: 100px;
}
.checkbox-style-1 .form-check-input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%231a5e98'/%3e%3c/svg%3e");
    background-size: 16px;
    background-color: #d2d2d2;
    border-color: #d2d2d2;
}
/* ---- checkbox-style-1 :end ---- */

/* ---- txt-img-col Style :start ---- */
.txt-img-col .tic-row {
    margin-bottom: 60px;
    row-gap: 24px;
}
.txt-img-col .tic-row:last-child {
    margin-bottom: 0;
}
.txt-img-col .tic-row:nth-child(even) {
    flex-direction: row-reverse;
}
.txt-img-col .tic-image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.txt-img-col .tic-image img {
    max-width: 100%;
}
.txt-img-col .tic-text {
    width: 100%;
    height: 100%;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
/* ---- txt-img-col Style :end ---- */

/* ---- .item-lists1 :start ---- */
.item-lists1 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #000000;
}
.item-lists1 li {
    list-style: none;
    text-decoration: none;
    position: relative;
    padding: 8px 24px 8px 0;
}
.item-lists1 li::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #bf0012;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.item-lists1 li.wrong::after {
    content: "\f00d";
}
/* ---- .item-lists1 :end ---- */

/* ---- .custom-fileupload :start ---- */
.custom-fileupload {
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px 5px 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7px;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}
.custom-fileupload [type="file"] {
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}
.custom-fileupload p {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.custom-fileupload .cfubtn {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    color: #ffffff;
    background-color: #f36638;
    border: 1px solid #f36638;
    border-radius: 5px;
    text-align: center;
    padding: 6px 12px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-grow: 0;
    transition: 0.5s;
}
.custom-fileupload:hover .cfubtn {
    color: #f36638;
    background-color: transparent;
    border: 1px solid #f36638;
}
/* ---- .custom-fileupload :end ---- */

/* COMMON STYLE :END */


/* header-top section :start */
.header-top {
    width: 100%;
    height: auto;
    background-color: #000000;
    overflow: hidden;
}
.header-top .htop-inner {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.header-top .htop-inner ul.htlist-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 450;
    line-height: 1;
    letter-spacing: 1px;
    color: #efefef;
    text-align: center;
    display: flex;
    align-items: center;
}
.header-top .htop-inner ul.htlist-1 li {
    text-transform: uppercase;
    border-right: 1px solid #2d2d2d;
}
.header-top .htop-inner ul.htlist-1 li:last-child {
    border: 0;
}
.header-top .htop-inner ul.htlist-1 li a {
    color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
}
.header-top .htop-inner ul.htlist-1 li:first-child a {
    padding-left: 0px;
}
.header-top .htop-inner ul.htlist-1 li:last-child a {
    padding-right: 0px;
}
.header-top .htop-inner ul.htlist-1 li a:hover {
    color: #f36638;
}


.header-top .htop-inner ul.htlist-1 li a span {
    position: relative;
    display: inline-block;
}
.header-top .htop-inner ul.htlist-1 li a span::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: currentColor;
    opacity: 0;
}
.header-top .htop-inner ul.htlist-1 li a.active span::after {
    opacity: 1;
}


.header-top .htop-inner ul.htlist-2 {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 450;
    line-height: 1;
    letter-spacing: 1px;
    color: #efefef;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 20px;
}
.header-top .htop-inner ul.htlist-2 li a {
    color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-top .htop-inner ul.htlist-2 li.htl-s1 {
    padding: 0px 0px;
}
.header-top .htop-inner ul.htlist-2 li.htl-s1 a {
    color: #ffffff;
    background-color: #f36638;
    padding: 10px 20px;
}
.header-top .htop-inner ul.htlist-2 li.htl-s1 a:hover {
    color: #ffffff;
    background-color: #3f3f3f;
}


.header-top .htop-inner ul.htlist-2 li.htl-s2 {
    padding: 0px 0px;
}
.header-top .htop-inner ul.htlist-2 li.htl-s2 a {
    color: #ffffff;
    background-color: transparent;
    padding: 7px 0px;
}
.header-top .htop-inner ul.htlist-2 li.htl-s2 a em {
    font-style: normal;
    color: #ffffff;
    background-color: #f36638;
    border-radius: 10px;
    padding: 3px 7px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.header-top .htop-inner ul.htlist-2 li.htl-s2 a:hover {
    color: #f36638;
    background-color: transparent;
}
/* header-top section :end */

/* header section :start */
.mobnav {
    display: none !important;
}


.group-header .classy-nav-container {
    background-color: #333333;
}
.group-header .classy-nav-container .classynav a {
    color: #ffffff;
}
.group-header .classynav>ul>li.megamenu-item>a::after, 
.group-header .classynav>ul>li.has-down>a::after {
    color: #ffffff;
}
.group-header .classy-navbar-toggler .navbarToggler span {
    background-color: #ffffff;
}
/* header section :end */

/* footer section :start */
footer {
    width: 100%;
    height: auto;
    font-family: "Aspekta";
}
footer .ftop {
    color: #ffffff;
    background-color: #3f3f3f;
    padding: 20px 0px;
    overflow: hidden;
}
footer .ftop .ftinner {
    display: flex;
    justify-content: space-between;
    gap: 7px 15px;
}

footer .backtotop {
    font-size: 14px;
    font-weight: 850;
    line-height: 0.9;
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
footer .backtotop img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transition: 0.5s;
}
footer .backtotop:hover {
    color: #f36638;
}
footer .backtotop:hover img {
    transform: rotate(360deg);
}

footer .fsocialmedia {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}
footer .fsocialmedia li a {
    width: 30px;
    height: 30px;
    color: #3f3f3f;
    background-color: #ffffff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .fsocialmedia li a:hover {
    color: #ffffff;
    background-color: #f36638;
}



footer .fmiddle {
    color: #ffffff;
    background-color: #393939;
    overflow: hidden;
}
footer .fmiddle .fmrcol {
    padding: 60px 0px 30px;
}
footer .fmiddle .fmrcol.fcleft {
    width: 100%;
    height: 100%;
    border-right: 2px solid #444444;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
footer .fmiddle .fmrcol.fcright {
    width: 100%;
    height: 100%;
}

footer .fmiddle .fmrcol h2 {
    font-size: 14px;
    font-weight: 750;
    margin-bottom: 15px;
}
footer .fmiddle .fmrcol address {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
}

footer .fmiddle .fmrcol h6 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
footer .fmiddle .fmrcol h6 a {
    color: inherit;
    font-weight: 700;
}
footer .fmiddle .fmrcol h6 a:hover {
    color: #f36638;
}

footer .fmiddle .fmrcol p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
footer .fmiddle .fmrcol p a {
    color: inherit;
    text-decoration: underline;
}
footer .fmiddle .fmrcol p a:hover {
    color: #f36638;
}

footer .ftr-navtabs {
    width: 100%;
    height: auto;
}
footer .ftr-navtabs .nav {
    gap: 15px 25px;
}
footer .ftr-navtabs .nav .nav-item .nav-link {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    background-color: transparent;
    padding: 0px 0px 5px;
    position: relative;
}
footer .ftr-navtabs .nav .nav-item .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: currentColor;
    opacity: 0;
    transition: 0.5s;
}
footer .ftr-navtabs .nav .nav-item .nav-link.active {
    font-weight: 600;
}
footer .ftr-navtabs .nav .nav-item .nav-link.active::after {
    opacity: 1;
}
footer .ftr-navtabs .nav .nav-item .nav-link:hover {
    color: #f36638;
}

footer .ftr-table {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0;
}
footer .ftr-table > :not(caption) > * > * {
    padding: 5px 0px;
}
footer .ftr-table tr th {
    font-weight: inherit;
    width: 140px;
}

footer .ftr-links {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    margin: 10px 0px;
}
footer .ftr-links li {
    display: inline-flex;
    align-items: center;
}
footer .ftr-links li::after {
    content: '|';
    padding-left: 30px;
}
footer .ftr-links li:last-child::after {
    display: none;
}
footer .ftr-links li a {
    color: inherit;
}
footer .ftr-links li a:hover {
    color: #f36638;
}


footer .ftr-brands {
    list-style: none;
    padding: 0;
    margin: 30px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
footer .ftr-brands li {
    flex-shrink: 0;
    width: 135px;
    height: 70px;
}
footer .ftr-brands .fbblock {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 5px;
    background-color: #ffffff;
    border: 3px solid transparent;
    transition: 0.5s;
}
footer .ftr-brands .fbblock img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
footer .ftr-brands .fbblock:hover {
    border-color: #f36638;
}



footer .fbottom {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: #3f3f3f;
    padding: 25px 0px;
    overflow: hidden;
}
footer .fbottom .fbtm-inner {
    text-align: center;
    display: flex;
    justify-content: space-between;
    gap: 7px 15px;
    padding: 0 30px;
}
footer .fbottom .fbtm-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
}
footer .fbottom .fbtm-inner p a {
    color: inherit;
}
footer .fbottom .fbtm-inner p a:hover {
    color: #f36638;
}
/* footer section :end */

/* Home banner section :start */
.homebanner-section, 
.homebanner-section .hbslide-block, 
.homebanner-section .hbslide-block .hbimage, 
.homebanner-section .hbslide-block picture, 
.homebanner-section .hbslide-block picture img {
    width: 100%;
    height: auto;
}
/* Home banner section :end */

/* Usedcar search section :start */
.usedcarsearch-section {
    padding: 30px 0px 0px 0px;
}

.ucsearch-head {
    color: #ffffff;
    background-color: #6b6b6b;
    display: flex;
    align-items: center;
    gap: 10px 24px;
    padding: 10px 15px;
    margin: 0;
}
.ucsearch-head p {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
}
.ucsearch-head h6 {
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    background-color: #393939;
    border-radius: 50px;
    padding: 8px 15px;
    margin: 0;
}
.ucsearch-head h6 span {
    font-weight: 400;
}

.ucsearch-form {
    width: 100%;
    height: auto;
    background-color: #898989;
}
.ucsearch-form .ucsfrm-row {
    display: flex;
}
.ucsearch-form .ucs-block {
    flex: 1;
    border-right: 1px solid #9b9b9b;
    transition: 0.5s;
    position: relative;
}
.ucsearch-form .ucs-block:has(.nice-select.open), 
.ucsearch-form .ucs-block:hover {
    background-color: #3f3f3f;
}
.ucsearch-form .ucs-block:last-child {
    border-right: 0;
}
.ucsearch-form .ucs-block label {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
}
.ucsearch-form .ucs-block .nice-select {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 450;
    line-height: normal;
    color: #ffffff;
    background-color: transparent;
    border: 0;
    padding: 20px 30px 8px 15px;
}
.ucsearch-form .ucs-block .nice-select::after {
    content: "\f141";
    position: absolute;
    right: 15px;
    top: auto;
    bottom: 11px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    line-height: 1;
    color: #ffffff;
    transform: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    transition: 0.5s;
}
.ucsearch-form .ucs-block .nice-select .current {
    padding: 2px 0px 0px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    word-break: break-all;
}
.ucsearch-form .ucs-block .nice-select.open::after {
    transform: rotate(90deg);
}
.ucsearch-form .ucs-block .nice-select .list {
    width: 100%;
    border-radius: 0;
    overflow-x: hidden;
    margin-top: 0px;
}

.ucsearch-form .ucs-block.buttons {
    flex: 1.2;
    /* max-width: 300px; */
    padding: 0;
    border: 0;
}
.ucsearch-form .ucs-block .searchBtn {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 750;
    color: #ffffff;
    background-color: #f36638;
    border: 2px solid #f36638;
    padding: 10px 10px;
}
.ucsearch-form .ucs-block .searchBtn:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}





.ucsearch-form .ucsfrm-row.ucsfrow2 .ucs-block {
    border-top: 1px solid #9b9b9b;
}
.ucsearch-form .morebtn {
    width: 160px;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    background-color: #c7c7c7;
    border-radius: 0px 0px 20px 20px;
    padding: 4px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 70px;
}
.ucsearch-form .morebtn:hover {
    color: #ffffff;
    background-color: #606060;
}


.ucsearch-form .ucsfrm-more {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}
/* Usedcar search section :end */

/* .fixed-buttons :start */
.fixed-buttons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 5px;
    position: fixed;
    top: 50%;
    right: 10px;
    /* writing-mode: sideways-lr; */
    writing-mode: vertical-lr;
    z-index: 2;
}
.fixed-buttons .fixbtn {
    width: 46px;
    height: 46px;
    color: #ffffff;
    background-color: #2957a4;
    border-radius: 100%;
    padding: 12px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.fixed-buttons .fixbtn img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.fixed-buttons .fixbtn.whatsapp {
    background-color: #25d366;
}
.fixed-buttons .fixbtn.call {
    background-color: #393939;
}
.fixed-buttons .fixbtn.mail {
    background-color: #4285f4;
}

.fixed-buttons .fixbtn.whatsapp:hover {
    background-color: #06943a
}
.fixed-buttons .fixbtn.call:hover {
    background-color: #6e6a6a;
}
.fixed-buttons .fixbtn.mail:hover {
    background-color: #125bd3;
}
/* .fixed-buttons :end */

/* Welcome section :start */
.welcome-section {
    background-color: #f2f2f2;
}
/* Welcome section :end */

/* The Subaru Range section :start */
.subarurange-section .srange-head {
    width: 100%;
    height: auto;
}
.subarurange-section .srange-head p {
    font-size: 14px;
    font-weight: 500;
}
/* The Subaru Range section :end */

/* subaru featured cars :start */
.subaru-featuredcars {
    width: 100%;
    height: auto;
    background-color: #393939;
    border-bottom: 4px solid #ffffff;
    overflow-x: clip;
}
/* subaru featured cars :end */

/* Used car details page :start */
.ucdetails-section {
    background-color: #ececec;
    /* border-top: 1px solid #d6d6d6; */
    /* border-bottom: 1px solid #d6d6d6; */
    padding-bottom: 20px;
}

.ucdetails-section .ucdleft-outer {
    /* border-right: 1px solid #d6d6d6; */
}
.ucdetails-section .ucdsec-left {
    width: 100%;
    height: 100%;
    padding: 30px 0px;
}
.ucdetails-section .ucdsec-left .ucdleft-block {
    background-color: #ffffff;
    padding: 20px 20px;
    /* margin-bottom: 15px; */
}
.ucdetails-section .ucdsec-left .ucdleft-head {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    /* align-items: flex-end; */
    gap: 20px;
    margin-bottom: 24px;
}
.ucdetails-section .ucdsec-left .ucdleft-head .backBtn {
    display: inline-flex;
    align-items: center;
    padding-right: 20px;
    border-right: 2px solid #cccccc;
}
.ucdetails-section .ucdsec-left .ucdleft-head .backBtn a {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    color: #717171;
    background-color: transparent;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0px;
    margin: 0;
    transition: 0.5s;
}
.ucdetails-section .ucdsec-left .ucdleft-head .backBtn a:hover {
    color: #000000;
    background-color: transparent;
}
.ucdetails-section .ucdsec-left .ucdleft-head .title {
    margin-top: auto;
    margin-right: auto;
}
.ucdetails-section .ucdsec-left .ucdleft-head .title h1 {
    font-size: 24px;
    font-weight: 850;
    line-height: 1;
    color: #000000;
    margin: 5px 0px;
}
.ucdetails-section .ucdsec-left .ucdleft-head .title p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    margin-bottom: 2px;
}
.ucdetails-section .ucdsec-left .ucdleft-head .price {
    text-align: right;
    margin-top: auto;
}
.ucdetails-section .ucdsec-left .ucdleft-head .price p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #000000;
    margin-bottom: 5px;
}
.ucdetails-section .ucdsec-left .ucdleft-head .price p span {
    font-size: 24px;
    font-weight: 850;
    line-height: 1;
    color: #f36638;
    margin-top: 5px;
}
.ucdetails-section .ucdsec-left .ucdleft-head .price h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    margin-bottom: 0px;
}
.ucdetails-section .ucdsec-left .ucdleft-head .price h6 b {
    font-weight: 600;
}


.usedcar-slider-wrap {
    width: 100%;
    height: auto;
}
.usedcar-slider-wrap .used-detail-slide {
	margin-bottom: 15px;
}
.usedcar-slider-wrap .used-detail-slide .item {
    width: 100%;
    height: 485px;
    /* min-height: 300px; */
    /* max-height: 500px; */
    /* aspect-ratio: 1.63/1; */
    text-align: center;
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.usedcar-slider-wrap .used-detail-slide .item > a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.usedcar-slider-wrap .used-detail-slide .item > a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
    transition: 0.4s;
}
.usedcar-slider-wrap .used-detail-slide .item > a::after {
    content: '\f424';
    font-family: "Font Awesome 6 Free";
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
}
.usedcar-slider-wrap .used-detail-slide .item > a:hover::before {
    opacity: 0.8;
}
.usedcar-slider-wrap .used-detail-slide .item > a:hover::after {
    opacity: 1;
}
.usedcar-slider-wrap .used-detail-slide .item .udsimg {
    width: auto;
	max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
.usedcar-slider-wrap .used-detail-slide .item .sublogo {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: auto;
	max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.usedcar-slider-wrap .used-detail-thumb {
    width: 100%;
    height: auto;
}
.usedcar-slider-wrap .used-detail-thumb .item {
    width: 100%;
    height: 100px;
    text-align: center;
    background-color: #000000;
}
.usedcar-slider-wrap .used-detail-thumb .item img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.5;
    transition: 0.5s;
}
.usedcar-slider-wrap .used-detail-thumb .item:hover {
    cursor: pointer;
}
.usedcar-slider-wrap .used-detail-thumb .item:hover img {
    opacity: 1;
}
.usedcar-slider-wrap .used-detail-thumb .current .item img {
    opacity: 1;
}


.usedcar-slider-wrap .owl-nav {
	position: absolute;
    left: 0;
	top: calc((100px / 2) - 20px);
    transform: translateY(-50%);
	width: 100%;
    height: 1px;
	display: flex;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.usedcar-slider-wrap .owl-nav .owl-next,
.usedcar-slider-wrap .owl-nav .owl-prev {
	width: 25px;
	height: 40px;
    font-size: 12px !important;
    color: #ffffff !important;
	background: #000000 !important;
	top: 50%;
	position: relative;
    opacity: 0.5;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}
.usedcar-slider-wrap .owl-nav .owl-next img,
.usedcar-slider-wrap .owl-nav .owl-prev img {
	position: relative;
	top: 0;
}
.usedcar-slider-wrap .owl-nav .owl-next:hover,
.usedcar-slider-wrap .owl-nav .owl-prev:hover {
	background: #f36638 !important;
    opacity: 1;
}

.usedcar-slider-wrap .used-detail-slide .owl-nav {
    top: calc(50% - 20px);
}



.ucdetails-section .ucdsec-right {
    padding: 30px 0px;
}
.ucdetails-section .ucdsec-right .ucdright-block {
    background-color: #ffffff;
    padding: 20px 20px;
    margin-bottom: 15px;
}
.ucdetails-section .ucdsec-right .ucdright-block:last-child {
    margin-bottom: 0px;
}


.ucdetails-section .ucdsec-right .ucd-buttons {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    margin-bottom: 24px;
}
.ucdetails-section .ucdsec-right .ucd-buttons .btn {
    flex: 1;
}

.ucdetails-section .ucdsec-right .ucd-buttons2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
}
.ucdetails-section .ucdsec-right .ucd-buttons2 .btn {
    width: calc(50% - 12px);
    text-transform: uppercase;
}



.ucdetails-section .ucdsec-right .ucd-specs {
    width: 100%;
    height: auto;
    margin-bottom: 45px;
    /* border: 1px dashed #dedede; */
    /* border-radius: 15px; */
    overflow: hidden;
}
.ucdetails-section .ucdsec-right .ucd-specs ul  {
    list-style: none;
    padding: 0;
    margin: 0;
    /* margin: -1px; */
    /* display: flex; */
    /* flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(50% - 7px), 1fr));
    grid-auto-rows: 1fr;
    gap: 14px;
}
.ucdetails-section .ucdsec-right .ucd-specs ul li {
    /* border: 1px dashed #dedede; */
    /* padding: 15px 15px; */
    /* margin: -1px -1px 0px 0px; */
    display: flex;
    align-items: center;
}
.ucdetails-section .ucdsec-right .ucd-specs .ucspecs-block {
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #000000;
    padding: 10px 10px;
}
.ucdetails-section .ucdsec-right .ucd-specs .ucspecs-block h4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.ucdetails-section .ucdsec-right .ucd-specs .ucspecs-block h3 {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.ucdetails-section .ucdsec-right .ucd-more {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    /* border-top: 1px solid #d6d6d6; */
    /* padding-top: 20px; */
    /* margin-top: 48px; */
    position: relative;
    z-index: 0;
}
.ucdetails-section .ucdsec-right .ucd-more .shareBtn {
    padding: 8px 34px;
}

.ucdetails-section .ucdsec-right .printBtn .btn {
    font-size: 14px;
    font-weight: 650;
    letter-spacing: 0.5px;
    line-height: 1.1;
    color: #f36638;
    background-color: #ffffff;
    border: 1px solid #f36638;
    border-radius: 10px;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 32px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    transition: 0.5s;
}
.ucdetails-section .ucdsec-right .printBtn .btn img {
    transition: 0.5s;
}
.ucdetails-section .ucdsec-right .printBtn .btn:hover {
    color: #ffffff;
    background-color: #f36638;
    border-color: #f36638;
}
.ucdetails-section .ucdsec-right .printBtn .btn:hover img {
    filter: brightness(0) invert(1);
}



.ucdet-description {
    width: 100%;
    height: auto;
}
.ucdet-description .ucddes-block {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    padding: 20px 20px;
    line-height: 1.5;
}
.ucdet-description .ucddes-block h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}
.ucdet-description .ucddes-block p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 10px;
}
.ucdet-description .ucddes-block b, 
.ucdet-description .ucddes-block strong {
    font-weight: 600;
}
.ucdet-description .ucddes-block ol, 
.ucdet-description .ucddes-block ul {
    line-height: 1.5;
}

.box-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 40px;
}
.box-list li {
    width: calc(33.3333% - 26.6666px);
}
.box-list li .boxlist-block {
    width: 100%;
    height: 100%;
    padding: 15px 10px;
    border: 3px solid #878787;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
}
.box-list li .boxlist-block b {
    font-weight: 550;
}
.box-list li .boxlist-block > div {
    flex: 1;
    border-right: 2px solid #424242;
    padding: 0px 10px;
}
.box-list li .boxlist-block > div:last-child {
    border: 0;
}
/* Used car details page :end */

/* Inner banner :start */
.innerbanner-section {
    width: 100%;
    height: auto;
    background-color: #dddddd;
}
.innerbanner-section .ibslide-block, 
.innerbanner-section .ibslide-block .ibimage, 
.innerbanner-section .ibslide-block picture, 
.innerbanner-section .ibslide-block picture img {
    width: 100%;
    height: auto;
}
/* Inner banner :end */

/* Testimonials page :start */
.testimonials-page {
    padding: 80px 0px;
}
.testipg-header {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    gap: 20px;
}
.testipg-header .tphead-left {
    display: inline-flex;
    align-items: center;
    gap: 10px 25px;
}
.testipg-header .tphead-left .reviews-count {
    text-align: right;
}
.testipg-header .tphead-left .reviews-count .rcrating {
    display: flex;
    align-items: center;
    gap: 3px;
    line-height: 1;
    margin-bottom: 7px;
}
.testipg-header .tphead-left .reviews-count .rcrating p {
    font-size: 30px;
    font-weight: 450;
    padding-right: 3px;
    margin-bottom: 0px;
}
.testipg-header .tphead-left .reviews-count .rcrating i {
    font-size: 24px;
    color: #ffc107;
}
.testipg-header .tphead-left .reviews-count h6 {
    font-size: 18px;
    font-weight: 450;
    line-height: 1;
    margin-bottom: 0px;
}
.testipg-header .tphead-right .reviewBtn {
    font-size: 12px;
    padding: 12px 15px;
    text-transform: uppercase;
}





.reviews-wrap {
    width: 100%;
    height: auto;
}
.reviews-wrap .review-block {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e1e1e1;
    padding: 35px 0px;
    display: flex;
    gap: 50px;
}
.reviews-wrap .review-block:first-child {
    padding-top: 0px
}
.reviews-wrap .review-block:last-child {
    border: 0;
}


.reviews-wrap .review-block .rbleft {
    flex-grow: 0;
    flex-shrink: 0;
    width: 200px;
    display: flex;
    gap: 10px;
}
.reviews-wrap .review-block .rbleft .rbr-user {
    flex-grow: 0;
    flex-shrink: 0;
    width: 45px;
}
.reviews-wrap .review-block .rbleft .rbr-user span {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    color: #ffffff;
    background-color: #f36638;
    border-radius: 100%;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}
.reviews-wrap .review-block .rbleft .rbr-details {
    width: 100%;
}
.reviews-wrap .review-block .rbleft .rbr-details h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 5px;
}
.reviews-wrap .review-block .rbleft .rbr-details .rrating {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 16px;
    font-weight: 800;
    color: #ffc107;
    margin-bottom: 5px;
}
.reviews-wrap .review-block .rbleft .rbr-details time {
    font-size: 14px;
    font-weight: 400;
    color: #aeaeae;
}

.reviews-wrap .review-block .rbright {
    width: 100%;
}
.reviews-wrap .review-block .rbright p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
/* Testimonials page :end */

/* 404 page :start */
.error404 {
    padding: 100px 0px;
}
.error404 .er404inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.error404 .er404inner .errorimg {
    padding: 0px 50px;
}
.error404 .er404inner .errorimg img {
    max-width: 100%;
    height: auto;
}
.error404 .er404inner .errortxt {
    padding: 0px 15px;
    margin-top: 20px;
}
.error404 .er404inner .errortxt h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .error404 .er404inner .errortxt h1 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .error404 .er404inner .errortxt h1 {
        font-size: 18px;
    }
    .error404 .er404inner .errorimg {
        padding: 0px 20px;
    }
}
/* 404 page :end */

/* Contact page :start */
.contpg-top {
    overflow-x: clip;
}
.contpg-top .cptop-left {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.contpg-top .cptop-left address {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}
.contpg-top .cptop-left p {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}
.contpg-top .cptop-left p a {
    color: inherit;
    font-weight: 700;
}
.contpg-top .cptop-left p a:hover {
    color: #f36638;
}
.contpg-top .cptop-right {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.contpg-top .cptop-right img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 30px -10px rgb(32 33 36);
}
/* Contact page :end */

/* New car detail page :start */
.modelline-block {
    width: 100%;
    height: 100%;
}
.modelline-block .mlb-title {
    width: 100%;
    height: auto;
}
.modelline-block .mlb-title h3 {
    font-size: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 3px;
}
.modelline-block .mlb-title p {
    font-size: 16px;
    font-weight: 400;
    color: #1a1031;
    margin-bottom: 0;
}
.modelline-block .mlb-image {
    width: 100%;
    height: 135px;
    margin: 15px 0px;
    display: flex;
    align-items: center;
}
.modelline-block .mlb-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.modelline-block .mlb-details {
    width: 100%;
    height: auto;
}
.modelline-block .mlb-details h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
}
.modelline-block .mlb-details p {
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 0;
}
.modelline-block .mlb-details .mllist {
    margin-top: 0;
}
.modelline-block .mlb-details .mllist li {
    margin-bottom: 5px;
}
/* New car detail page :end */

/* ncfeatures-wrap :start */
.ncfeatures-wrap {
	padding: 100px 0;
	background: #f1f1f1;
	/* overflow: hidden; */
}
.ncfeatures-wrap:nth-child(2n) {
	background: #fff;
	text-align: right;
}
.ncfeatures-wrap:nth-child(odd) .row {
	flex-direction: row-reverse;
}

.ncfeatures-wrap .ncfwrap-image {
    width: 100%;
    height: 100%;
}
.ncfeatures-wrap .ncfwrap-text {
    width: 100%;
    height: 100%;
}
.ncfeatures-wrap .features--wrap {
	padding: 0;
    margin: 24px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
    gap: 24px;
}
.ncfeatures-wrap:nth-child(2n) .features--wrap {
	align-items: flex-start;
	justify-content: flex-end;
}
.ncfeatures-wrap .features--wrap li {
	list-style: none;
	width: calc(50% - 12px);
	margin-bottom: 0px;
}
.ncfeatures-wrap .features--wrap li:last-child {
	margin-bottom: 0;
}
.ncfeatures-wrap .features--wrap li .fwicon {
    margin-bottom: 5px;
}
.ncfeatures-wrap .features--wrap li .fwicon img {
    max-width: 50px;
}
.ncfeatures-wrap .features--wrap li h4 {
    font-size: 18px;
	font-weight: 300;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 0;
}
.ncfeatures-wrap .features--wrap li h4 strong {
	font-weight: 500;
	display: block;
}
/* ncfeatures-wrap :end */

/* New car offer detail: Start */
.new-car-offer .car-detail-col h2 {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
}
.new-car-offer .car-detail-col .img-wrap {
    border: 1px solid #f0f0f0;
    padding: 70px 5px
}
.new-car-offer .car-detail-col .img-wrap img {
    max-width: 100%;
}
.new-car-offer .car-detail-col ul {
    font-size: 16px;
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.new-car-offer .car-detail-col ul li {
    font-size: 20px;
    margin-top: 4px;
}
.new-car-offer .car-detail-col .btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 50px;
    padding: 15px 20px;
    margin: 10px 0;
    transition: 0.5s;
    display: block;
}
.new-car-offer .car-detail-col .btn-typ2.btn {
    color: #fff;
    background-color: #000000;
}
.new-car-offer .car-detail-col .btn:hover {
    color: #fff;
    background-color: #f36638;
    border: 1px solid #f36638;
}
.new-car-offer .manual-list {
    margin-top: 20px;
}
.new-car-offer .manual-list ul {
    list-style-type: none;
    margin-bottom: 0;
}
.new-car-offer .manual-list ul li {
    padding: 10px 15px;
    background-color: #fff;
}
.new-car-offer .manual-list ul li label {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 16px;
}
.new-car-offer .manual-list ul li span {
    float: right;
    font-size: 16px;
}
.new-car-offer .manual-list ul li:nth-child(odd) {
    background-color: #e8e8e8;
}
.new-car-offer h1 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #282830;
    margin: 0 0 20px 0;
    text-align: left;
}
.new-car-offer h6 {
    font-size: 20px;
    line-height: 0;
    display: block;
    margin-bottom: 10px;
}
.new-car-offer .repre-sect {
    margin-top: 40px;
}
.new-car-offer .repre-sect h2 {
    font-size: 25px;
    font-weight: 800;
    margin: 0 0 5px 0;
}
.new-car-offer .repre-sect h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.new-car-offer .terms-conditions {
    margin: 35px 0 0 0;
}
.new-car-offer .terms-conditions h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
.new-car-offer .terms-conditions p {
    font-size: 16px;
    font-weight: 400;
    margin: 8px 0 0 0;
}
/* New car offer detail: End */

/* Meet the team page :start */
.team-member-block {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    overflow: hidden;
    transition: 0.5s;
}
.team-member-block .tmb-image {
    width: 100%;
    max-width: 180px;
    height: auto;
    aspect-ratio: 1/1;
    background-color: #f36638;
    /* border: 2px solid #f36638; */
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
.team-member-block .tmb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.team-member-block .tmb-text {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 15px;
}
.team-member-block .tmb-text h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 5px;
}
.team-member-block .tmb-text p {
    font-size: 14px;
    line-height: 1.1;
    color: #343434;
    margin-bottom: 0;
}
/* Meet the team page :end */

/* About page :start */
.abtpg-images {
    width: 100%;
    height: auto;
}
.abtpg-images .apgimg-block {
    width: 100%;
    height: auto;
    min-height: 100%;
    aspect-ratio: 0.54/1;
    overflow: hidden;
}
.abtpg-images .apgimg-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.abtpg-images .apgimg-block.smallbox {
    width: 100%;
    height: auto;
    aspect-ratio: 1.08/1;
}
/* About page :end */

/* Used car standards section :start */
.usedcarstandards-section {
    width: 100%;
    height: auto;
    font-size: 14px;
}
.usedcarstandards-section p {
    margin-bottom: 10px;
}
.usedcarstandards-section ul, 
.usedcarstandards-section ol {
    font-size: 14px;
    line-height: 1.5;
}
.usedcarstandards-section ul li::before, 
.usedcarstandards-section ol li::before {
    top: 0px;
}
.usedcarstandards-section ul li strong, 
.usedcarstandards-section ol li strong {
    font-weight: 600;
}

/* Used car standards section :end */

/* .emphasis-box :start */
.emphasis-box {
    width: 100%;
    height: auto;
    padding: 30px 30px;
    background-color: transparent;
    border: 3px solid #f36638;
    border-radius: 10px;
}
.emphasis-box h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #181717;
    margin-bottom: 12px;
}
.emphasis-box .ebox-link {
    font-size: 60px;
    font-weight: 600;
    line-height: 0.8;
    color: #f36638;
    margin-bottom: 10px;
    display: inline-block;
}
.emphasis-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}
.emphasis-box p a {
    color: inherit;
    font-weight: 500;
    text-decoration: none;
}
.emphasis-box p a:hover {
    text-decoration: underline;
}

.emphasis-box a:hover {
    color: #000000;
}
/* .emphasis-box :end */

/* peace-of-mind :Start */
.peace-of-mind {
    padding: 0 0 60px 0;
}
.peace-of-mind h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 70px 0;
}
.peace-of-mind h3 {
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-weight: 700;
}
.peace-of-mind ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 570px;
    height: auto;
    font-size: 16px;
    color: #282830;
}
.peace-of-mind ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000000;
    padding: 12px 0;
}
.peace-of-mind ul li:last-child {
    border-bottom: 0;
}
/* peace-of-mind :end */

/* Service Plans :start */
.service-plans {
    width: 100%;
    height: auto;
}
.service-plans h4 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    background-color: #000;
    margin: 0 auto 40px auto;
    padding: 20px 30px 24px 30px;
    text-transform: uppercase;
    display: table;
    text-align: center;
}
.service-plans .cell {
    border: 1px solid #000000;
    padding: 25px;
    margin: 0 0 0 0;
    height: 100%;
}
.service-plans .cell span.model {
    font-size: 20px;
    line-height: 1.2;
    color: #282830;
    display: block;
}
.service-plans .cell span.price {
    font-size: 24px;
    line-height: 1;
    color: #282830;
    display: block;
    font-weight: 900;
    margin: 10px 0 0 0;
}
.service-plans .cell img {
    width: auto;
    max-width: 100%;
    height: 181px;
    margin: 25px 0;
    object-fit: contain;
}
.service-plans .cell p {
    font-size: 16px;
    line-height: 1.2;
    color: #282830;
    margin: 0;
}
.service-plans .cell ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 1;
    color: #282830;
}
.service-plans .cell ul li {
    position: relative;
    padding: 0 0 0 14px;
    margin: 0 0 5px 0;
}
.service-plans .cell ul li:last-child {
    margin-bottom: 0;
}
.service-plans .cell ul li::after {
    content: '';
    position: absolute;
    top: 6.5px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
}
/* Service Plans :end */

/* subaru offers list page :start */
.subaru-offers-wrap {
    width: 100%;
    height: auto;
}
.subaru-offers-wrap .suboffers-head {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.subaru-offers-wrap .suboffers-head .sohead-right .sohr-select {
    width: 360px;
}
/* subaru offers list page :end */

/* subaru offers detail page :start */
.subaru-ofrdetail-top {
    width: 100%;
    height: auto;
}
.subaru-ofrdetail-top .sodtop-left {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.subaru-ofrdetail-top .sodtop-right {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}


.subaru-ofrdetail-content {
    width: 100%;
    height: auto;
}
.subaru-ofrdetail-content .socontent-head {
    width: 100%;
    height: auto;
    min-height: 70px;
    color: #000000;
    background-color: #cdcdcd;
    text-align: center;
    padding: 12px 12px;
    display: flex;
    align-items: center;
}
.subaru-ofrdetail-content .socontent-head h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.subaru-ofrdetail-content .socontent-item {
    width: 100%;
    height: 100%;
    color: #ffffff;
    background-color: #000000;
}
.subaru-ofrdetail-content .socontent-item .socitem-head {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: #0099d4;
    padding: 15px 20px;
}
.subaru-ofrdetail-content .socontent-item .socitem-head h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}
.subaru-ofrdetail-content .socontent-item .socitem-head p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0px;
}


.subaru-ofrdetail-content .socontent-item .socitem-features {
    width: 100%;
    height: auto;
    padding: 20px 20px;
}
.subaru-ofrdetail-content .socontent-item .socitem-features table {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 400;
}
.subaru-ofrdetail-content .socontent-item .socitem-features table tr td {
    width: auto;
    padding: 5px 0px;
}
.subaru-ofrdetail-content .socontent-item .socitem-features table tr td:last-child {
    text-align: right;
}

.subaru-ofrdetail-content .socontent-item .socitem-btns {
    width: 100%;
    height: auto;
    padding: 20px 20px;
    display: flex;
    gap: 10px 20px;
}
/* subaru offers detail page :end */


/* .mot-text-cell :start */
.mot-text-cell {
    text-align: center;
}
.mot-text-cell .mt-icon {
    width: auto;
    height: 95px;
    margin: 0 auto 5px;
}
.mot-text-cell .mt-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.mot-text-cell .mot-text-col h6 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
/* .mot-text-cell :end */

/* Other services section :start */
.otherservices-section {
    width: 100%;
    height: auto;
}
.otherservices-section .ossec-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.otherservices-section .ossec-row .ossec-col {
    flex: 1;
    flex-shrink: 0;
}
.otherservices-section .ossec-row .ossec-col .oservices-block {
    width: 100%;
    min-height: 255px;
}

.otherservices-section .ossec-row .ossec-col.small {
    flex: 1.3;
}
.otherservices-section .ossec-row .ossec-col.small .oservices-block {
    width: 100%;
    height: 255px;
}
.otherservices-section .ossec-row .ossec-col.small .oservices-block .osblock-bottom {
    text-align: right;
}



.oservices-block {
    width: 100%;
    height: 100%;
    /* aspect-ratio: 0.8/1; */
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.oservices-block::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.5s;
}
.oservices-block .osblock-top {
    width: 100%;
    height: auto;
    position: relative;
}
.oservices-block .osblock-top h3 {
    font-size: 44px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 0.9;
    color: #ffffff;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.oservices-block .osblock-bottom {
    text-align: center;
    position: relative;
}
.oservices-block .osblock-bottom .btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #282830;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px 20px;
    transition: 0.5s;
}
.oservices-block .osblock-bottom .btn img {
    transition: 0.5s;
}
.oservices-block .osblock-bottom .btn:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.oservices-block .osblock-bottom .btn:hover img {
    filter: brightness(0) invert(1);
}
.oservices-block:hover::before {
    transform: scale(1.05);
}
/* Other services section :end */

/* Motability page :start */
.motability-block {
    border: 1px solid #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 40px 70px;
    gap: 10px;
}
.motability-block .detail-cell ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.motability-block .detail-cell ul li {
    padding: 7px 0;
    border-bottom: 1px solid #4b4b4b;
}
.motability-block .detail-cell ul li:last-child {
    border-bottom: 0;
}
.motability-block .name-cell h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    color: #282830;
}
.motability-block .name-cell span b {
    font-weight: 900;
}
.motability-block .img-bx img {
    max-width: 100%;
}
.motability-block a.btn {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 18px;
    padding: 6px 20px;
    margin: 15px 0 0 0;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}
.motability-block a.btn:hover {
    color: #ffffff;
    background-color: #f36638;
    border-color: #f36638;
}
/* Motability page :end */

/* Career page :start */
.career-block {
    width: 100%;
    height: auto;
    background-color: #e4e4e4;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px 30px;
    display: flex;
    gap: 20px 8px;
}
.career-block .cbcol {
    display: flex;
    align-items: center;
}
.career-block .cbcol.c1 {
    width: 22%;
    flex-grow: 0;
    margin-right: auto;
}
.career-block .cbcol.c2 {
    width: 180px;
    flex-grow: 0;
    flex-shrink: 0;
    border-left: 2px solid #b0b0b0;
    border-right: 2px solid #b0b0b0;
}
.career-block .cbcol.c3 {
    width: 180px;
    flex-grow: 0;
    flex-shrink: 0;
}
.career-block .cbcol.c4 {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: auto;
}
.career-block .cbcol > div {
    width: 100%;
}


.career-block h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 7px;
}
.career-block h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.career-block h4 img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-right: 7px;
}
.career-block time {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}
.career-block time img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-right: 7px;
}
.career-block .viewBtn {
    font-size: 14px;
    font-weight: 750;
    letter-spacing: 1px;
    line-height: 1.1;
    color: #ffffff;
    background-color: #f36638;
    border: 1px solid #f36638;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    padding: 12px 12px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.career-block .viewBtn:hover {
    color: #f36638;
    background-color: transparent;
    border-color: #f36638;
}
/* Career page :end */

/* Career detail page :start */
.careersdetail-page {
    padding-bottom: 150px;
}
.careersdetail-block {
    background-color: #ffffff;
    border-radius: 30px;
    padding: 40px 40px 0px 40px;
    margin-top: -100px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.careersdetail-block .cdblk-left {
    width: 100%;
    height: 100%;
}
.careersdetail-block .cdblk-right {
    width: 100%;
    height: 100%;
}
.careersdetail-block .cdspecs {}
.careersdetail-block .cdspecs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.careersdetail-block .cdspecs ul li {
    width: 50%;
    border-bottom: 1px solid #cbcbcb;
    padding: 20px 20px;
    display: flex;
    gap: 10px;
}
.careersdetail-block .cdspecs ul li:first-child {
    border-right: 1px solid #cbcbcb;
}
.careersdetail-block .cdspecs ul li .cds-icon {
    flex-grow: 0;
    flex-shrink: 0;
}
.careersdetail-block .cdspecs ul li .cds-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.careersdetail-block .cdspecs ul li .cds-text h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 0;
}
.careersdetail-block .cdspecs ul li .cds-text h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 5px;
}

.careersdetail-block .cdform {
    width: 100%;
    height: auto;
    padding: 25px 25px;
    background-color: #e8e8e8;
    border-radius: 15px;
}
.careersdetail-block .cdform .form-label {
    font-size: 14px;
    text-transform: none;
    margin: 12px 0px;
}
.careersdetail-block .cdform .form-control {
    font-size: 12px;
    background-color: #ffffff;
    border-color: #ffffff;
}
.careersdetail-block .cdform .nice-select {
    font-size: 14px;
    background-color: #ffffff;
    border-color: #ffffff;
}
/* Career detail page :end */

/* Thank you page :start */
.thankyou-wraper {
    padding: 45px 30px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
       -moz-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
            box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.thankyou-wraper .tyicon {
    font-size: 70px;
    color: #338800;
    text-align: center;
}
.thankyou-wraper h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    color: #338800;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.thankyou-wraper p {
    font-size: 18px;
    font-weight: 400;
    color: #6c6c6c;
    text-align: center;
    margin-bottom: 15px;
    text-align: center;
}

@media (max-width: 767px) {
    .thankyou-wraper {
        padding: 35px 25px;
    }
    .thankyou-wraper .tyicon {
        font-size: 50px;
    }
    .thankyou-wraper h2 {
        font-size: 30px;
    }
    .thankyou-wraper p {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .thankyou-wraper {
        padding: 25px 15px;
    }
    .thankyou-wraper .tyicon {
        font-size: 45px;
    }
    .thankyou-wraper h2 {
        font-size: 26px;
    }
}
/* Thank you page :end */