/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300..700&display=swap');

body {
    font-family: "Open Sans", sans-serif;
    color: #000;
    overflow-x: hidden;
    background-color: #fff;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Signika Negative", sans-serif;
    font-weight: 500;
}

span {
    font-family: "Open Sans", sans-serif;
}

a {
    text-decoration: none;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

p {
    line-height: 1.7;
    font-weight: 400;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    border-radius: 0;
    font-size: 0;
    border: 0;
    background-color: #ffa500;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9;
}

.slick-arrow.slick-prev {
    left: 0;
}

.slick-arrow.slick-prev:before {
    content: "\f104";
    font-size: 20px;
    color: #002c6a;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.slick-arrow.slick-next {
    right: 0;
}

.slick-arrow.slick-next:before {
    content: "\f105";
    font-size: 20px;
    color: #101010;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.slick-arrow.slick-disabled {
    opacity: 0.2;
}

.slick-slide {
    padding: 0 15px;
}

.slick-dots button {
    font-size: 0;
    padding: 0;
    background-color: transparent;
    width: 10px;
    height: 10px;
    line-height: 0;
    border: none;
    background-color: #fff;
    transition: all ease 0.4s;
    position: relative;
}

.slick-dots button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 2px solid #ffffff;
    transition: all ease 0.4s;
    opacity: 0;
    visibility: hidden;
}

ul.slick-dots li {
    display: block;
    margin: 0 13px;
}

.slick-dots .slick-active button::before {
    opacity: 1;
    visibility: visible;
}

/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section {
    padding: 80px 0;
    overflow: hidden;
    position: relative;
}

.section-title {
    margin-bottom: 50px;
}

.section-title h2 {
    color: #ffffff;
    position: relative;
    font-size: 40px;
    background: none;
    text-transform: uppercase;
}

.section-title h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}


.section-title.text-black .pattern-image img {
    max-width: 215px;
    filter: brightness(0);
}

.section-title.text-black h2 {
    color: #2c378f;
    font-size: 30px;
}

.center_bx h2 {
    text-align: left;

}

.about-us-section .right-text h2 {
    text-align: center;
}

.section-title p {
    margin: 0 auto 0 auto;
}

.subtitle {
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.4em;
    margin-bottom: 10px;
    background: #2579eb;
    display: inline-block;
    padding: 3px 15px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
    z-index: 997;
    position: absolute;
    /* padding: 15px 0; */
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.6s;
}

.header.fixed {
    position: fixed;
    top: 0;
    background: #2c378f;
    border-bottom: 3px solid #2579eb;
}

a.side_bar_btn {
    text-align: center;
    display: flex;
    align-items: center;
    background: transparent;
    justify-content: center;
    transition: all 0.5s;
}

a.side_bar_btn:hover img {
    filter: invert(1);
}

.side_bar_btn img {
    max-width: 25px;
    filter: invert(97%) sepia(18%) saturate(3131%) hue-rotate(304deg) brightness(120%) contrast(81%);
}

.logo {
    height: auto;
    display: inline-block;
    max-width: 350px;
    transition: all 0.6s;
    padding: 15px 0px 15px 15px;

}

.header.fixed .logo {
    max-width: 300px;
    transition: all 0.6s;
}

.header .logo img {
    margin-right: 0;
    width: 100%;
}

.right_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 40px;
    margin-right: 15px;
}

.right_btn a.our-btn-white {
    background: #ffa500;
    border-color: #ffa500;
}

.icon-phone-call {
    position: relative;
    display: block;
    color: #D7B65D;
    font-size: 20px;
}
.icon-phone-call:hover span{
    color: #ffa500;
} 

.icon-phone-call:before {
    content: '';
    position: absolute;
    font-size: 40px;
    left: 0;
    top: 6px;
    background-image: url(https://www.riversideplus.com/wp-content/uploads/2024/10/communication-1.png);
    background-size: contain;
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(75%) sepia(47%) saturate(5909%) hue-rotate(3deg) brightness(110%) contrast(102%);
}

.icon-phone-call .lte-header {
    padding-left: 50px;
    margin: 0;
    display: block;
}

.icon-phone-call span {
    display: block;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
}

/*--------------------------------------------------------------
 # Fixed menu
--------------------------------------------------------------*/
.overlay {
    display: none;
    background: #ffffff;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    cursor: pointer;
}

.sidebar {
    width: 285px;
    background: #0e0d0c;
    border-right: 1px solid #ccc;
    position: fixed;
    left: -300px;
    height: 100%;
    transition: 0.3s;
    z-index: 4;
}

.sidebar h2 {
    margin: 0px;
    padding: 16px 0px;
    position: relative;
    background: #0e0d0c;
    color: #ddd;
}

.sidebar h2 .hideSidebar {
    position: absolute;
    right: 4px;
    top: 14px;
    font-size: 18px;
}

.sidebar .content {
    min-height: 1000px;
    position: relative;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #ffa500;
}

/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 1280px) {
    .navbar {
        padding-left: 15px !important;
        margin-left: 0;
        position: static;
        flex: 0 0 26%;
        padding: 0;
    }

    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        gap: 35px;
    }

    .navbar ul li.dropdown {
        position: static !important;
    }

    .navbar a:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        display: block;
        height: 5px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .navbar a:focus:before {
        bottom: 4px !important;
    }

    .navbar li.active>a:before,
    .navbar li.active>a:hover:before,
    .navbar li:hover>a:before {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }

    .navbar a,
    .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0;
        white-space: nowrap;
        font-family: "Open Sans", sans-serif;
        /* font-size: 14px; */
        line-height: 23px;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        transition: 0.3s;
        color: #fff;
        position: relative;
        font-weight: 400;
        text-transform: uppercase;
        margin-right: 0;
    }

    .navbar a i,
    .navbar a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }

    .navbar a:hover:before,
    .navbar li:hover>a:before,
    .navbar .active:before {
        visibility: visible;
        width: 100%;
    }

    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {
        color: #ffffff;
    }

    .navbar .dropdown ul {
        padding-top: 55px;
        padding-inline: 30px;
        padding-bottom: 30px;
        transform: translate(0, 0);
        height: auto;
        position: absolute;
        top: 90%;
        left: 0;
        z-index: 90;
        opacity: 0;
        visibility: hidden;
        text-align: left;
        transition: all 0.3s;
        background-color: #0e0d0c;
        border-top: 3px solid #0e0d0c;
        box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08);
        display: flex;
        max-width: 100%;
        justify-content: flex-start;
        margin-left: 0;
        align-items: flex-start;
        margin-top: 0;
        border-radius: 0;
        gap: 15px;
    }

    /* .navbar .dropdown ul.dropdown-menu:after {
		content: "";
		display: block;
		width: 28px;
		height: 28px;
		transform: rotate(45deg);
		position: absolute;
		z-index: -90;
		top: -15px;
		right: auto;
		background: rgb(14 13 12);
		border-bottom: none;
		border-right: none;
		left: 5px;
		border: 1px solid #ffa500;
	} */

    .navbar .dropdown ul li {
        width: 100%;
        flex: 1;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .menu-image-title-after.menu-image-title {
        padding-left: 0 !important;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        letter-spacing: 3px;
        font-size: 16px;
        font-weight: 400;
    }

    .navbar .dropdown ul li:last-child {
        border: none;
    }

    .navbar .dropdown ul a {
        all: unset;
        display: block;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        padding: 0;
        transition: 0.3s;
        border-bottom-color: #0000004d;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #ffffff;
        background: transparent;
    }

    .navbar .dropdown ul li a img {
        display: block;
        transition: all 300ms ease;
        max-width: 100% !important;
        aspect-ratio: 1;
        height: auto !important;
        width: auto !important;
    }

    .navbar .dropdown ul li a:hover {
        color: #ffa500;
    }

    .navbar .dropdown ul li a:hover img {
        transform: scale(0.98);
    }

    .navbar .dropdown ul a i {
        font-size: 12px;
    }

    .navbar .dropdown ul a:hover,
    .navbar .dropdown ul .active:hover,
    .navbar .dropdown ul li:hover>a {
        color: #fff;
        background: transparent;
    }

    .navbar .dropdown:hover>ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

    .navbar .dropdown .dropdown:hover>ul {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
    .navbar {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        max-width: 400px;
        bottom: 0;
        transition: 0.3s;
        z-index: 9997;
    }

    .navbar ul {
        position: absolute;
        inset: 0;
        padding: 50px 0 10px 0;
        margin: 0;
        background: rgba(0, 0, 0, 0.8);
        overflow-y: auto;
        transition: 0.3s;
        z-index: 9;
    }

    .navbar a,
    .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px 20px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        white-space: nowrap;
        text-transform: uppercase;
        transition: 0.3s;
    }

    .navbar a i,
    .navbar a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }

    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {
        color: #fff;
    }

    .navbar .dropdown ul,
    .navbar .dropdown .dropdown ul {
        position: static;
        display: none;
        padding: 10px 0;
        margin: 10px 20px;
        transition: all 0.5s ease-in-out;
        border: 1px solid #222428;
    }

    .navbar .dropdown>.dropdown-active,
    .navbar .dropdown .dropdown>.dropdown-active {
        display: block;
    }

}

/*--------------------------------------------------------------
 # Video Banner css
--------------------------------------------------------------*/
.video-ban {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.video-ban video {
    width: 100%;
    height: 100%;
}

.video-ban .container {
    position: relative;
    z-index: 2;
}

.video-ban .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 30%;
    width: 100%;
    z-index: 1;
    display: block;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
}

/*--------------------------------------------------------------
	Service new
--------------------------------------------------------------*/
.services_sec {
    background: #f1f3f4;
    position: relative;
    padding: 0;
}

.services-tab {
    position: absolute;
    padding: 30px 30px;
    bottom: 0;
    z-index: 1;
    height: auto !important;
    width: 100%;
    left: 0;
}

ul.tab-links li:last-child .item_card {
    margin: 0;
}

.services_sec .tab-links .slick-slide.slick-current .item_card {
    background: #2579eb;
}

.services_sec .tab-links .slick-slide.slick-current .item_card h2 {
    color: #fff;
}

/* .service-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 52%;
    top: 0;
    background: rgb(0 0 0);
    background: linear-gradient(180deg, rgb(0 0 0) 0%, rgba(21, 28, 83, 0) 100%);
} */
.sevices-head {
    padding-right: 0;
    height: auto !important;
}

.sevices-cn p {
    color: #fff;
    height: auto;
}

.sevices-head h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 30px;
    height: auto;
    margin-bottom: 0;
}

.sevices-head p {
    color: #fff;
    height: auto;
}

.sevices-cn {
    flex: 0 0 60%;
    height: auto !important;
}

.service-img {
    width: 100%;
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    display: flex;
    object-fit: cover;
}

.service-img img {
    width: 100%;
    object-fit: contain;
}

.slider-main-bx {
    position: relative;
}

.services_sec .tab-links {
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 99;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 180px;
}

.services_sec .tab-links li {
    width: calc(33.3333% - 50px);
    position: relative;
}





.bg-banner-slider * {
    height: 100%;
}

.tab-slider {
    height: 100%;
    position: absolute;
    width: 40%;
    top: auto;
    left: 0;
    margin: 0 auto;
    bottom: -42%;
    right: 0;
}

.tab-slider * {
    height: 100%;
}

.services_sec .tab-links .slick-slide.slick-current button {
    border-bottom: 1px solid #ffa500;
    color: #ffa500;
}

.services_sec .tab-links .item_card {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 20px;
    flex-direction: column;
    gap: 15px;
    border: 1px solid #ffffff5e;
    background: #0000004a;
}

li.nav-item.active .item_card {
    border: 1px solid #ffa500;
    background: #ffa500fc;
}

.services_sec .tab-links {
    background: #2c378f00;
    height: 100%;
    padding: 0px 15px;
}

.services_sec .tab-links .slick-slide {
    padding: 0;
}

.services_sec .tab-links .item_card img {
    object-fit: cover;
    margin-right: 15px;
    width: 65px;
    display: none;
}

.item_cn p {
    margin: 0;
    white-space: normal;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item_cn a {
    color: #fca300;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}

li.nav-item.active .item_cn a {
    color: #000000;
}

.services_sec .tab-links .item_card h2 {
    color: #ffffff;
    font-size: 22px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    text-transform: capitalize;
}

.bg-banner-slider img {
    width: 100%;
    max-height: 980px;
    min-height: 900px;
}

.services-slider-top {
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
}

.bg-banner:before {
    content: '';
    background: rgb(0 0 0);
    background: linear-gradient(90deg, rgb(0 0 0 / 66%) 0%, rgba(44, 55, 143, 0) 100%);
    height: 100%;
    width: 80%;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    left: 0;
    z-index: 1;
}

.bg-banner:after {
    content: '';
    height: 100%;
    width: 80%;
    top: 0;
    bottom: 0;
    position: absolute;
    background: rgb(0 0 0);
    background: linear-gradient(276deg, rgb(0 0 0 / 66%) 0%, rgba(44, 55, 143, 0) 100%);
    z-index: 0;
    right: 0;
}

.bg-banner-slider .bg-banner img {
    width: 100%;
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    transform: scale(1.2);
}

.bg-banner-slider .slick-active .bg-banner img {
    transform: scale(1);
}

.bg-banner-slider .slick-slide {
    padding: 0;
}

.bg-banner {
    overflow: hidden;
    display: block !important;
}

.arrow1 {
    animation: slide1 1s ease-in-out infinite;
    margin-left: 9px;
}

@keyframes slide1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, 0);
    }
}


.heading-divider {
    display: inline-block;
    position: relative;
    border-bottom: 4px solid #ffa500;
    width: 90px;
    height: 4px;
}

.heading-divider:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 15px;
    border-radius: 0;
    background-color: #2c378f;
    -webkit-animation: heading-move 5s infinite linear;
    animation: heading-move 5s infinite linear;
}

@keyframes heading-move {
    0% {
        transform: translateX(-1px)
    }

    50% {
        transform: translateX(75px)
    }

    100% {
        transform: translateX(-1px)
    }
}

.services-head h3 {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
    background: #000;
    text-align: left;
    padding: 15px;
    color: #fff;
}

.services-head p {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 2;
    text-align: left;
}

.services-card {
    background: #fff;
    box-shadow: 2px 0 15px #ccc;
    padding: 15px;
    margin-block: 15px;
}


ul.tab-link .slick-track {
    transform: none !important;
}

/*================================================
Portfolio box
================================================*/
.pt-portfoliobox-1 {
    background: #fff;
    overflow: hidden;
    position: relative;
}

.pt-portfoliobox-1 .pt-portfolio-img {
    position: relative;
    overflow: hidden;
}

.pt-portfoliobox-1 .pt-portfolio-img img {
    width: 100%;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    height: 500px;
    object-fit: cover;
}

.pt-portfoliobox-1:hover .pt-portfolio-img img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.pt-portfoliobox-1 .pt-portfolio-img span.pt-portfolio-tag {
    display: none;
}

.pt-portfoliobox-1 .pt-portfolio-info .pt-portfolio-style-1-tag {
    line-height: 1;
    margin-bottom: 5px;
}

.pt-portfoliobox-1 .pt-portfolio-info .pt-portfolio-style-1-tag a {
    text-transform: uppercase;
    font-weight: 700;
    color: #ffa500;
    font-size: 14px;
    letter-spacing: 0.4em;
}

/*===== Portfoliobox Hover Slide  =====*/

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info {
    background: #0f163b;
    padding: 30px;
    position: absolute;
    bottom: 45px;
    left: 0;
    z-index: 1;
    -moz-transform: translate(-100%, 0px);
    -webkit-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
    -webkit-transition: transform 0.4s 0s ease-in-out;
    -moz-transition: transform 0.4s 0s ease-in-out;
    -o-transition: transform 0.4s 0s ease-in-out;
    transition: transform 0.4s 0s ease-in-out;
}

.pt-portfoliobox-1.pt-hover-slide:hover .pt-portfolio-info {
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    left: 0;
}

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info .pt-portfolio-style-1-title a {
    color: #fff;
    font-size: 20px;
}

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info h5 a:hover,
.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-info .pt-portfolio-style-1-title a:hover {
    color: var(--primary-color);
}

.pt-portfoliobox-1.pt-hover-slide .pt-portfolio-img span.pt-portfolio-tag {
    position: absolute;
    display: block;
    top: 20px;
    right: 0;
    rotate: 270deg;
    padding: 5px 10px;
    background-color: #ffa500;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transform-origin: bottom right;
    transition: all 0.5s ease-in-out;
}

.pt-portfoliobox-1.pt-hover-slide:hover .pt-portfolio-img span.pt-portfolio-tag {
    transform: translateY(100%);
}

.fleet-sec .container-fluid .fleet-bx {
    padding: 0 80px;
}

/*===== Portfoliobox Hover below  =====*/

.pt-portfoliobox-1.pt-hover-bellow .pt-portfolio-info {
    margin-top: 15px;
}

.fleet-sec {
    background: #ffffff;
    z-index: 2;
}

/*--------------------------------------------------------------
 # affiliates css
--------------------------------------------------------------*/
.affiliates-sec {
    background-image: url(https://www.riversideplus.com/wp-content/uploads/2024/10/876-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.affiliates-sec:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /*background: rgb(44 55 143 / 85%);*/
	    background: rgb(0 0 0 / 65%);
    left: 0;
}


.affiliates-sec .container {
    z-index: 2;
    position: relative;
}

.affiliates-bx {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.affiliates-bx-inner img {
    width: 100%;
}

.affiliates-bx {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    margin-inline: auto;
    max-width: 900px;
}

.affiliates-bx-inner {
    background: #fff;
    display: flex;
    align-items: center;
    border: 10px solid #d3d4df;
}

/*--------------------------------------------------------------
 # Banner css
--------------------------------------------------------------*/

.banner-main {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.banner-main .slick-dots li {
    padding: 6px;
    opacity: 0.5;
}

.banner-main .slick-dots li button {
    background: url('');
    background-position: center !important;
    background-size: cover !important;
    text-indent: -9999px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 4px solid #002c6a;
}

.banner-main .slick-dots li.slick-active button {
    border: 4px solid #ffa500;
}

.banner-main .slick-dots .slick-active {
    opacity: 1;
}

.banner-main .slick-dots button:before {
    display: none;
}

.banner-main .slick-dots {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: auto;
    flex-direction: column;
    top: 50%;
    transform: translate(-0%, -50%);
}

/*
  .banner-main .slick-dots button{
	height: 10px;
	width: 10px;
	background: #fff;
	font-size: 0;
	margin: 0 2px;
	border: 0;
  }
  .banner-main .slick-dots .slick-active button{
	background: #ffffff;
	height: 10px;
	width: 10px;
  } */
.banner-slide {
    display: block !important;
    position: relative;
}

.banner-main .slider-track {
    -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.banner-main .banner-image {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.banner-main .banner-image img {
    width: 100%;
}

.banner-slider .slick-slide {
    padding: 0;
}

.banner-text.b_top_left {
    position: absolute;
    top: 90%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
    transform: translate(-0%, -90%);
    max-width: 100%;
}

.banner-text.b_bottom_right {
    position: absolute;
    top: 60%;
    left: 48%;
    width: 675px;
    text-align: center;
    z-index: 99;
    transform: translate(-48%, -60%);
}

/* .banner-main .banner-image::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: "";
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
} */

/* .banner-main .banner-image:before {
    position: absolute;
    content: "";
    top: 0;
    height: 26%;
    width: 100%;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgb(0 0 0 / 73%) 35%, rgba(0, 0, 0, 0) 100%);
} */
.banner-main .banner-image img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cssAnimation 8s 1 ease-in-out forwards;
    animation: cssAnimation 8s 1 ease-in-out forwards;
}

.banner-main .slick-active img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cssAnimation 8s 1 ease-in-out forwards;
    animation: cssAnimation 8s 1 ease-in-out forwards;
}

@keyframes cssAnimation {
    from {
        -webkit-transform: scale(1.2) translate(0px);
    }

    to {
        -webkit-transform: scale(1) translate(0px);
    }
}

@-webkit-keyframes cssAnimation {
    from {
        -webkit-transform: scale(1.2) translate(0px);
    }

    to {
        -webkit-transform: scale(1) translate(0px);
    }
}

.banner-image-inner img {
    transform: inherit !important;
}

.banner-image-inner img {
    max-height: 650px;
    margin: 0 auto;
}

.banner-main .slick-slide {
    display: block !important;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
    transform: translate(0%, -50%);
}

.banner-main .slick-active .banner-text {
    animation: text-move 1s ease-in-out forwards;
}

@keyframes text-move {
    0% {
        transform: scale(1) translateY(110%);
    }

    100% {
        transform: scale(1) translateY(-50%);
    }
}

.banner-text-inner {
    text-align: left;
}

.banner-text-inner span {
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #0e0d0c;
    text-transform: uppercase;
    transition-delay: 0.5s;
    display: inline-block;
    animation: none;
    background: #ffa500;
    padding: 5px 10px;
    font-family: "Courgette", cursive;
}

.banner-text-inner .title-banner {
    margin-top: 20px;
    font-weight: 600;
    margin-left: 0;
    margin-right: 0;
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 25px;
    color: #0e0d0c;
    transition: all 0.5s;
    display: none;
}

.banner-text-inner a {
    display: inline-block;
    background: #00000045;
}

.banner-text-inner h2 {
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 25px;
    font-size: 72px;
    font-weight: 700;
    margin-bottom: 16px;
}

.banner-text-inner h2 span {
    color: #ffffff;
}

.banner-text-inner p {
    max-width: 700px;
    margin-left: 0;
    color: #fff;
    margin-bottom: 30px;
}

.banner-img-inner img {
    max-height: 450px;
    margin-inline: auto;
}

.button-area-banner {
    display: flex;
    gap: 25px;
}

/*--------------------------------------------------------------
 CTA Section
--------------------------------------------------------------*/
.cta-section .mid-text,
.cta-section-s2 .mid-text {
    color: #fff;
    display: inline-block;
    margin: 0 25px;
}

.cta-section::before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #0e0d0c;
    top: 0;
    bottom: 0;
    opacity: 0.8;
    display: inline-block;
}

.cta-section {
    background-color: #221f1f;
    position: relative;
    text-align: center;
    background-image: url(../../assets/images/banner_2.jpg);
    background-position: center center;
    background-size: cover;
}

.cta-section .container {
    position: relative;
    z-index: 1;
}

.cta-section .theme-btn::after {
    background: #182333;
}

.cta-section .theme-btn:hover::after {
    border: 1px solid #182333;
}

.cta-section .theme-btn:hover {
    border: 1px solid #182333;
}

.cta-section .section-title {
    margin: 0;
}

.cta-section h2 {
    color: #fff;
    margin: 0;
}

.phone-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {

    .cta-section h2,
    .cta-section-s2 h2 {
        font-size: 30px;
        font-size: 1.875rem;
    }
}

.cta-section p {
    font-size: 26px;
    color: #f3efef;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
#	testimonials Section
--------------------------------------------------------------*/
.testimonials .section-title {
    margin-bottom: 50px;
}

section.test-inner.text_p_sec .test-box p {
    display: block;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #0e0d0c;
}

.rating-star li {
    margin-right: 4px;
    color: gold;
}

.test-box-white {
    padding: 20px;
    border: 1px solid #ededed !important;
    background-color: #fafafa !important;
    position: relative;
    margin-bottom: 20px;
}

.test-box-inner h5 {
    font-weight: 500;
    font-size: 18px;
    color: #0e0d0c;
}

.g-logo {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
}

.g-logo img {
    width: 100%;
}

.test-box-inner {
    position: relative;
}

.test-box-inner::before {
    content: "";
    height: 90px;
    left: 10px;
    top: 24px;
    width: 24px;
    background: url(../../assets/images/quotes-img.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 99;
}

.test-box-white:after,
.test-box-white:before {
    top: 100%;
    left: 30px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.test-box-white:after {
    border-color: rgba(250, 250, 250, 0);
    border-top-color: #000000;
    border-width: 10px;
    margin-left: -10px;
}

.test-box-white {
    padding-left: 45px;
}

.test-box-white:before {
    border-color: rgba(237, 237, 237, 0);
    border-top-color: #ededed;
    border-width: 12px;
    margin-left: -12px;
}

.test-box p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #0e0d0c;
}

.test-box {
    padding: 0;
}

.rating-star {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    list-style: none;
    padding: 0;
}

.testimonials-sec {
    padding: 90px 0;
}

/*--------------------------------------------------------------
 fleet new Section New
--------------------------------------------------------------*/

.car-box {
    text-align: center;
    position: relative;
    padding: 0 15px;
}

.car-box .car-bg img {
    width: 100%;
}

.car-box .car-img {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding-bottom: 20px;
}

.car-box .car-img img {
    max-width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.car-box .car-name {
    margin: 0;
    position: relative;
    text-align: center;
    font-size: 22px;
    color: #000000;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 1;
    padding: 15px;
}

.car-box .car-name::before {
    content: "";
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #ffa500;
    width: 55px;

}

/* h6.car-name:after {
    z-index: -1;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 12px solid transparent;
    border-left: 11px solid transparent;
    border-top: 13px solid #2579eb;
    border-bottom: 0;
    content: '';
    position: absolute;
    bottom: -13px;
    right: 0;
    left: 0;
    margin: 0 auto;
} */
.car-box:hover .car-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.car-box:hover .car-name {
    color: #2c378f;
}

.car-bg {
    display: none;
}



/*--------------------------------------------------------------
 Gallery Section New
--------------------------------------------------------------*/
.gallery-section {
    /* background-image: url(../../assets/images/4757.jpg); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-position: center; */
    position: relative;
    background-attachment: fixed;
    background: #f3e4c5;
}

/* .gallery-section::before { */
/* position: absolute; */
/* left: 0; */
/* right: 0; */
/* width: 100%; */
/* height: 100%; */
/* content: ""; */
/* background: rgb(0 0 0 / 80%); */
/* top: 0; */
/* bottom: 0; */
/* display: inline-block; */
/* z-index: 0; */
/* opacity: 1; */
/* } */
.gal_p_slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.gal_p_slider .gl_bx {
    flex: 0 0 calc(100% / 3 - 10px);
    margin: 0;
}

.gl_bx img,
.gl_bx_2 img {
    height: 300px;
    object-fit: cover;
    width: 100% !important;
}

.gallery-section .section-title {
    margin-bottom: 50px;
}

.gallery-section .container-fluid {
    position: relative;
    z-index: 2;
}

.gl_bx {
    flex: 0 0 calc(20% - 15px);
    margin-bottom: 15px;
}

.gal_slider {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    animation: scrolling 30s linear infinite;
    gap: 15px;
}

.gl_bx {
    flex: 0 0 calc(20% - 15px);
}

@keyframes scrolling {
    0% {
        transform: translate3d(0%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.gal_slider:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.gal_slider_2 {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    animation: scrolling2 30s linear infinite;
    gap: 15px;
}

.gal_slider_2:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes scrolling2 {
    0% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.body_lines {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;
}

.body_lines {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 60%;
    margin-inline: auto;
    background: transparent;
    z-index: 1;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.body_lines span {
    height: 100%;
    width: 1px;
    background: rgb(119 120 126 / 23%);
    display: inline-block;
}

/*====================
29. Testimonial css 
======================*/

.testimonial-area {
    position: relative;
}

.testimonial-single {
    margin-bottom: 20px;
    background: #f9f9f9;
    border-radius: 15px;
    padding: 40px 30px 40px 30px;
    position: relative;
    margin-top: 50px;
}

.testimonial-quote p {
    color: #949494;
}

.testimonial-author-info {
    margin: 15px 0 10px 0;
}

.testimonial-author-img {
    position: absolute;
    top: -45px;
    left: 25px;
    margin-right: 20px;
    width: 90px;
    padding: 5px;
    border-radius: 69%;
    border: 5px solid #ffa500;
    border-right-color: transparent;
    height: 90px;
}

.testimonial-author-img img {
    border-radius: 50%;
    width: 100%;
    max-width: 80px;
    padding: 12px;
}

.testimonial-author-info h4 {
    font-size: 18px;
    color: #000;
    margin: 0;
}

.testimonial-author-info p {
    color: #ffa500;
    font-weight: 600;
}

.testimonial-quote-icon {
    position: absolute;
    right: 40px;
    top: 40px;
    opacity: .2;
}

.testimonial-quote-icon img {
    max-height: 80px;
    filter: brightness(0) saturate(100%) invert(17%) sepia(71%) saturate(2229%) hue-rotate(224deg) brightness(92%) contrast(93%);
}

.testimonial-rate {
    color: #ffa500;
    margin-top: 15px;
}

/*--------------------------------------------------------------
 # Footer
--------------------------------------------------------------*/
.lines {
    position: absolute;
    inset: 0;
    max-width: 1520px;
    margin-inline: auto;
    z-index: -1;
}

.lines .line:nth-child(1) {
    margin-left: -22%;
}

.lines .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgb(255 255 255 / 32%);
    overflow: hidden;
}

.lines .line:nth-child(1)::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255 165 0) 100%);
    -webkit-animation: run 7s 0s infinite;
    animation: run 7s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

.lines .line:nth-child(3)::after {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

section#footertop {
    position: relative;
}

.lines .line:nth-child(1) {
    margin-left: -24%;
}

.lines .line:nth-child(2) {
    left: 74%;
}

@keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

.footer-section {
    background-image: url(https://www.riversideplus.com/wp-content/uploads/2024/10/2149184281-1.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    padding-top: 80px;
    z-index: 2;
}

.footer-section::before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #0e143c;
    top: 0;
    margin: auto;
    opacity: 0.85;
}

.footer-cta {
    border-bottom: 1px solid #373636;
}

.get-touch ul li {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ffffff;
    margin-bottom: 15px;
}

.get-touch ul li {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ffa500;
    margin-bottom: 15px !important;
}

.get-touch ul li span {
    color: #ffffff;
    font-weight: 500;
}

.single-cta i {
    color: #000000;
    font-size: 30px;
    margin-bottom: 15px;
    background: #ffa500;
    padding: 35px;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}

.cta-text {
    padding-left: 15px;
}

.cta-text h4 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 2px;
}

.cta-text span {
    color: #ffffff;
    font-size: 16px;
}

.footer-content {
    position: relative;
    z-index: 2;
    padding-bottom: 80px;
}

.center_footer {
    padding: 0;
    text-align: center;
    position: relative;
}

/* .center_footer::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 100%;
    background: url(../../assets/images/footer_border.png) center repeat;
	filter: brightness(0) saturate(100%) invert(72%) sepia(24%) saturate(5335%) hue-rotate(358deg) brightness(100%) contrast(106%);
}
.center_footer::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 100%;
    background: url(../../assets/images/footer_border.png) center repeat;
	filter: brightness(0) saturate(100%) invert(72%) sepia(24%) saturate(5335%) hue-rotate(358deg) brightness(100%) contrast(106%);
} */
.center_footer_info .info li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
}

.footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%;
}

.footer-logo {
    margin-bottom: 30px;
}

.footer-logo img {
    max-width: 300px;
}

.footer-text p {
    margin-bottom: 25px;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
}

.footer-social-icon span {
    color: #ffffff;
    display: block;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-family: "Signika Negative", sans-serif;
}

.footer-social-icon a {
    color: #ffa500;
    font-size: 16px;
    margin: 0 5px;
    border: 1px solid #ffa500;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
}

.footer-social-icon i {
    height: 50px;
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-widget-heading h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
    padding-bottom: 25px;
    text-transform: capitalize;
}

.footer-widget-heading h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #ffa500;
    right: 0;
    margin: 0 auto;
}

.footer-widget ul li {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    text-align: center;
}

.footer-widget ul li:last-child {
    margin-bottom: 15px;
}

.footer-widget ul li a:hover {
    color: #ffa500;
}

.footer-widget ul li a {
    color: #ffffff;
    text-transform: capitalize;
}

.footer-widget ul li i {
    margin-right: 15px;
}

.footer-section .container {
    position: relative;
    z-index: 1;
}

.copyright-area {
    padding: 25px 0;
    border-top: 1px solid rgb(255 255 255 / 30%);
    position: relative;
}

.copyright-text p {
    margin: 0;
    font-size: 16px;
    color: #ffffff;
}

.copyright-text p a {
    color: #ffffff;
}

.footer-menu li {
    display: inline-block;
    margin-left: 20px;
}

.footer-menu li:hover a {
    color: #ffffff;
}

.footer-menu li a {
    font-size: 14px;
    color: #878787;
}

/*--------------------------------------------------------------
 # Sidebar Css
--------------------------------------------------------------*/

.side-bar {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 450px;
    padding: 46px 30px 50px 30px;
    height: 100%;
    display: block;
    background-color: white;
    backdrop-filter: blur(7px);
    z-index: 1900;
    transition: all 600ms ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow: visible;
}

.side-bar .inner {
    padding: 40px 20px 0 0;
}

@media (max-width: 991px) {
    .side-bar .inner {
        padding: 40px 0 0 0;
    }
}

.side-bar .inner-main-wrapper-desk {
    padding-top: 40px;
}

.side-bar .inner-main-wrapper-desk .thumbnail {
    display: flex;
    justify-content: center;
}

.side-bar .inner-main-wrapper-desk .thumbnail img {
    width: 85%;
    margin: auto;
}

.side-bar .inner-main-wrapper-desk .inner-content {
    text-align: center;
    margin-top: 30px;
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list {
    padding: 0;
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list .query-list {
    list-style: none;
    margin-bottom: 30px;
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list .query-list .sub-text {
    color: #0e0d0c;
    font-size: 18px;
    line-height: 32px;
    display: block;
    font-weight: 500;
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list .query-list a {
    color: #0e0d0c;
    font-size: 18px;
    line-height: 32px;
    display: block;
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list .query-list.two p {
    color: #0e0d0c;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 5px;
    font-weight: 500;
}

.side-bar .inner-main-wrapper-desk .inner-content .footer .social-area {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-bar .inner-main-wrapper-desk .inner-content .footer .social-area li {
    list-style: none;
    margin: 0 10px;
    color: #fff;
}

.side-bar .inner-main-wrapper-desk .inner-content .footer .social-area li a {
    width: 50px;
    height: 50px;
    border: 1px solid #0e0d0c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0e0d0c;
}

.side-bar .inner-main-wrapper-desk .inner-content .footer .social-area li a:hover {
    background-color: #ffa500;
    color: #0e0d0c;
    border: 1px solid #ffa500;
}

.side-bar.show {
    right: 0;
    overflow-y: auto;
}

.side-bar button {
    max-width: 100%;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffa500;
    padding: 6px;
    border: 1px solid #ffa500;
}

.side-bar button i {
    color: #002c6a;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

#side_bar_overlay.bgshow {
    background: #0e1013;
    opacity: 70%;
    visibility: visible;
    pointer-events: visible;
    z-index: 999;
    top: 0;
}

#side_bar_overlay {
    cursor: "";
    background: #0e1013;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease-in-out;
    pointer-events: none;
    z-index: 50;
}


.our-btn-white {
    font-size: 16px;
    font-weight: 500;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    padding: 10px 20px;
    color: #ffffff;
    background-color: transparent;
    border-radius: 0;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    transition: all 0.5s;
    white-space: nowrap;
}

.our-btn-white:before {
    content: "";
    border: inherit;
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0.9;
}

.our-btn-white:hover {
    color: #fff;
    border-color: #ffa500;
    background: #ffa500;
}

.our-btn-blue {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 15px 25px;
    min-width: 170px;
    border-radius: 0;
    -webkit-perspective: 320px;
    perspective: 320px;
    text-decoration: none;
}

.our-btn-blue:before {
    content: "";
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
    width: 0;
    background-color: #ffa500;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: inherit;
}

.our-btn-blue:before,
.our-btn-blue:after {
    background-color: transparent;
    border: 2px solid #fff;
    width: 100%;
}

.our-btn-blue .bottom-line-1 {
    height: 2px;
    width: 1.8rem;
    right: 4rem;
    bottom: 0;
    position: absolute;
    background: #ffa500;
    -webkit-transition: width 0.5s ease-out, right 0.3s ease-out;
    transition: width 0.5s ease-out, right 0.3s ease-out;
}

.our-btn-blue .bottom-line-2 {
    height: 2px;
    width: 1.2rem;
    right: 1rem;
    bottom: 0;
    position: absolute;
    background: #ffa500;
    -webkit-transition: width 0.5s ease-out, right 0.3s ease-out;
    transition: width 0.5s ease-out, right 0.3s ease-out;
}

.our-btn-blue .top-line {
    height: 2px;
    width: 1.8rem;
    top: 0;
    left: 1.4rem;
    position: absolute;
    background: #ffa500;
    -webkit-transition: width 0.5s ease-out, left 0.3s ease-out;
    transition: width 0.5s ease-out, left 0.3s ease-out;
}

.our-btn-blue:hover .top-line,
.our-btn-blue.active .top-line {
    left: -2px;
    width: 0px;
}

.our-btn-blue:hover .bottom-line-1,
.our-btn-blue:hover .bottom-line-2,
.our-btn-blue.active .bottom-line-1,
.our-btn-blue.active .bottom-line-2 {
    right: 0;
    width: 0;
}

.our-btn-blue:before {
    border-color: #2c378f;
}

.our-btn-blue:hover::before,
.our-btn-blue:hover:after,
.our-btn-blue.active::before,
.our-btn-blue.active:after {
    width: 100%;
    right: unset;
    left: 0;
}

.our-btn-blue {
    background-color: transparent;
    color: #2c378f;
}

.our-btn-blue:hover,
.our-btn-blue.active {
    color: #ffa500;
    box-shadow: none;
}

.our-btn-black {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 15px 25px;
    min-width: 170px;
    border-radius: 0;
    -webkit-perspective: 320px;
    perspective: 320px;
    text-decoration: none;
}

.our-btn-black:before {
    content: "";
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
    width: 0;
    background-color: #fff;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: inherit;
}

.our-btn-black:before,
.our-btn-black:after {
    background-color: transparent;
    border: 2px solid #fff;
    width: 100%;
}

.our-btn-black .bottom-line-1 {
    height: 2px;
    width: 1.8rem;
    right: 4rem;
    bottom: 0;
    position: absolute;
    background: #fff;
    -webkit-transition: width 0.5s ease-out, right 0.3s ease-out;
    transition: width 0.5s ease-out, right 0.3s ease-out;
}

.our-btn-black .bottom-line-2 {
    height: 2px;
    width: 1.2rem;
    right: 1rem;
    bottom: 0;
    position: absolute;
    background: #fff;
    -webkit-transition: width 0.5s ease-out, right 0.3s ease-out;
    transition: width 0.5s ease-out, right 0.3s ease-out;
}

.our-btn-black .top-line {
    height: 2px;
    width: 1.8rem;
    top: 0;
    left: 1.4rem;
    position: absolute;
    background: #fff;
    -webkit-transition: width 0.5s ease-out, left 0.3s ease-out;
    transition: width 0.5s ease-out, left 0.3s ease-out;
}

.our-btn-black:hover .top-line,
.our-btn-black.active .top-line {
    left: -2px;
    width: 0px;
}

.our-btn-black:hover .bottom-line-1,
.our-btn-black:hover .bottom-line-2,
.our-btn-black.active .bottom-line-1,
.our-btn-black.active .bottom-line-2 {
    right: 0;
    width: 0;
}

.our-btn-black:before {
    border-color: #ffa500;
}

.our-btn-black:hover::before,
.our-btn-black:hover:after,
.our-btn-black.active::before,
.our-btn-black.active:after {
    width: 100%;
    right: unset;
    left: 0;
}

.our-btn-black {
    background-color: transparent;
    color: #ffa500;
}

.our-btn-black:hover,
.our-btn-black.active {
    color: #ffa500;
    box-shadow: none;
}


/*--------------------------------------------------------------
 # Cta new Css
--------------------------------------------------------------*/
.cta_new {
    background: #0e0d0c;
    padding: 0;
    position: relative;
    background-image: url(../../assets/images/footer_bg.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.cta_new::before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #0e0d0c;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.8;
    z-index: 0;
}

.cta_new .container {
    position: relative;
}

.cta_nw_cn .section-title h2 {
    color: #fff;
}

.cta_nw_cn {
    padding-bottom: 80px;
    padding-top: 80px;
}

/*--------------------------------------------------------------
 # About us Css
--------------------------------------------------------------*/
.about-area {
    /* background: #0e0d0c;
    background-image: url(../../assets/images/footer_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
    position: relative;
    background: #fff;
    margin-top: -6px;
    padding-bottom: 0;
    z-index: 2;
}

/* .about-area:before {
    background-image: url('../../assets/images/map-dots.png');
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    width: 75%;
    height: 100%;
    background-color: #ffffff;
} */

.services-slider-top .section-title {
    margin-bottom: 50px;
    margin-top: 0;
}

.about_img {
    position: relative;
}

.about_img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    min-height: 800px;
}

.about_img_1 img {
    max-width: 70%;
    height: 450px;
    object-fit: cover;
}

.about_img_2 img {
    max-width: 40%;
    position: absolute;
    right: 10%;
    bottom: 0;
    height: 250px;
    object-fit: cover;
}

.about_img {
    max-height: 400px;
}

.about_cn .section-title {
    margin-bottom: 25px;
}

.about_cn p {
    margin-bottom: 10px;
}

.about_cn ul {
    margin-bottom: 20px;
}

.about_cn ul li {
    position: relative;
}

.about_cn ul li:before {
    content: '\f058';
    font-family: "fontawesome";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 15px;
    line-height: 1;
    color: #2579eb;
}

.about_cn ul li {
    position: relative;
    padding-left: 21px;
    margin-bottom: 5px;
}

.about-info .section-title {
    margin-bottom: 0px;
    max-width: 700px;
    margin-inline: auto;
}

.about-head {
    padding-bottom: 50px;
}

.about_img {
    position: absolute;
    width: 100%;
    max-width: 50%;
    top: 0;
    bottom: 0;
    height: 100%;
}

.about_img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.ab_b_img {
    margin-top: -100px;
    position: relative;
    z-index: -1;
    text-align: center;
}

.tt-list-icon {
    display: flex;
    margin-top: 25px;
    flex-wrap: wrap;
}

.tt-list-icon .tt-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 20px;
    padding: 22px;
    text-align: center;
    flex: 0 0 calc(33.33% - 20px);
    border-radius: 10px;
}

.tt-list-icon .tt-item-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 80px;
    font-size: 42px;
    line-height: 1;
    color: #000000;
    margin-top: 0px;
    margin-right: 15px;
    width: 80px;
    margin-bottom: 30px;
}

.tt-item-icon img {
    max-height: 65px;
}

.tt-item-description h6 {
    font-size: 18px;
    color: #2c378f;
    margin-bottom: 15px;
}

.tt-item-description p {
    margin: 0;
    color: #000;
}

.call-buton .cc-calto-action-ripple {
    z-index: 99999;
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    background: #ffa500;
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    -webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
    animation: cc-calto-action-ripple 0.6s linear infinite;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.call-buton .cc-calto-action-ripple i {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    font-size: 2.2rem;
}

.call-buton .cc-calto-action-ripple:hover i {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@-webkit-keyframes cc-calto-action-ripple {
    0% {
        -webkit-box-shadow: 0 4px 10px rgba(255, 165, 0, 0.2), 0 0 0 0 rgba(255, 165, 0, 0.2), 0 0 0 5px rgba(255, 165, 0, 0.2), 0 0 0 10px rgba(255, 165, 0, 0.2);
        box-shadow: 0 4px 10px rgba(255, 165, 0, 0.2), 0 0 0 0 rgba(255, 165, 0, 0.2), 0 0 0 5px rgba(255, 165, 0, 0.2), 0 0 0 10px rgba(255, 165, 0, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 4px 10px rgba(120, 24, 0, 0.2), 0 0 0 5px rgba(255, 165, 0, 0.2), 0 0 0 10px rgba(255, 165, 0, 0.2), 0 0 0 20px rgba(255, 165, 0, 0);
        box-shadow: 0 4px 10px rgba(236, 24, 24, 0.2), 0 0 0 5px rgba(255, 165, 0, 0.2), 0 0 0 10px rgba(255, 165, 0, 0.2), 0 0 0 20px rgba(255, 165, 0, 0);
    }
}

@keyframes cc-calto-action-ripple {
    0% {
        -webkit-box-shadow: 0 4px 10px rgba(120, 24, 0, 0.2), 0 0 0 0 rgba(255, 165, 0, 0.2), 0 0 0 5px rgba(255, 165, 0, 0.2), 0 0 0 10px rgba(255, 165, 0, 0.2);
        box-shadow: 0 4px 10px rgba(255, 165, 0, 0.2), 0 0 0 0 rgba(255, 165, 0, 0.2), 0 0 0 5px rgba(255, 165, 0, 0.2), 0 0 0 10px rgba(255, 165, 0, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 4px 10px rgba(120, 24, 0, 0.2), 0 0 0 5px rgba(255, 165, 0, 0.2), 0 0 0 10px rgba(255, 165, 0, 0.2), 0 0 0 20px rgba(255, 165, 0, 0);
        box-shadow: 0 4px 10px rgba(255, 165, 0, 0.2), 0 0 0 5px rgba(255, 165, 0, 0.2), 0 0 0 10px rgba(255, 165, 0, 0.2), 0 0 0 20px rgba(255, 165, 0, 0);
    }
}

span.num {
    position: absolute;
    color: #ec8b00;
    left: -30%;
    bottom: -50%;
}











/*--------------------------------------------------------------
 # testimonials Css
--------------------------------------------------------------*/
.testimonials-new {
    position: relative;
    background: #f9f9f9;
    z-index: 2;

    /*  background-image: url(../../assets/images/2030.jpg);
    background-size: cover;
    background-attachment: fixed; */
}

/* .testimonials-new:before {
    content: '';
    background: rgb(14 20 60 / 90%);
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
} */
.testimonials-new .container {
    padding-left: 50px;
    position: relative;
    z-index: 1;
}

.testimonials-new .testimonials-item {
    position: relative;
    z-index: 1;
    margin-inline: auto;
    max-width: 80%;
}

.testimonials-new .testimonials-item .testimonials-item-wrap {
    z-index: 1;
    position: relative;
    display: block;
}

.testimonials-head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.testimonials-new .btn_bx {
    text-align: center;
    margin-top: 50px;
}

.testimonials-new .slick-list.draggable {
    padding: 0;
}

.testimonials-new .section-title {
    margin-bottom: 0;
}

.testimonials-new .slick-arrow.slick-prev {
    left: 0;
}

.quotes_img img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(24%) saturate(5335%) hue-rotate(358deg) brightness(100%) contrast(106%);
}

.divider_img {
    display: block;
    text-align: center;
    margin: 15px 0;
}

.divider_img img {
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(13%) sepia(8%) saturate(7495%) hue-rotate(204deg) brightness(84%) contrast(107%);
}

.testimonials-new .slick-arrow.slick-next {
    right: 0;
}

.testimonials-new .slick-arrow {
    top: 32%;
}

.goggle-img {
    background: rgb(255 165 0 / 20%);
    border-radius: 0;
    padding: 15px;
    width: 65px;
    height: 65px;
    display: none;
}

.testimonials-box-author {
    text-align: center;
}

.testimonials-auther-content h3 {
    font-size: 18px;
    margin-bottom: 0;
    color: #ffa500;
    text-transform: capitalize;
    font-weight: 500;
}

.testimonials-body {
    margin-bottom: 0;
}

.testimonials-new .pbmit-featured-wrapper {
    width: 80px
}

.testimonials-new .pbmit-featured-wrapper img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.testimonials-new .testimonials-auther-content {
    /* margin-left: 0; */
    margin: 8px 0px 8px 0px;
}

/* .testimonials-new  .slick-list {
    padding: 0 120px !important; 
    overflow: visible !important;
} */
.testimonials-new p {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    border: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}

.testimonials-slider-new .slick-track {
    padding-top: 15px;
}

.testimonials-new .testimonials-star-ratings {
    color: #eab923;
}

.testimonials-new .pbminfotech-star-ratings-text {
    font-size: 30px;
    line-height: 26px;
    font-weight: 500 !important;
    font-style: italic !important;
    color: var(--pbmit-xcare-blackish-color);
    letter-spacing: -.25px
}

.testimonials-new.testimonials-inner-new .testimonials-item {
    max-width: 100%;
    padding: 0;
    text-align: left;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #4c000047;
}

.testimonials-new.testimonials-inner-new p {
    text-align: left;
}

.testimonials-new.testimonials-inner-new .divider_img {
    text-align: left;
}

.testimonials-new.testimonials-inner-new .testimonials-auther-content h3 {
    text-align: left;
}


.burger-icon {
    width: 30px;
    cursor: pointer;
}

.burger-icon span {
    display: block;
    height: 2px;
    background-color: #000;
    margin: 5px 0;
    transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
    width: 83.33333333%;
    background: #ffa500;
    transition: all 400ms ease-in-out;
}

.burger-icon span:nth-child(1) {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
    animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}

.burger-icon span:nth-child(2) {
    width: 100%;
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
    animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}

.burger-icon span:nth-child(3) {
    width: 58.33333333%;
    transition: all 100ms ease-in-out;
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
    animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
}

@-webkit-keyframes burger-hover {
    0% {
        width: 100%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}

@keyframes burger-hover {
    0% {
        width: 100%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}



.svg-draw.svg-bx-5 {
    position: absolute;
    left: 35%;
    bottom: 0;
    transform: translate(-50%, 50%);
    z-index: -1;
}

.svg-draw.svg-bx-4 {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    z-index: -1;
}

.svg-draw.svg-bx-3 {
    position: absolute;
    left: 35%;
    bottom: 0;
    transform: translate(-50%, 50%);
    z-index: -1;
}

.svg-draw.svg-bx-2 {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.svg-draw.svg-bx-2 svg {
    max-height: 150px;
}


.svg-draw.svg-bx-1 {
    position: absolute;
    left: 65%;
    top: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.svg-draw svg {
    max-width: 159px;
    opacity: 0;
    /* fill:#ffa500; */
}







li.nav-item.active .svg-draw svg {
    opacity: 1;
}

li.nav-item.active .svg-draw svg line,
li.nav-item.active .svg-draw svg circle {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear alternate infinite;
}

@keyframes dash {
    from {
        stroke-dashoffset: 822;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.point {
    width: 6px;
    height: 6px;
    background: tomato;
    border-radius: 3px;
    transition: width 1s ease;
}

.point:hover {
    width: 200px;
}





/*--------------------------------------------------------------
# Inner Banner
--------------------------------------------------------------*/
.inner-banner {
    position: relative;
    isolation: isolate;
    padding-block: 160px 80px;
    padding-inline: 0;
    display: grid;
    align-items: center;
    grid-template-areas: "stacked";
}

.inner-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to bottom, #000, transparent);
}

.inner-banner>* {
    grid-area: stacked;
}

.banner-image img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.inner-banner-content {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    flex-wrap: wrap;
}

.inner-banner .banner-title>* {
    font-weight: 600;
    margin: 0;
    font-size: clamp(1.5rem, 2.5vw, 1.5rem);
    background-color: hsl(0 0 0 / 80%);
    padding: 1em;
    padding-inline: 1.5em 3em;
    color: #fff;
    clip-path: polygon(0 0, 100% 0, calc(100% - 1em) 100%, 0 100%);
    max-width: max-content;
    border-bottom: 0.15em solid #fff;
    transition: all 500ms ease;
}

.inner-banner:hover .banner-title>* {
    background-color: #2c378f;
    border-bottom: 0.15em solid #fff;
}


.contact-us-inner {
    background-color: #f2f2f2;
}

.contact-us-inner #contact-form {
    background: #fff;
    padding: 1.5rem;
    border: 1px solid #ccc;
    box-shadow: 0 4px 16px hsl(0 0 0 / 10%);
}

.contact-us-inner #contact-form .row {
    row-gap: 1.5rem;
}

.contact-us-inner #contact-form .form-control {
    border-radius: 0;
    min-height: 50px;
}

.reach-us li {
    display: flex;
    gap: 24px;
    align-items: center;
}

.reach-us li .icon>* {
    width: 60px;
    aspect-ratio: 1;
    height: 100%;
    display: grid;
    place-items: center;
    background-color: #2c378f;
    color: #fff;
    font-size: 24px;
}

.reach-us li:not(:last-child) {
    margin-bottom: 24px;
}

.reach-us li {
    padding: 20px;
    color: #000;
    background-color: #fff;
    border-radius: 0;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    border-left: 4px solid #2c378f;
}

.reach-us li a {
    color: #000;
}

.reach-us li a:hover {
    color: #2c378f;
}

.reach-us li strong {
    margin-bottom: 4px;
    display: block;
}

.reach-us li span address {
    font-size: 18px;
}

.reach-us li span a {
    font-size: 18px;
}







.ab-road-img {
    width: 100%;
    padding-top: 8%;
    padding-bottom: 0%;
    height: 400px;
    margin-top: -68px;
    z-index: -1;
}

.ab-road-img {
    position: relative;
}

#background {
    background-image: url("../../assets/images/tesla-bg.jpg");
    position: absolute;
    width: 100%;
    height: 400px;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 100% 85%;
    z-index: -1;
    background-repeat: repeat-x;
    animation: animatedBackground 8s linear infinite;
}

@keyframes animatedBackground {
    from {
        background-position: 100%;
    }

    to {
        background-position: 0;
    }
}

div#tesla-top-cover img {
    width: 100%;
    height: 400px;
}

div#tesla-top-cover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    margin: auto;
}

.car_img {
    max-width: 600px;
    position: relative;
    margin-inline: auto;
}

.car_img .tyre_1 {
    position: absolute;
    left: 9%;
    bottom: 0;
    width: 90px;
    animation: animName 2s linear infinite;
}

.car_img .tyre_2 {
    position: absolute;
    left: 73.5%;
    bottom: 0;
    width: 90px;
    animation: animName 2s linear infinite;
}

@keyframes animName {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}









.inner_banner {
    padding: 0;
    position: relative;
    margin: 0px;
}

.inner_banner::after {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #0000007d 0, rgb(0 0 0 / 16%) 100%);
    inset: 0;
    content: '';
}

.inner_banner img {
    width: 100%;
    max-height: 370px;
    -o-object-fit: cover;
    object-fit: cover;
}


.inner_banner .banner_heading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7;
    transform: translate(-50%, -50%);
}

.inner_banner .banner_heading h2 {
    color: #2c378f;
    text-transform: uppercase;
    font-size: 33px;
    background: #ffffff;
    padding: 10px 28px;
    border-bottom: 3px solid #2c378f;
}

.page-template .header {
    position: relative;
    background: #2c378f;
}

.home .header {
    position: absolute !important;
    background: transparent !important;
}



.city-travel .section-title h2 {
    color: #000;
    font-size: 25px;
    text-align: left;
}

.city-travel .heading-divider {
    display: none;
}

.city-travel .section-title {
    margin-bottom: 20px;
}

.right-text-bx p {
    font-size: 16px;
}

/* 
.right-text-bx p:nth-child(3) {
    background-color: #2c378f;
    padding: 15px 10px 15px 10px;
    border-left: 5px solid #ffa500;
    color: #fff;
    font-size: 15px;
} */

.city-travel .left-pic-bx img {
    width: 100%;
    border-radius: 15px;
    padding: 5px;
    border: 1px solid #eee;
    transition: 0.2s;
}

.city-travel .left-pic-bx {
    overflow: hidden;
    transition: 0.2s;
    border-radius: 15px;
}

.city-travel .left-pic-bx:hover img {
    transform: scale(1.1);
}

.city-travel .right-text-bx {
    padding-left: 10px;
}

.long-distance {
    height: 650px;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.long-distance .inner-bx {
    margin-left: auto;
    width: 100%;
    background: #ffffffd6;
    padding: 25px;
    max-width: 500px;
}

.long-distance .inner-bx h2 {
    font-size: 30px;
    color: #2c378f;
}


.list-style li::before {
    content: '';
    position: absolute;
    min-width: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #2c378f;
    outline: #2c378f solid 2.5px;
    outline-offset: 3px;
    margin-right: .75rem;
    left: -21px;
    top: 8.75px;
}

.list-style {
    padding-left: 22px;
    margin: 15px 0px 15px 0px;
}

.list-style li {
    position: relative;
    margin: 12px 0px 12px 0px;
    font-weight: 500;
}

.booing-info {
    text-align: center;
    background: #f2f2f2;
}

.booing-info h3 {
    font-size: 35px;
    color: #2c378f;
}

.booing-info h3 span {
    padding: 2px 4px 4px;
    border-bottom: 2px solid #2c378f;
}

.about-us-section .pic_bx {
    position: relative;
    max-height: 662px;
}

.about-us-section .first-pic img {
    max-width: 100%;
    border-radius: 200px 200px 200px 200px;
    aspect-ratio: 1 / 1.37;
    object-fit: cover;
    vertical-align: middle;
    display: inline-block;
}

.about-us-section .first-pic {
    position: relative;
}

.about-us-section .first-pic::before {
    content: '';
    position: absolute;
    top: -10px;
    bottom: 0;
    left: -10px;
    right: 0;
    width: 65%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 200px;
    z-index: 1;
    speak: no-punctuation;
}

.about-us-section .second-pic {
    position: relative;
    top: -347px;
    z-index: 77;
    left: 315px;
    width: fit-content;
}

.about-us-section .second-pic img {
    max-width: 100%;
    aspect-ratio: 1 / 1.37;
    object-fit: cover;
    vertical-align: middle;
    display: inline-block;


    border-radius: 160px 160px 160px 160px;
}

.about-us-section .second-pic::before {
    content: '';
    position: absolute;
    top: -8px;
    bottom: 0;
    left: -8px;
    right: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 160px;
    z-index: 1;
}

.about-us-section .section-title {
    margin-bottom: 15px;
}

.about-us-section .main-bx {
    display: flex;
    align-items: start;
    gap: 20px;
    margin: 20px 0px 20px 0px;
}

.about-us-section .main-bx img {
    max-width: 60px;
    height: auto;
}

/* 
.about-us-section .right-text {
    padding-left: 8%;
} */

.about-us-section .right-text h4 {
    font-size: 22px;
}



.about-banner {
    background-image: url(https://www.riversideplus.com/wp-content/uploads/2024/10/2149149625.jpg);
    min-height: 680px;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    align-items: center;
}

.center_bx {
    width: 100%;
    text-align: left;
    background: #ffffff;
    padding: 35px;
    width: 100%;
    max-width: 680px;
    margin-right: auto;
    display: block;
}

.center_bx .section-title {
    margin-bottom: 0px;
}

.center_bx .heading-divider {
    display: none;
}

.center_bx .our-btn-blue:hover {
    color: #2c378f;
}

.vision-mission .section-title {
    margin-bottom: 10px;
}

.vision-mission .car-pic img {
    width: 100%;
    max-width: 100%;
    border-radius: 40px 40px 40px 40px;
    height: 500px;
    object-fit: cover;
}

.vision-mission .list-style li {
    font-weight: 600;
}

.vision-mission .left-side {
    padding-right: 28px
}



.con-infor {
    background: #f2f2f2;
}

.con-infor h2 {
    font-size: 35px;
    color: #2c378f;
    text-transform: uppercase;
}















.servies-section- .card_ {
    transition: 0.3s;
    position: relative;
}

.servies-section- .pic img {
    width: 100%;
    border-radius: 12px;
    transition: 0.2s;
    height: 450px;
    object-fit: cover;
}

.servies-section- .date_ {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 6px;
    position: absolute;
    top: -16px;
    background: #ff6835;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: max-content;
    border-radius: 10px;
    z-index: 7777;
    bottom: 1;
}

.servies-section- .bottom_text_ {
    max-width: 600px;
    background-color: #ffffff;
    border-radius: 10px;
    padding-right: 40px;
    margin-top: -161px;
    margin-left: auto;

    margin-right: auto;
    position: relative;
    padding-top: 45px;
    padding-bottom: 35px;
    padding-left: 30px;
    min-height: auto;
    position: relative;
    box-shadow: 0 1px 80px rgba(6, 21, 96, .06);
    transition: 0.2s;
}

.servies-section- .bottom_text_ h4 {
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 37px;
}

.servies-section- .bottom_text_ .btn_ {
    margin-top: 35px;
}

.servies-section- .row {
    row-gap: 65px;
    justify-content: center;
}

.card_:hover .bottom_text_ {
    transform: translatey(-8px);
}

.error {
    width: 100%;
    display: inline-block;
    background: red;
    color: #fff !important;
    padding: 0px 15px;
}

.g-recaptcha {
    max-height: 60px;
}

.testimonials_page .name_bx {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 15px;
    padding-bottom: 20px;
}

.testimonials_page .name_bx h2 {
    font-size: 22px;
}

.testimonials_page .mian_bx img {
    height: auto;
    width: 100%;
    max-width: 35px;
}

.testimonials_page .mian_bx {
    padding: 22px;
    transition: 0.3s;
    border-radius: 10px;
    padding-bottom: 0px;
    background: #fff;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* 
.testimonials_page .mian_bx:hover {
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
} */

.home .header.fixed {
    position: fixed !important;
    top: 0;
    background: #2c378f !important;
    border-bottom: 3px solid #2579eb;
}

































.mega-dropdown i {
    transition: 0.3s;
}

.mega-dropdown:hover i {
    transform: rotate(180deg);
}

.mega-dropdown>a {
    position: relative;
    padding-inline-end: calc(0rem + 0px) !important;
}


.mega-menu>.list-item>a {
    text-decoration: none;
    font-weight: 500;
    color: #fff !important;
    font-size: 18px;
    padding: 0.65em 1.35em;
    display: inline-block;
    transition: all 200ms;
}


.mega-dropdown:hover>a::before {
    rotate: 180deg;
}

.mega-dropdown>a::before {
    content: "\f107" !important;
    position: absolute !important;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    inset: 50% 1em auto auto;
    translate: 0 -50%;
    font-size: 0.875rem;
    line-height: 1;
    transition: 200ms;
    display: none !important;
}

.mega-dropdown:hover .mega-menu {
    transition: 200ms ease;
    scale: 1;
    opacity: 1;
    visibility: visible;
    padding: 20px;
}

.mega-menu {
    position: absolute;
    inset: 80% 0 auto 0;
    visibility: hidden;
    opacity: 0;
    scale: 0.95;
    box-shadow: 0 8px 32px hsl(0 0% 0% / 15%);
    z-index: 777;
    background: #ffa500f5;
    top: 113px;
}

header .fixed .mega-menu {
    top: 104px;
}


.mega-menu-row {
    display: flex;
    width: 100%;
    column-gap: 30px;
}

.mega-menu-list {
    width: 50%;
    max-width: 560px;
    margin-inline-start: auto;
    padding-block: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mega-menu-list li.list-item {
    border-bottom: 1px solid rgb(255, 255, 255);
}

.mega-menu a {
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    color: #fff !important;
    padding: 0.45em 1.35em;
    display: inline-block;
    padding: 20px 10px !important;
    transition: all 200ms;
}

.mega-menu a:hover {
    background-color: transparent !important;
}

.mega-menu a {
    display: block;
    padding: 1rem;
    line-height: normal;
    contain: paint;
}

.mega-menu .list-item {
    contain: layout;
    padding: 0;
}

.mega-menu .list-item::after {
    content: "\f105";
    position: absolute;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    inset: 50% 3rem auto auto;
    translate: 0 -50%;
    background-color: #2c378f;
    color: #fff;
    width: 30px;
    border: 1px solid #fff;
    aspect-ratio: 1;
    border-radius: 50%;
    display: grid;
    place-items: center;
    translate: -50% -50%;
    opacity: 0;
    transition: 300ms ease;
    pointer-events: none;
}

.mega-menu .list-item:hover::after {
    translate: 0 -50%;
    opacity: 1;
}

.mega-menu a::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #ffffff2f;
    width: 50%;
    transform: skewX(-15deg) translateX(calc(-100% - 15px));
    z-index: -1;
}

/* background-color: #ffffff2f; */
.mega-menu a::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #2c378f;
    width: 50%;
    transform: skewX(-15deg) translateX(calc(-100% - 15px));
    z-index: -1;
}

.mega-menu-images {
    contain: paint;
    width: 50%;
    background-color: #f2f2f2;
    animation: skeleton 0.85s linear infinite alternate both;
}

.mega-menu-images img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}


.mega-menu a:hover::before {
    transform: skewX(-15deg) translateX(calc(-100% - 15px));
    transition: 300ms;
    left: 100%;
}

.mega-menu a:hover::after {
    transform: skewX(-15deg) translateX(calc(-50% - 15px));
    transition: 300ms 300ms;
    left: 50%;
    width: 100% !important;
    max-width: 100%;
}


div.mega_menu_image {
    background-repeat: no-repeat !important;
    height: 100%;
    background-color: #FFF;
    background-size: cover;
    background-position: center;
}


.mega-menu a:before {
    display: none;
}

.navbar a {
    padding: 45px 0px 45px 0px;
}

.mega-menu a {
    padding: 20px 10px !important;
}

.booing-info .text a {
    color: #2c378f;
    padding: 0px 4px;
    font-weight: 700;
}




.price-table table {
    width: 100%;
    max-width: 100%;

}

.price-table table th {
    font-size: 22px !important;
    padding: 15px;
    text-align: center;
    background: #2c378f !important;
    text-transform: capitalize;
}

.price-table tbody {
    text-align: center;
}


.price-table table {
    background: #fff;
    border-radius: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.price-table thead th {
    background-color: #f2f2f2;
    color: #fff;
}








.price-table th:first-child {
    border-top-left-radius: 10px;
}

.price-table th:last-child {
    border-top-right-radius: 10px;
}

.price-table td {
    padding: 15px 15px 15px 15px;
    font-size: 17px;
    font-weight: 600;
    width: 33.3333%;
}

.price-table tbody tr:nth-child(2) {
    background-color: #f8f8f8;
}

.price-table tbody tr:nth-child(4) {
    background-color: #f8f8f8;
}



.list-of-rates {
    background: #f2f2f2;
}


.list-of-rates .icon img {
    width: 100%;
    max-width: 70px;
}

.list-of-rates .card-bx {
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #ececec;
    background-color: #FFFFFF00;
    margin-left: 5px;
    margin-right: 5px;
    padding: 30px 25px 30px 25px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    position: relative;
    overflow: hidden;
    z-index: 7;
    height: 290px;
}

.list-of-rates .card-bx::before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: '';
    background-color: #2c378f;
    bottom: -200%;
    left: 0;
    border-radius: 100%;
    transition: 0.6s;
    z-index: -3;
}

.list-of-rates .card-bx:hover::before {
    bottom: 0;
    border-radius: 20px;
}

.list-of-rates .card-bx .text-bx h4 {
    margin: 25px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 27px;
    text-transform: capitalize;
    color: #2c378f;
}

.list-of-rates .card-bx:hover h4 {
    color: #fff;
}

.list-of-rates .card-bx:hover p {
    color: #fff !important;
}

.list-of-rates .card-bx .text-bx p {
    color: #616161;
    margin: 0px 0px 30px 0px;
    width: 100%;
    max-width: 327px;
}

.list-of-rates .icon {
    position: relative;
}

.list-of-rates .icon::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -7px;
    z-index: 1;
    background-color: #ffa500;
    opacity: 10%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 0;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.list-of-rates .card-bx:hover .icon::before {
    background: #fff;
    opacity: 1;
}

.list-of-rates .row {
    justify-content: center;
    row-gap: 30px;
}

.google-icon img {
    filter: unset;
    padding: 7px;
    height: 70px;
    width: 70px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.testimonials_page .google-icon img {
    height: auto;
    width: 100%;
    max-width: 55px;
    padding: unset;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 40px;
}

.testimonials_page .mian_bx+.mian_bx {
    margin: 25px 0px 25px 0px;
}


.top-bar-mobile {
    display: none;
}

.city-travel h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;
}


.booing-info h3 {
    font-size: 30px;
    text-transform: uppercase;
}

.long-distance .inner-bx h2 {
    font-size: 25px;
}

@media (max-width:1366.98px) {

    .about-us-section .second-pic {
        top: -380px;
        left: 226px;
    }

    .about-us-section .first-pic::before {
        width: 74%;
    }

    section {
        padding: 60px 0;
    }
}

@media (max-width: 1280.98px) {
    .servies-section- .bottom_text_ {
        padding: 35px;
    }

    .servies-section- .bottom_text_ h4 {
        font-size: 25px;
        line-height: normal;
    }

    .navbar ul {
        gap: 22px;
    }

    .navbar a,
    .navbar a:focus {
        font-size: 16px;
    }



    .city-travel .section-title h2 {
        font-size: 26px;
    }

    /* .services-slider-top .section-title {
        position: relative;
        top: 70px;
    } */

    .service-img img {
        max-width: 65%;
        margin: auto;
    }







}












@media (max-width:1279.98px) {
    .airport-rates .bottom-text span {
        font-size: 16px;
    }

    .airport-rates .price img {
        height: 45px;
        width: 45px;
    }

    .airport-rates .main-bx {
        padding: 10px;
        width: 50%;
    }

    .error404 .header {
        position: unset;
        background: #2c378f;
    }

    .city-travel .row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        display: flex;
        gap: 25px;
    }

    .city-travel .row .col-lg-6 {
        width: 100%;
        justify-content: center;
    }

    .city-travel .section-title h2 {
        text-align: center;
    }

    .city-travel .list-style li::before {
        display: none;
    }




    .services-slider-top {
        position: relative;
        top: 0;
        transform: unset;
        left: 0;
        width: 100%;
    }

    .bg-banner-slider {
        display: none;
    }

    .svg-draw svg {
        display: none;
    }

    .services_sec .tab-links {
        column-gap: 15%;
        row-gap: 25px;
        flex-wrap: wrap;
    }

    .section-title h2 {
        font-size: 25px;
    }

    .services_sec .section-title h2 {
        font-size: 25px;
        color: #2c378f;
    }

    .service-img {
        display: none;
    }

    .services_sec .tab-links li {
        width: 47%;
    }


    .services_sec .tab-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .services_sec {
        padding: 35px 0px;
    }

    .services-slider-top .section-title {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .services-slider-top .section-title {
        top: unset;
    }

    .item_cn a {
        color: #000000;
    }











    .servies-section- .row {
        row-gap: 30px;
    }

    .servies-section- .bottom_text_ h4 {
        font-size: 25px;
        line-height: 28px;
    }

    .servies-section- .pic img {
        height: 350px;
        border-radius: 0px;
    }

    .servies-section- .bottom_text_ {
        padding: 25px;
        border-radius: 0px;
        margin-top: unset;
        width: 100%;
        max-width: 100%;
    }

    .top-bar-mobile {
        display: block !important;
    }

    .top-bar-mobile {
        background: #145bb1;
        display: none;
        display: block;
        position: relative;
        z-index: 99999;
    }

    .book-appoint-bx {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #ffa500;
        flex-direction: row-reverse;
    }

    .book-appoint-bx .book-appoint-btn {
        flex: 0 0 50%;
        padding: 10px;
        background: #2579eb;
        text-align: center;
    }

    .book-appoint-btn a {
        color: #fff !important;
    }

    /* 
    .book-appoint-bx .book-appoint-btn a {
        color: #000 !important;
    } */

    .book-appoint-btn a,
    .call-appoint-btn a {
        color: #fff;
        text-decoration: none;
    }

    .call-appoint-btn {
        text-align: center;
        flex: 0 0 50%;
    }


    .home .header.fixed {
        position: unset !important;
    }


    .right_btn {
        display: none;
    }

    .home .header {
        position: unset !important;
        background: #2c378f !important;
    }

    .header .logo img {
        max-width: 250px;
    }







    .mob-menu-right-bg-holder {
        background: #121212;
    }

    .mobmenur-container {
        position: absolute;
        right: 0px;
        top: 8em !important;
        background: #ffa500 !important;
        height: 40px;
        width: 40px;
        display: grid;
        place-items: center;
        margin-right: 4% !important;
        font-size: 10px !important;
        border-radius: 0px !important;
    }

    #mobmenuright a {
        padding: 9px 20px !important;
        color: #fff !important;


        font-size: 16px !important;
        text-transform: capitalize !important;
    }

    #mobmenuright a {
        padding: 9px 20px !important;
        color: #fff !important;
        font-size: 16px !important;
        font-family: "Open Sans", sans-serif !important;

        text-transform: capitalize !important;
    }

    .mobmenu-right-panel .mob-cancel-button {
        color: #fff !important;
        height: 40px;
        width: 40px;
        background: #ffa500 !important;
        font-size: 25px !important;
        display: grid !important;
        place-content: center;
    }

    .mobmenu-content li {
        padding: 0 !important;
    }

    ul#mobmenuright {
        margin-top: 35px !important;
    }

    .mob-menu-logo-holder {
        display: none !important;
    }

    .mob-menu-header-holder.mobmenu {
        background: transparent !important;
        display: block !important;
    }

    .mobmenu .headertext {
        display: none;
    }

    body.mob-menu-slideout-over {
        padding: 0px !important;
    }

    .mob-expand-submenu {
        position: relative;
        right: 0px;
        float: right;
        background: #2c378f;
        height: 25px;
        width: 25px;
        display: grid;
        place-content: center;
        border-radius: 50%;
    }

    .mob-expand-submenu i {
        font-size: 16px !important;
        color: #fff !important;
    }





}


@media (max-width:1199.98px) {
    .car-box .car-name::before {
        display: none;
    }

    .car-box .car-name {
        font-size: 18px;
    }

    .reach-us li span a {
        font-size: 17px;
    }

    .reach-us li {
        gap: 10px;
    }

    .reach-us li .icon>* {
        width: 45px;
        font-size: 20px;
    }

    .reach-us li {
        padding: 10px;
    }

    .con-infor h2 {
        font-size: 30px;
    }

    .about-us-section .right-text {
        padding-left: 5%;
    }

    .about-us-section .first-pic img {
        border-radius: 10px;
        width: 100%;
        max-height: 460px;
    }


    .about-us-section .first-pic::before {
        display: none;
    }

    .about-us-section .second-pic {
        display: none;
    }

    .services_sec .tab-links {
        column-gap: 15%;
        row-gap: 25px;
    }

    .services_sec .tab-links .item_card {
        padding: 15px;
    }

    .services_sec .tab-links .item_card h2 {
        font-size: 20px;
    }

    .service-img img {
        max-width: 300px;
        margin: auto;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .airport-rates .price img {
        height: 33px !important;
        width: 33px !important;
    }
    .card_ .bottom_text_ p {
        min-height: 113px;
    }
    #custom-section .inner-bx h2:nth-of-type(2) span {
        margin-left: 6px !important;
        margin-right: 9px !important;
    }
}
@media (max-width: 769px) and (min-width: 768px) {
    .card_ .bottom_text_ p {
        min-height: auto
    }
}

@media (max-width:991.98px) {
    .car-box .car-img {
        left: 80px;
    }
    .city-travel h2 {
        font-size: 25px;
    }

    .list-style li {
        margin: 10px 0px 10px 0px;
    }

    .list-of-rates .card-bx .text-bx p {
        width: 100%;
        max-width: 100%;
    }

    .airport-rates .main-bx {
        width: auto !important;
    }

    .error-section p {
        font-size: 25px !important;
    }

    .error-section h2 {
        font-size: 55px !important;
    }

    .row-gap .text-end {
        text-align: left !important;
    }

    .reach-us li {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .reach-us li:not(:last-child) {
        margin-bottom: 15px;
    }

    .contact-us-inner .row-gap {
        row-gap: 20px;
    }

    .price-table td {
        padding: 10px 0px 10px 0px;
        font-size: 14px;
    }

    .price-table table th {
        font-size: 15px !important;
    }

    .price-table table {
        border-radius: 10px;
    }

    .price-table tr {
        width: 100%;
    }

    .price-table table {

        display: block;
        width: 100%;
        overflow: scroll;
    }

    .price-table td {
        width: 20%;
    }


    .price-table td {
        padding: 12px 10px 12px 10px;
        font-size: 15px;
    }

    .price-table table th {
        font-size: 18px !important;
        padding: 10px;
    }

    section {
        padding: 45px 0;
    }

    .booing-info h3 {
        font-size: 30px;
    }

    .city-travel .section-title {
        margin-bottom: 10px;
    }

    .long-distance .inner-bx h2 {
        font-size: 25px;
    }

    .long-distance {
        height: auto;
    }

    .inner_banner .banner_heading h2 {
        font-size: 25px;
        text-align: center;
    }

    .about-us-section .right-text {
        padding-left: unset;
    }

    .about-banner {
        min-height: auto;
    }

    .about-us-section {
        text-align: center;
    }

    .about-us-section .first-pic img {
        display: none;
    }

    section {
        padding: 50px 0;
    }

    .section-title.text-black h2 {
        font-size: 25px;
    }

    .subtitle {
        font-size: 13px;
        padding: 2px 10px;
    }

    .tt-list-icon {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .tt-list-icon .tt-item-icon {
        margin: unset;
    }

    .tt-item-description {
        margin-top: 15px;
    }

    .ab-road-img {
        display: none;
    }

    .about-area {
        padding-bottom: 55px;
    }

    .item_cn p {
        max-height: 50px;
        overflow: hidden;
        font-size: 14px;
    }

    .services_sec .tab-links .item_card {
        padding: 10px;
    }

    .services_sec .tab-links .item_card h2 {
        font-size: 18px;
    }

    .services-slider-top .section-title {
        top: 25px;
    }



    .car-box .car-name {
        font-size: 17px;
        padding: 5px;
    }

    .slick-arrow {
        height: 40px;
        width: 40px;
    }

    .testimonials-new p {
        font-size: 16px;
        line-height: 28px;
        width: 100%;
        max-width: 225px;
        margin: auto;
    }

    .mb-30 {
        display: none;
    }

    .lines {
        display: none;
    }

    .hide-mobile {
        display: none;
    }

    .footer-section {
        padding-top: 55px;
    }

    .footer-content {
        padding-bottom: 55px;
    }

    .copyright-area {
        padding: 8px 0;
    }

    .services_sec .tab-links {
        column-gap: 3%;
        row-gap: 14px;
    }

    .services_sec .tab-links li {
        width: 42%;
    }

    .inner_banner .banner_heading h2 {
        font-size: 20px !important;
        text-align: center !important;
    }

    .booing-info h3 {
        font-size: 25px;
    }

    .city-travel .section-title h2 {
        font-size: 25px;
    }
}


@media (max-width:768.98px) {
    .list-of-rates .row {
        justify-content: center;
        row-gap: 20px;
    }

    .list-of-rates .card-bx {
        height: auto;
    }

    .center_footer_info .info li {
        line-height: 30px;
    }

    .footer-logo img {
        max-width: 280px;
    }

    .inner_banner img {
        min-height: 225px;
    }

    .con-infor h2 {
        font-size: 25px;
    }

    .section-title.text-black h2 {
        font-size: 22px;
        margin-bottom: 7px;
    }

    .center_bx {
        padding: 20px;
        width: 100%;
        max-width: 100%;
        margin: auto;
    }

    .affiliates-bx {
        grid-template-columns: 1fr 1fr;
    }


    .footer-social-icon i {
        height: 45px;
        width: 45px;
    }

    .footer-social-icon a {
        width: 45px;
        height: 45px;
    }

    .testimonials-new .btn_bx {
        margin-top: 40px;
    }


    .section-title {
        margin-bottom: 25px;
    }


    section {
        padding: 45px 0px;
    }

    .about-area {
        padding-bottom: 35px;
        padding-top: 35px;
    }

    .services-slider-top {
        position: relative;
        top: 0;
        transform: unset;
        left: 0;
        width: 100%;
    }

    .bg-banner-slider {
        display: none;
    }

    .svg-draw svg {
        display: none;
    }

    .services_sec .tab-links {
        column-gap: 15%;
        row-gap: 25px;
        flex-wrap: wrap;
    }

    .section-title h2 {
        font-size: 25px;
    }

    .services_sec .section-title h2 {
        font-size: 25px;
        color: #2c378f;
    }

    .service-img {
        display: none;
    }

    .services_sec .tab-links li {
        width: 47%;
    }


    .services_sec .tab-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .services_sec {
        padding: 35px 0px;
    }

    .services-slider-top .section-title {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .services-slider-top .section-title {
        top: unset;
    }

    .item_cn a {
        color: #000000;
    }

    .footer-section {
        padding-top: 35px;
    }

    .footer-content {
        padding-bottom: 35px;
    }
}

.booing-info h3 span {
    display: none;
}

@media (max-width:575.98px) {
    .city-travel h2 {
        font-size: 22px;
    }

    .servies-section- .bottom_text_ h4 {
        font-size: 22px;
        line-height: normal;
        margin: 5px 0px 5px 0px;
    }

    .max-characters-section {
        float: unset !important;
    }

    .long-distance .inner-bx h2 {
        font-size: 22px;
    }

    .con-infor h2 {
        font-size: 22px;
    }


    .mobmenur-container {
        top: 7em !important;
    }

    .home .body_lines {
        display: none !important;
    }

    .call-buton .cc-calto-action-ripple {
        width: 3rem;
        height: 3rem;
    }

    .call-buton .cc-calto-action-ripple i {
        font-size: 22px;
    }


    .servies-section- .pic img {
        height: 250px;
    }

    .servies-section- .text {
        margin-bottom: 15px;
    }

    .servies-section- .bottom_text_ {
        padding: 10px;
    }

    .list-of-rates .row {
        row-gap: 20px;
    }

    .list-of-rates .card-bx .text-bx h4 {
        margin: 10px 0px 10px 0px;
        font-size: 22px;
    }

    .list-of-rates .card-bx {
        border-radius: 25px;
        padding: 20px;
        height: auto;
        margin: 0;
    }

    .long-distance .inner-bx {
        padding: 20px;
    }

    .city-travel .section-title h2 {
        font-size: 22px;
    }

    .booing-info h3 {
        font-size: 25px;
        margin: 8px;
    }

    .city-travel .list-style {
        padding: 0;
    }

    .list-style li {
        margin: 10px 0px 10px 0px;
    }

    .city-travel .right-text-bx {
        padding-left: 0px;
    }

    .city-travel .row {
        gap: 20px;
    }

    .inner_banner .banner_heading h2 {
        font-size: 22px;
        padding: 10px 10px;
        width: max-content;
    }

    .tt-item-description h6 {
        font-size: 22px;
        margin-bottom: 7px;
    }

    .affiliates-bx {
        gap: 10px;
    }

    .footer-logo img {
        max-width: 250px;
    }

    .footer-logo {
        margin-bottom: 20px;
    }

    .our-btn-blue {
        font-size: 15px;
        padding: 14px 20px;
        min-width: 150px;
    }

    .google-icon img {
        height: 55px;
        width: 55px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .tt-list-icon .tt-item {
        margin: unset;
        padding: 15px;
    }

    .body_lines {
        display: none;
    }

    .testimonials-new p {
        width: 100%;
        max-width: 100%;
    }

    .testimonials-new .container {
        padding-left: 10px;
    }

    .section-title {
        margin-bottom: 20px;
    }


    .car-box .car-img {
        margin: auto;
        justify-content: center;
        display: flex;
    }

    section {
        padding: 35px 0px;
    }

    .car-box .car-name {
        font-size: 20px;
    }



    .services_sec .tab-links li {
        width: 100%;
    }


    .services_sec .tab-links {
        flex-direction: column;
    }

    .logo {
        max-width: 350px;
        padding: 10px 0px 10px 10px;
    }


    .header .logo img {
        max-width: 220px;
    }

    .header .logo img {
        max-width: 195px;
    }
}

.align_bx .inner-bx {
    margin-left: unset;
}


.airport-rates .section-title h2 {
    color: #000;
}

.airport-rates .price {
    display: flex;
    align-items: center;
    gap: 10px;
}

.airport-rates .price img {
    height: 55px;
    width: 55px;
}

.airport-rates .card_ {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #eee;
    margin-bottom: 24px;
}

.airport-rates .card-body {
    padding: 20px 0px 20px 0px;
}

.airport-rates .card-body .card-title {
    font-size: 22px;
    text-align: center;
    color: #2c378f;
    margin-bottom: 20px;
}

.airport-rates .bottom-text {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.airport-rates .bottom-text span {
    font-size: 17px;
    font-weight: 600;
}

.airport-rates .card-img-top {
    border-radius: 10px;
}


.airport-rates .section-title {
    margin-bottom: 30px;
}

.airport-rates .main-bx {
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
    padding: 12px;
    border-radius: 10px;
    text-transform: capitalize;
    box-shadow: rgb(149 157 165 / 0%) 0px 8px 24px;
    transition: 0.4s;
}

.airport-rates .card_ {
    transition: 0.4s;
}

.airport-rates .card_:hover .main-bx {
    background-color: #2c378f;
    color: #fff;
}

.airport-rates .card_:hover .main-bx img {
    filter: invert(1);
}

#align-left {
    margin-left: unset;
}

.airport-rates .price span {
    color: #ffa500;
}

#custom-bx {
    width: 100%;
    max-width: 650px;
    background: #fff;
    margin-right: auto;
    margin-left: unset;
}

.bottom-text p {
    margin-bottom: 5px;
}

.bottom-text p b {
    color: #ffa500;
    font-size: 20px;
}

.bottom-text p:nth-child(2) {
    font-size: 18px;
}

#custom-section {
    min-height: 600px;
}

#custom-section .inner-bx h2:nth-of-type(2) span {
    color: #fff;
    background: #ffa500;
    margin-left: 0;
    margin-right: 4px;
    border-radius: 3px;
    padding-left: 0px;
}




.page-template .body_lines {
    display: none;
}

.home .body_lines {
    display: flex !important;
}

element.style {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
}


.testimonials-new {
    background-image: url(https://www.riversideplus.com/wp-content/uploads/2024/11/76-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.testimonials-new.affiliates-sec p {
    color: #fff;
}
.testimonials-new.affiliates-sec .our-btn-blue {
    color: #fff;
}
.testimonials-new.affiliates-sec .our-btn-blue:before {
    border-color: #ffffff;
}
.cta_bx {
    position: relative;
    background-color: #fff;
    z-index: 9;
}
.cta_bx h2 {
    margin-bottom: 38px;
}
header .lte-header {
    font-size: 18px;
    font-weight: 500;
}
.center_footer_info {
    margin-bottom: 45px;
}
.footer-social-icon a:hover {
    background-color: #2c378f;
    border: 1px solid #fff;
}
.footer-social-icon a:hover i {
    color: #fff;
}
.center_footer_info li:last-child a {
    text-transform: lowercase;
} 
.fleet-sec {
    padding: 100px 0;
}

@media (max-width: 1366px) and (min-width: 1280px){
    .fleet-sec .container {
        max-width: 100%
    }
}
@media (max-width: 1279px) {
    .services_sec .tab-links .item_card {
        background: #2c378f;
    }
    .services_sec .tab-links .item_card a {
        color: #fff;
    }
}
@media (max-width: 991px) {
    .fleet-sec {
        padding: 80px 0;
    }
}
@media (max-width: 767px) {
    .center_bx .text-black h2 {
        text-align: center;
    }
    .center_bx {
        text-align: center;
    }
    #contact-form .col-8.cptch-sect {
        width: 100%;
    }
}
/* .cta_block {
    position: relative;
    background-color: #fff;
    z-index: 9;
}
.cta_block .cta_content {
    background: #2c378f !important;
    padding: 37px;
    border: 1px solid #ffa500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.cta_block .cta_content .cta_par p {
    font-size: 32px;
    color: #fff;
    font-family: "Signika Negative", sans-serif;
    margin-bottom: 0;
    position: relative;
    z-index: 9;
}
.cta_block .cta_content .our-btn-blue:before {
    border-color: #fff;

}
.cta_block .cta_content .our-btn-blue {
    color: #fff;
}
.cta_content::before {
    content: "";
    position: absolute;
    background-image: url(https://www.riversideplus.com/wp-content/uploads/2024/11/texture_bg-1.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} */

@media (max-width:575.98px) {
    .header {
        padding: 5px 0px;
    }

    .inner_banner img {
        min-height: 185px;
    }

    .list-of-rates .icon img {
        max-width: 60px;
        margin-bottom: 5px;
    }

    .home .body_lines {
        display: none !important;
    }

    .booing-info h3 {
        margin: 5px;
    }

    .footer-social-icon a {
        width: 40px;
        height: 40px;
    }

    .footer-social-icon i {
        height: 40px;
        width: 40px;
    }

    .footer-social-icon span {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .copyright-text p {
        font-size: 15px;
    }
    .cta_block .cta_content {
        flex-direction: column;
    }
    .cta_block .cta_content p {
        font-size: 20px !important;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 23px !important;
    }
    .car-box .car-img {
        left: 0px;
    }
}

.error-section h2 {
    font-size: 75px;
}

.error-section p {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
}