@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

@font-face {
    font-family: 'MyCustomFont';
    /* Font ka naam jo aap use karna chahte hain */
    src: url('./font/proxima-nova.zip') format('truetype');
    /* Font ka path */
    font-weight: normal;
    /* Font weight define karen, jaise normal ya bold */
    font-style: normal;
    /* Font style define karen, jaise normal ya italic */
}

@font-face {
    font-family: 'Nexa Bold';
    /* Font name */
    src: url('fonts/Nexa-Bold.ttf') format('truetype');
    /* Path to your TTF file */
    font-weight: bold;
    /* Specify that it's bold */
    font-style: normal;
    /* Specify normal font style */
}

body p {
    font-family: "DM Sans", sans-serif !important;
}


a.nav-link.btn {
    font-weight: 400;
    font-family: 'Nexa', sans-serif;
    font-size: 14px;
    color: white;
    background: rgba(196, 0, 15, 1);
}


nav.navbar {
    position: absolute;
    width: 100%;
}


.navbar-light .navbar-nav .nav-link {
    padding: 2px 20px 2px 20px;
    font-weight: 600;
    font-size: 22px;
    color: rgba(0, 44, 84, 1);
    transition: 0.8s;
}

.navbar-light .navbar-nav .nav-link.active {
    padding: 2px 20px 2px 20px;
    font-weight: 600;
    font-size: 22px;
    background: rgba(196, 0, 15, 1);
    color: white;
    border-radius: 5px;
}

.navbar-light .navbar-nav .nav-link:hover {
    background: rgba(196, 0, 15, 1);
    color: white !important;
    border-radius: 5px;
}

li.nav-item {
    padding-left: 15px;
}

.navbar-nav {
    padding-left: 100px;
}

nav.navbar {
    padding-left: 9px;
    padding-right: 30px;
}

/* Blog */

.blogs-grid {
    padding: 60px 0;
}

.blogs-grid a {
    text-decoration: none;
}

.blogs-grid h2 {
    text-align: center;
    padding: 20px 10px;
    font-weight: 600;
    font-size: 20px;
    color: #c4000f;
    font-family: "Volkhov", serif;
}

img.blog-img {
    width: -webkit-fill-available;
    border-radius: 30px;
    border: 3px red double;
}
button.msg-btn {
    background: #c4000f !important;
    border: #c4000f;
}

button.msg-btn:hover,
button.msg-btn:focus {
    background: #c4000f !important;
}

span.text-primary {
    color: #c4000f !important;
}

/* Blog Detail */

.detailed-blog {
    padding: 60px 0;
}

.related-post a {
    text-decoration: none;
}

.blog-sidebar {
    text-align: center;
}

.detailed-blog h2 {
    padding: 5px;
    font-weight: 600;
    font-size: 25px;
    color: #c4000f;
    font-family: "Volkhov", serif;
    margin: 0;
}

.detailed-blog h3 {
    padding: 5px;
    font-weight: 600;
    font-size: 20px;
    color: #c4000f;
    margin: 0;
    font-family: "Volkhov", serif;
}

h3.featured-heading {
    background: #c4000f;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    border: 2px double #000;
    margin-bottom: 20px;
}

.detailed-blog p {
    padding: 5px;
    line-height: 1.7;
    margin: 0;
}

img.blog-img {
    width: -webkit-fill-available;
    border-radius: 30px;
    border: 3px red double;
}


button.msg-btn {
    background: #c4000f !important;
    border: #c4000f;
}

button.msg-btn:hover,
button.msg-btn:focus {
    background: #c4000f !important;
}

span.text-primary {
    color: #c4000f !important;
}

ul.blog-listing {
    list-style: decimal;
}

ul.blog-listing li {
    font-size: 20px;
    font-weight: 600;
    color: #c4000f;
    padding: 5px;
    font-family: "Volkhov", serif;
}

ul.inner-listing li {
    padding: 0;
    line-height: 1.8;
    color: #212529;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "Volkhov", serif;
}

ul.inner-listing {
    list-style: disc;
}

.detailed-blog h4 {
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #c4000f;
    margin: 0;
    font-family: "Volkhov", serif;
}


/* banner */

.col-md-6.card-trailer {
    padding: 10px;
}

section.banner .container-fluid {
    padding-left: 25px;
}

.banner h1 {
    font-weight: 600;
    font-size: 45px;
    color: #c4000f;
    font-family: "Volkhov", serif;
    /* text-transform: capitalize; */
    font-weight: 47px;
    width: 46%;
}

.banner p {
    font-weight: 400;
    font-size: 20px;
    color: rgba(226, 226, 226, 1);
    font-family: 'Nexa', sans-serif;
    font-weight: 400;
    width: 42%;
    padding-top: 10px;
}

.banner {
    padding: 10px 0 70px 0;
}

.boxbanner {
    display: block;
    padding: 230px 0 100px 20px;
}

img.about-img {
    width: -webkit-fill-available;
    border-radius: 30px;
}

.row.quality-sec,
.row.started-sec,
.row.trn-diff-sec,
.row.trn-sec {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 50px 0;

}

.row.trn-comm-sec {
    background: #c4000f;
    padding: 50px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
}

.row.mission-sec {
    display: flex;
    justify-content: space-evenly;
}

.row.quality-sec h1,
.row.mission-sec h1,
.row.started-sec h1,
.row.trn-sec h1,
.row.trn-diff-sec h1,
h1.main-heading {
    font-weight: 600;
    font-size: 42px;
    color: #c4000f;
    font-family: "Volkhov", serif;
    text-transform: capitalize;
}

.row.mission-sec {
    text-align: center;
    padding: 50px 0;
}

.col-sm-5.mission-1 {
    padding: 20px 60px;
    border: 1px solid #000;
    border-radius: 30px;
    margin-bottom: 10px;
    transition: 0.8s;
}

.col-sm-5.mission-1:hover {
    background: #002c54;
    color: white !important;
}

.search-container {
    display: flex;
    align-items: center;
}

.banner .search-container input {
    flex: 1;
    /* Makes input take up available space */
}

.banner .search-container button {
    margin-left: 10px;
}


span.input-group-text {
    background: white;

}

.banner input.form-control {
    background: white;
    border: none;
}

.banner .input-group {
    width: 50%;
    margin: 0 auto;
}

.banner input.form-control {
    opacity: 0.6;
}

.banner span.input-group-text {
    /* opacity: 0.5; */
    padding: 15px 20px 15px 22px;
    border: 0;
    border-radius: 0;
    background: #adaea4;
}

.banner input.form-control {
    font-weight: 400;
    font-family: 'Nexa', sans-serif;
    font-size: 20px;
    color: rgba(91, 91, 91, 1);
}

.banner button.btn.btn-primary {
    position: absolute;
    right: 30px;
    border: none;
    top: 14px;
    background: rgba(196, 0, 15, 1);
    border-radius: 5px !important;
    font-weight: 400;
    font-family: 'Nexa', sans-serif;
    font-size: 18px;
    padding: 10px 22px 10px 22px;
}

.banner .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0px;
    /* opacity: 0.5; */
}




.send-message {
    display: flex;
    justify-content: center;
}

.send-message button {
    border: 1px solid #d85862;
    width: 100%;
    color: #c4000f;
    font-size: 14px;
}

.send-message button i {
    /* color: #c4000f; */
}

.send-message button:hover {
    background: #c4000f;
    color: white;
    border: 1px solid white;
}

.search-trailer {
    padding: 100px;
}

.listing-trailer {
    height: 828px;
    overflow: auto;
}


.trailer-name {
    color: #4a2529;
    text-decoration: none;
}

.trailer-name:hover {
    color: #4a2529;
    text-decoration: none;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

a.author img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}



a.author {
    color: #4a2529;
    text-decoration: none;
}

.map-container {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.card-body.trailer-content {
    position: relative;
    top: -1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.trailer-card img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.specification {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.price span {
    padding: 15px 25px 15px 25px;
    background: whitesmoke;
    border-radius: 17px;
    white-space: nowrap;
}

.delivery-options {
    display: flex;
    justify-content: center;
    gap: 3rem;
}

.delivery-options span {
    padding: 12px 10px 14px;
    background: #f5f5f5;
    border-radius: 5px;
    cursor: pointer;
}

span.text-small {
    font-size: 15px;
}

.price {
    display: flex !important;
    justify-content: center !important;
    gap: 5px;
}

.profile-info {
    margin-top: 8rem;
}

.profile-banner {
    position: relative !important;
    top: 6rem;
}

.profile-info .col-md-12 nav a {
    text-decoration: none;
    color: black;
}


/* Trailer Detail */
.gallery img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.gallery .col {
    margin-bottom: 20px;
}

.Frame figure p.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    background: #0000009e;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-weight: bold;
}

.Frame figure {
    margin: 0;
}

.Frame figure {
    position: relative;
}

figure.main-image {
    width: 100%;
    height: 424px;
}

figure.main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Frame.child-frame figure {
    width: 100%;
    height: 206px;
}

.Frame.child-frame figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.profile-info .col-md-12 nav a {
    text-decoration: none;
    color: black;
}

section.trailer-detail-images {
    height: 405px;
}

.trailer-card-header {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.trailer-card-header h4 {
    margin: 0;
}

.trailer-card-header p {
    color: gray;
    margin-bottom: 0;
}

.specifications-table th,
.specifications-table td {
    padding: 8px;
}

.insurance-available {
    background-color: #c4000f;
    color: #ffffff;
    border-radius: 4px;
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

.trailer-id {
    background-color: #c4000f;
    color: #ffffff;
    border-radius: 30px;
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

.profile-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.trailer-detail {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.applyBtn {
    background: #c4000f !important;
    border: 1px solid #c4000f !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #c4000f !important;
    border-color: transparent;
    color: #fff;
}


span.active {
    background: #c4000f;
    color: white;
    font-weight: 600;
}

.book-now button,
.book-now a {
    border: 1px solid #c4000f;
    width: 100%;
    color: white;
    font-size: 14px;
    background: #c4000f;
}

.book-now button:hover,
.book-now a:hover {
    color: white;
}

/* End Trailer Detail */

.trailer-card figure {
    width: 100%;
    height: 220px;
}

.trailer-card figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




/* sec2  */



.sec2 h1 {
    font-weight: 600;
    font-size: 45px;
    color: rgba(226, 226, 226, 1);
    font-family: "Volkhov", serif;
    text-transform: capitalize;
}

.sec2 p {
    font-weight: 400;
    font-size: 16px;
    color: #DFDFDF;
    font-family: 'Nexa', sans-serif;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 25px;
}

section.sec2 {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 47px;
    padding-bottom: 20px;
    background-color: #002C54;
}

.sec2 a {
    background: rgba(196, 0, 15, 1);
    border-radius: 5px !important;
    font-weight: 700;
    font-family: 'Nexa', sans-serif;
    font-size: 18px;
    padding: 6px 22px 6px 22px;
    text-decoration: none;
    color: white;
}

img.sec2image {
    height: 430px;
    border-radius: 5px;
    width: 100%;
}

.secbox2 {
    padding-top: 20px;
    padding-left: 10px;
}


/* sec2  */



/* sec3  */

.sec3 h1 {
    font-weight: 600;
    font-size: 45px;
    color: rgba(0, 44, 84, 1);
    font-family: "Volkhov", serif;
    text-transform: capitalize;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

section.sec3 .heading1 {
    background: #002c54;
}

section.sec3 .heading1 h2 {
    font-weight: 600;
    font-size: 25px;
    color: rgb(255, 255, 255);
    font-family: "Volkhov", serif;
    text-transform: capitalize;
    text-align: center;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

section.sec3 .paragraph1 p {
    font-size: 16px;
    color: #5B5B5B;
    font-family: 'Nexa', sans-serif;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}

.sec3 .paragraph1 {
    background: rgba(245, 245, 245, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    padding-bottom: 20px;
}

section.sec3 .paragraph1 a {
    background: rgba(196, 0, 15, 1);
    border-radius: 5px !important;
    font-weight: 500;
    font-family: 'Nexa', sans-serif;
    font-size: 18px;
    padding: 6px 22px 6px 22px;
    text-decoration: none;
    color: white;
    margin: 0 auto;
}

section.sec3 {
    padding-bottom: 50px;
}

/* sec3  */



/* sec4  */


section.sec4 {
    background: rgba(196, 0, 15, 1);
    padding-top: 30px;
    padding-bottom: 25px;
}

.sec4 .box1 {
    text-align: center;
    color: white;
}

/* sec4  */


section.sec4 .box1 h1 {
    font-size: 35px;
    font-weight: 600;
    font-family: 'Nexa', sans-serif;
    margin: 0;
}

section.sec4 .box1 p {
    font-size: 22px;
    font-weight: 300;
    font-family: 'Nexa', sans-serif;
    margin: 0;
}




/* footer */

.footer h1 {
    font-weight: 600;
    font-size: 25px;
    color: #002C54;
    font-family: "Volkhov", serif;
    text-transform: capitalize;
    padding-bottom: 5px;
}

section.footer ul {
    padding: 0;
}

section.footer ul li {
    list-style: none;
    color: rgba(0, 44, 84, 1);
    font-weight: 400;
    font-size: 18px;
    padding-top: 5px;
}

section.footer ul li a {
    text-decoration: none;
    color: rgba(0, 44, 84, 1);
}

section.footer {
    padding-top: 50px;
    background: rgba(239, 239, 239, 1);
    padding-bottom: 20px;
}

.footerlogo {
    text-align: center;
    padding-top: 55px;
}


.footer input#email {
    width: 100%;
    border-radius: 10px;
    border: 0;
    font-size: 17px;
    font-weight: 400;
    font-family: 'proxima', sans-serif;
    color: rgba(35, 35, 35, 1);
    padding: 9px 0px 9px 15px;
}

.footer input#email::placeholder {
    color: rgba(35, 35, 35, 1);
    font-weight: 400;
    font-family: 'proxima', sans-serif;
}

.footer button.btn.btn-custom {
    padding: 12px 20px 12px 20px;
    font-weight: 600;
    font-size: 22px;
    background: rgba(196, 0, 15, 1);
    color: white;
    border-radius: 14px;
    margin-top: 26px;
}

.footer .input-group {
    padding-top: 7px;
}

.footer .box2 {
    margin-left: -15px;
}


/* secondfooter  */


section.secondfooter {
    background: rgba(239, 239, 239, 1);
    border-top: 2px solid #5B5B5B;
}

section.secondfooter h1 {
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    padding-top: 15px;
    padding-bottom: 8px;
}

img.paymenticon {
    padding-top: 50px;
    padding-bottom: 20px;
}

.socalicon a img {
    padding-right: 30px;
}

.socalicon {
    padding-top: 93px;
}

section.secondfooter a {
    color: #212529;
    text-decoration: none;
}




/* sec1  */


.card {
    border: 0;
}

section.sec1 {
    padding-bottom: 70px;
}

section.sec1 .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 14px;
    height: 14px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #D9D9D9;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 40px;
    border: 1px;
}

.carousel-indicators {
    bottom: -40px;
}

.carousel-indicators .active {
    background-color: #9A9A9A !important;
}

section.sec1 h1 {
    font-weight: 600;
    font-size: 45px;
    color: rgba(0, 44, 84, 1);
    font-family: "Volkhov", serif;
    text-transform: capitalize;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 40px;
}

a.productview {
    position: absolute;
    bottom: 152px;
    right: 15px;
    padding: 5px 30px 5px 30px;
    font-weight: 600;
    font-size: 18px;
    background: #E2E2E2;
    color: #002C54;
    border-radius: 5px;
    margin-top: 0px;
    text-decoration: none;
    TEXT-TRANSFORM: CAPITALIZE;
}

section.sec1 h5.card-title {
    font-weight: 600;
    font-size: 22px;
    color: #1E1E1E;
    font-family: "Volkhov", serif;
    text-transform: capitalize;
}

section.sec1 .card-body p {
    font-weight: 400;
    font-family: 'Nexa', sans-serif;
    font-size: 18px;
    color: rgba(91, 91, 91, 1);
    WIDTH: 81%;
}






/* sec5 */

/* .sec5{
    background-image: url(./Asset/background.png);
    background-position: center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}


.testimonialavatar {
    display: flex;
}
.sec5 h1 {
    font-weight: 600;
    font-size: 45px;
    color: rgb(255 255 255);
    font-family: "Volkhov", serif;
    text-transform: capitalize;

    padding-bottom: 90px;
    margin: 0;
}
.sec5 h2 {
    font-weight: 400;
    font-family: 'Nexa', sans-serif;
    font-size: 16px;
    color: white;
    text-align: center;
    text-transform: uppercase;
}
.sec5 p.testimonial {
    font-weight: 400;
    font-family: 'Nexa', sans-serif;
    font-size: 21px;
    color: white;
    padding-right: 40px;
}
.sec5 i.fa.fa-star {
    color: rgba(255, 240, 71, 1);
} */
/* .sec5 a.carousel-control-prev {
    display: none;
}
.sec5 a.carousel-control-next {
    display: none;
} */

/* .carousel-control-prev {
    left: -98px;
    list-style: none;
    text-decoration: none;
    font-size: 30px;
    top: 120px;
}
.sec5 a.carousel-control-next {
    right: -10px;
    list-style: none;
    text-decoration: none;
    font-size: 30px;
    top: 120px;
}
.star-rating {
    padding-top: 20px;
    padding-left: 10px;
    font-size: 18px;
}
img.qouteimage {
    width: 14%;
    height: 60px;
}
.boxtestimonial {
    display: flex;
    padding-bottom: 30px;
}
.sec5column1 {
    padding-left: 70px;
}
.sec5 .carousel {
    padding-top: 50px;
} */

/* sec5 */





/* sec6  */


.site-logo {
    width: 218.33px !important;
    margin-right: 50px;
}

.btn {
    border-radius: 5px;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 30px;
    cursor: pointer;
}

.btn-theme {
    background: var(--theme-color1);
    color: #212121;
}

.c-container {
    margin: auto;
    width: 93%;
    position: relative;
    z-index: 1;
}

.btn-outline-white {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    background-image: none;
    border-width: 2px;
    border-color: #fff;
    font-weight: 500;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.btn {
    border-radius: 5px;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 30px;
    cursor: pointer;
}

.btn-outline-white:hover {
    background-color: #fff;
    color: var(--text-dark);
}

/* common css up */

.testimonial p {
    font-size: 28px;
    letter-spacing: 0.02em;
    line-height: 35px;
}

/* .testimonial .name {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 35px;
    text-align: left;
}
.testimonial .designation {
    font-size: 14px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #fff;
    opacity: 0.65;
} */
.unt {
    margin-bottom: 20px;
    margin-top: 60px;
}

.hero-text {
    font-size: 30px;
    letter-spacing: 0.02em;
    color: #fff;
}

.gallery-thumbs {
    height: 100%;
}

.gallery-thumbs .swiper-wrapper {
    align-items: center;
}

/* .gallery-thumbs .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 250px !important;
    height: 330px;
    position: relative;
} */
.gallery-thumbs .swiper-slide img {
    filter: contrast(0.5) blur(1px);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.gallery-thumbs .swiper-slide-active img {
    filter: contrast(1) blur(0px) !important;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.flex-row .flex-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.gallery-thumbs .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.testimonial-section .quote {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 100px;
    padding-right: 100px;
}

.swiper-container.testimonial {
    height: 100vh;
}

.testimonial-section .user-saying {
    background: var(--theme-color2);
    width: 60%;
    color: #fff;
    height: 100%;
}

.testi-user-img {
    width: 40%;
}

.testimonial-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.testimonial-section .quote p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.8;
    font-style: italic;
    margin: 0;
}

/* .quote-icon {
   width: 38px;
   display: block;
   margin-bottom: 30px;
} */





.spacer {
    padding-top: 70px;
    padding-bottom: 0px;
}

.spacer .swiper-slide h2 {
    font-weight: 400;
    font-family: 'Nexa', sans-serif;
    font-size: 21px;
    color: white;
    text-align: center;
    padding-top: 10px;
}


.gallery-thumbs .swiper-slide img {
    filter: contrast(0.5) blur(1px);
    width: 89%;
    height: 38%;
    border-radius: 10px;
    object-fit: cover;
}

.gallery-thumbs .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 130px !important;
    height: 330px;
    position: relative;
    text-align: center;
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    background: white;
}

.starinlinet {
    display: inline-flex;

}

.quote-icon {
    width: 38px;
    display: block;
    margin-bottom: 20px;
    padding-top: 15px;
}

.star-rating {
    padding-top: 20px;
    padding-left: 15px;
    font-size: 18px;
    color: yellow;
}

.spacer h1 {
    font-weight: 600;
    font-size: 45px;
    color: rgb(255 255 255);
    font-family: "Volkhov", serif;
    text-transform: capitalize;
    padding-bottom: 0px;
    margin: 0;
}

.testimonial-section .quote p {
    margin: 0;
    font-weight: 400;
    font-family: 'Nexa', sans-serif;
    font-size: 20px;
    color: white;
    line-height: 30px;
    padding-right: 35px;
}

.testi-user-img .swiper-container.gallery-thumbs.swiper-container-coverflow.swiper-container-3d.swiper-container-initialized.swiper-container-horizontal.swiper-container-thumbs {
    height: 500px;
}

.testi-user-img {
    width: 41%;
    padding-top: 101px;
}

.testimonial-section .quote {
    padding-right: 0px;
}

/* .swiper-pagination.swiper-pagination-white.swiper-pagination-clickable.swiper-pagination-bullets{
    display: none;
} */
/* sec6  */