/*------------------------------------------Project Name : Car RentalDesgined By  : eCreative solutionsDeveloped By : sharjeel;Date        :
01/February/18;Table Of Index------------------
1. Base css
2. Typography css
3. Header css
4. Banner css5. Booking Form css6. About Us css
7. Counter css8. Services css
9. Support Team css
10. Testimonials css
11. Blog css
12. contact form css
13. Footer css
14. Media Quries css
------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600;700&display=swap');

html,
body {
    min-height: 100%;
}

/* Search Form Styling */
.search-form-container {
    position: relative;
    background: url('path/to/car-background-image.jpg') no-repeat center center;
    background-size: cover;
    padding: 40px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Ensures proper alignment and responsiveness */
.rently-search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Adjusts form elements for proper spacing */
.form-group {
    flex: 1 1 300px;
    min-width: 280px;
    margin-bottom: 10px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s ease;
}

.form-control:focus {
    outline: none;
    border-color: #2d308f;
    box-shadow: 0 2px 8px rgba(45, 48, 143, 0.2);
}

/* Search button */
.search-button {
    background-color: #2d308f;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(45, 48, 143, 0.3);
    transition: background-color 0.3s ease, transform 0.2s ease;
    min-width: 150px;
}

.search-button:hover {
    background-color: #1f235f;
    transform: translateY(-2px);
}

.search-button:active {
    transform: translateY(0);
}

/* Media Queries for Responsive Design */
@media (max-width: 768px) {
    .rently-search-form {
        flex-direction: column;
        align-items: stretch;
    }

    .form-group {
        width: 100%;
    }

    .search-button {
        width: 100%;
        text-align: center;
    }
}

body {
    background: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    overflow-x: hidden;
}

/* Reset and general styles */
.team-card {
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12), 0 6px 15px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 30px;
    padding: 25px;
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.5s ease, background 0.4s ease;
    border: 1px solid #e9ecef;
    position: relative;
    height: auto;
    /* Fixed height for all cards */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* Ensures content is evenly distributed vertically */
}

.team-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(45deg, #1a73e8, #2d308f);
    border-radius: 15px 15px 0 0;
    z-index: 1;
}

.team-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15), 0 10px 20px rgba(0, 0, 0, 0.1);
    background: linear-gradient(145deg, #ffffff, #f5f7fa);
}

/* Team image styling (circular profile image with glow and animation) */
.team-image {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    flex-shrink: 0;
    /* Prevents image from shrinking */
}

.team-image img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    /* object-fit: cover; */
    border: 5px solid #1aa6e3;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
    position: relative;
    z-index: 2;
}

.team-image img:hover {
    transform: scale(1.1);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18), 0 6px 15px rgba(0, 0, 0, 0.12);
    border-color: #2d308f;
}

/* Team info styling (centered vertically within the card) */
.team-info {
    text-align: center;
    padding: 20px 0;
    position: relative;
    z-index: 2;
    flex-grow: 1;
    /* Allows info to grow and fill remaining space */
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Centers content vertically */
    align-items: center;
}

.team-name {
    font-size: 25px;
    color: #1aa6e3;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    animation: fadeIn 1s ease-in;
    white-space: nowrap;
    /* Prevents name from wrapping to multiple lines */
    overflow: hidden;
    /* Hides overflow if name is too long */
    text-overflow: ellipsis;
    /* Adds ellipsis if name overflows */
    max-width: 100%;
    /* Ensures name fits within card width */
}

.team-role {
    font-size: 1.2em;
    color: #7f8c8d;
    margin: 0 0 20px;
    font-weight: 500;
    opacity: 0.95;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

/* Activity stats styling */
.team-stats {
    margin: 20px 0;
    color: #495057;
    flex-shrink: 0;
    /* Prevents stats from shrinking */
}

.stat-label {
    font-size: 1em;
    font-weight: 600;
    color: #2c3e50;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.activity-bar {
    width: 100%;
    background-color: #f8f9fa;
    border-radius: 10px;
    height: 15px;
    margin-top: 8px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08);
}

.activity-progress {
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg, #1aa6e3, #1aa6e3, #1aa6e3);
    transition: width 0.5s ease-in-out;
    animation: progressAnim 1.5s ease-in-out;
}

/* Contact info styling */
.team-contact {
    font-size: 1.1em;
    color: #666;
    margin: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: color 0.4s ease, transform 0.3s ease;
    position: relative;
    flex-shrink: 0;
    /* Prevents contacts from shrinking */
}

.team-contact i {
    font-size: 1.2em;
    color: #1aa6e3;
    transition: color 0.4s ease, transform 0.3s ease;
}

.team-contact .contact-text {
    font-weight: 500;
    color: #495057;
    transition: color 0.4s ease;
}

.team-contact:hover {
    transform: translateX(5px);
    color: #2c3e50;
}

.team-contact:hover i {
    color: #2196f3;
    transform: scale(1.1);
}

.team-contact:hover .contact-text {
    color: #2196f3;
}

/* Social links styling */
.social-links {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
    flex-shrink: 0;
    /* Prevents social links from shrinking */
}

.social-links li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(45deg, #1a73e8, #2d308f);
    transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.08);
}

.social-twitter {
    background: linear-gradient(45deg, #1da1f2, #0d95e8);
}

.social-facebook {
    background: linear-gradient(45deg, #1877f2, #0d47a1);
}

.social-linkedin {
    background: linear-gradient(45deg, #0e76a8, #0a5c80);
}

.social-links li a:hover {
    transform: scale(1.15);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18), 0 5px 15px rgba(0, 0, 0, 0.12);
    background: linear-gradient(45deg, #2196f3, #4caf50);
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes progressAnim {
    from {
        width: 0;
    }

    to {
        width: 87%;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .team-card {
        height: 500px;
        /* Slightly reduced height for mobile */
        margin: 20px auto;
        padding: 20px;
    }

    .team-image img {
        width: 120px;
        height: 120px;
    }

    .team-name {
        font-size: 1.7em;
    }

    .team-role {
        font-size: 1.1em;
    }

    .social-links li a {
        width: 40px;
        height: 40px;
    }

    .team-contact {
        font-size: 1em;
    }
}

.car-card-wrapper {
    margin-bottom: 30px;
}

.car-card {
    width: 100%;
    background: #ffffff;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    font-family: 'Arial', sans-serif;
    transition: transform 0.4s ease, box-shadow 0.4s ease;

}

.car-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

.car-media {
    position: relative;
    /* height: 250px; */
    /* Increased height for better visibility */
    background: transparent;
    overflow: hidden;
}

.car-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    /* Slightly increased opacity for better visibility */
    transition: transform 0.5s ease;
}

.car-card:hover .car-media img {
    transform: scale(1.1);
    /* Slightly more pronounced zoom for a premium feel */
}

.car-type-tag {
    position: absolute;
    top: 20px;
    right: 20px;
    background: linear-gradient(135deg, #1aa6e3, #1aa6e3);
    color: #fff;
    padding: 8px 16px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    /* For a sleek, modern look */
}

.car-type-tag img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
    /* Ensure icon is visible against gradient */
}

.car-details {
    padding: 30px;
    text-align: center;
    background: #f9f9f9;
    /* Light background for contrast */
    border-top: 2px solid #e0e0e0;
    /* Subtle divider */
}

.car-details h3 {
    margin: 0 0 10px;
    font-size: 26px;
    color: #1a73e8;
    /* Darker blue for better contrast */
    font-weight: 700;
    white-space: nowrap;
    /* Prevents name from wrapping to multiple lines */
    overflow: hidden;
    /* Hides overflow if name is too long */
    text-overflow: ellipsis;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    /* Subtle text shadow for depth */
}

.car-subtitle {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    font-weight: 500;
}

.car-specs {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
    display: grid;
    gap: 15px;
    background: #fff;
    justify-content: center;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.car-specs li {
    display: flex;
    width: 200px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #34495e;
    background: #f5f5f5;
    padding: 8px 12px;
    border-radius: 12px;
    transition: transform 0.3s ease, background 0.3s ease;
}

.car-specs li:hover {
    transform: translateY(-2px);
    background: #e0f0ff;
}

.car-specs li img {
    width: 24px;
    height: 24px;
    opacity: 0.9;
}

.car-specs li strong {
    font-weight: 600;
    color: #1a73e8;
}

.car-pricing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 2px solid #e0e0e0;
}

.car-cost strong {
    font-size: 28px;
    color: #1aa6e3;
    font-weight: 800;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.car-cost span {
    font-size: 16px;
    color: #777;
    font-weight: 500;
}

.car-cta {
    display: inline-block;
    padding: 12px 25px;
    background: linear-gradient(135deg, #1aa6e3, #1aa6e3);
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(26, 166, 227, 0.4);
    transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.car-cta:hover {
    background: linear-gradient(135deg, #1aa6e3, #1aa6e3);
    transform: scale(1.08);
    box-shadow: 0 6px 20px rgba(26, 166, 227, 0.6);
    color: #fff;
}


/*---------------------------------------   Typorgraphy              -----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h4 {
    font-weight: 500;
}

h1 {
    font-size: 50px;
}

h2 {
    color: #272727;
    font-size: 36px;
    line-height: 52px;
    margin: 0px;
}

h3 {
    font-size: 16px;
    line-height: 32px;
}

h4 {
    color: #454545;
    font-size: 18px;
    line-height: 26px;
}

h5 {
    letter-spacing: 0.5px;
}

p {
    color: #777;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}

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

img {
    max-width: 100%;
}

/*---------------------------------------   Buttons               -----------------------------------------*/
.btn-success:focus {
    background-color: #000;
    color: #ffffff;
}

.sticky-top {
    position: static !important;
}

.section-btn {
    background: #1aa6e3;
    border-radius: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 12px 30px;
    margin-top: 22px;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
}

.section-btn:focus,
.section-btn:hover {
    background: #fff;
    color: #333;
}

.readmore {
    margin-top: 30px;
}

.readmore a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    background: #1aa6e3;
    padding: 8px 30px;
    border-radius: 5px;
}

.readmore a:hover {
    background: rgb(23, 40, 59);
    color: #fff;
}



/*---------------------------------------   General               -----------------------------------------*/
html {
    -webkit-font-smoothing: antialiased;
}

a {
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    color: #1aa6e3;
    text-decoration: none !important;
}

a:hover,
a:active,
a:focus {
    color: #1aa6e3;
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.parallax-section {
    background-attachment: fixed !important;
    background-size: cover !important;
}

.section-title {
    margin: 0;
    padding-bottom: 50px;
    text-align: center;
}

.section-title h3 {
    position: relative;
    font-size: 40px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 42px;
}

.section-title h3:after {
    content: "";
    background: #1aa6e3;
    height: 2px;
    width: 60px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
}

.section-title h3:before {
    content: "";
    background: #1aa6e3;
    height: 9px;
    width: 4px;
    position: absolute;
    bottom: -33px;
    left: 50%;
    margin-left: -2px;
}

.section-title h3 span {
    color: #1aa6e3;
    font-weight: 400;
}

.section-title p {
    max-width: 800px;
    margin: auto;
}

.parallax-section {
    padding: 70px 0;
    position: relative;
}

#counter,
#service,
#contact,
#address {
    text-align: center;
}

.large-title p {
    color: white !important;
    font-size: 18px !important;
}

.help-block-error {
    color: red;
}

.pac-container {
    z-index: 10000 !important;
}

/*---------------------------------------     Preloader section              -----------------------------------------*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
}

.cssload-dots {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    outline: 1px solid red;
    filter: url(#goo);
    -o-filter: url(#goo);
    -ms-filter: url(#goo);
    -webkit-filter: url(#goo);
    -moz-filter: url(#goo);
}

.cssload-dot {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.cssload-dot:before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 49px;
    background: rgb(15, 229, 143);
    position: absolute;
    left: 50%;
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    margin-left: -17.5px;
    margin-top: -17.5px;
}

.cssload-dot:nth-child(5):before {
    z-index: 100;
    width: 44.5px;
    height: 44.5px;
    margin-left: -21.75px;
    margin-top: -21.75px;
    animation: cssload-dot-colors 4.6s ease infinite;
    -o-animation: cssload-dot-colors 4.6s ease infinite;
    -ms-animation: cssload-dot-colors 4.6s ease infinite;
    -webkit-animation: cssload-dot-colors 4.6s ease infinite;
    -moz-animation: cssload-dot-colors 4.6s ease infinite;
}

.cssload-dot:nth-child(1) {
    animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
}

.cssload-dot:nth-child(1):before {
    background-color: rgb(255, 50, 112);
    animation: cssload-dot-move 4.6s 0s ease infinite;
    -o-animation: cssload-dot-move 4.6s 0s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 0s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 0s ease infinite;
}

.cssload-dot:nth-child(2) {
    animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
}

.cssload-dot:nth-child(2):before {
    background-color: rgb(32, 139, 241);
    animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
}

.cssload-dot:nth-child(3) {
    animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
}

.cssload-dot:nth-child(3):before {
    background-color: rgb(175, 225, 2);
    animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
}

.cssload-dot:nth-child(4) {
    animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
}

.cssload-dot:nth-child(4):before {
    background-color: rgb(251, 211, 1);
    animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
}

@keyframes cssload-dot-move {
    0% {
        transform: translateY(0);
    }

    18%,
    22% {
        transform: translateY(-68px);
    }

    40%,
    100% {
        transform: translateY(0);
    }
}

@-o-keyframes cssload-dot-move {
    0% {
        -o-transform: translateY(0);
    }

    18%,
    22% {
        -o-transform: translateY(-68px);
    }

    40%,
    100% {
        -o-transform: translateY(0);
    }
}

@-ms-keyframes cssload-dot-move {
    0% {
        -ms-transform: translateY(0);
    }

    18%,
    22% {
        -ms-transform: translateY(-68px);
    }

    40%,
    100% {
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes cssload-dot-move {
    0% {
        -webkit-transform: translateY(0);
    }

    18%,
    22% {
        -webkit-transform: translateY(-68px);
    }

    40%,
    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes cssload-dot-move {
    0% {
        -moz-transform: translateY(0);
    }

    18%,
    22% {
        -moz-transform: translateY(-68px);
    }

    40%,
    100% {
        -moz-transform: translateY(0);
    }
}

@keyframes cssload-dot-colors {
    0% {
        background-color: rgb(15, 229, 143);
    }

    25% {
        background-color: rgb(255, 50, 112);
    }

    50% {
        background-color: rgb(32, 139, 241);
    }

    75% {
        background-color: rgb(175, 225, 2);
    }

    100% {
        background-color: rgb(251, 211, 1);
    }
}

@-o-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(15, 229, 143);
    }

    25% {
        background-color: rgb(255, 50, 112);
    }

    50% {
        background-color: rgb(32, 139, 241);
    }

    75% {
        background-color: rgb(175, 225, 2);
    }

    100% {
        background-color: rgb(251, 211, 1);
    }
}

@-ms-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(15, 229, 143);
    }

    25% {
        background-color: rgb(255, 50, 112);
    }

    50% {
        background-color: rgb(32, 139, 241);
    }

    75% {
        background-color: rgb(175, 225, 2);
    }

    100% {
        background-color: rgb(251, 211, 1);
    }
}

@-webkit-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(15, 229, 143);
    }

    25% {
        background-color: rgb(255, 50, 112);
    }

    50% {
        background-color: rgb(32, 139, 241);
    }

    75% {
        background-color: rgb(175, 225, 2);
    }

    100% {
        background-color: rgb(251, 211, 1);
    }
}

@-moz-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(15, 229, 143);
    }

    25% {
        background-color: rgb(255, 50, 112);
    }

    50% {
        background-color: rgb(32, 139, 241);
    }

    75% {
        background-color: rgb(175, 225, 2);
    }

    100% {
        background-color: rgb(251, 211, 1);
    }
}

@keyframes cssload-dot-rotate-1 {
    0% {
        transform: rotate(-105deg);
    }

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

@-o-keyframes cssload-dot-rotate-1 {
    0% {
        -o-transform: rotate(-105deg);
    }

    100% {
        -o-transform: rotate(270deg);
    }
}

@-ms-keyframes cssload-dot-rotate-1 {
    0% {
        -ms-transform: rotate(-105deg);
    }

    100% {
        -ms-transform: rotate(270deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-1 {
    0% {
        -webkit-transform: rotate(-105deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
    }
}

@-moz-keyframes cssload-dot-rotate-1 {
    0% {
        -moz-transform: rotate(-105deg);
    }

    100% {
        -moz-transform: rotate(270deg);
    }
}

@keyframes cssload-dot-rotate-2 {
    0% {
        transform: rotate(165deg);
    }

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

@-o-keyframes cssload-dot-rotate-2 {
    0% {
        -o-transform: rotate(165deg);
    }

    100% {
        -o-transform: rotate(540deg);
    }
}

@-ms-keyframes cssload-dot-rotate-2 {
    0% {
        -ms-transform: rotate(165deg);
    }

    100% {
        -ms-transform: rotate(540deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-2 {
    0% {
        -webkit-transform: rotate(165deg);
    }

    100% {
        -webkit-transform: rotate(540deg);
    }
}

@-moz-keyframes cssload-dot-rotate-2 {
    0% {
        -moz-transform: rotate(165deg);
    }

    100% {
        -moz-transform: rotate(540deg);
    }
}

@keyframes cssload-dot-rotate-3 {
    0% {
        transform: rotate(435deg);
    }

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

@-o-keyframes cssload-dot-rotate-3 {
    0% {
        -o-transform: rotate(435deg);
    }

    100% {
        -o-transform: rotate(810deg);
    }
}

@-ms-keyframes cssload-dot-rotate-3 {
    0% {
        -ms-transform: rotate(435deg);
    }

    100% {
        -ms-transform: rotate(810deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-3 {
    0% {
        -webkit-transform: rotate(435deg);
    }

    100% {
        -webkit-transform: rotate(810deg);
    }
}

@-moz-keyframes cssload-dot-rotate-3 {
    0% {
        -moz-transform: rotate(435deg);
    }

    100% {
        -moz-transform: rotate(810deg);
    }
}

@keyframes cssload-dot-rotate-4 {
    0% {
        transform: rotate(705deg);
    }

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

@-o-keyframes cssload-dot-rotate-4 {
    0% {
        -o-transform: rotate(705deg);
    }

    100% {
        -o-transform: rotate(1080deg);
    }
}

@-ms-keyframes cssload-dot-rotate-4 {
    0% {
        -ms-transform: rotate(705deg);
    }

    100% {
        -ms-transform: rotate(1080deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-4 {
    0% {
        -webkit-transform: rotate(705deg);
    }

    100% {
        -webkit-transform: rotate(1080deg);
    }
}

@-moz-keyframes cssload-dot-rotate-4 {
    0% {
        -moz-transform: rotate(705deg);
    }

    100% {
        -moz-transform: rotate(1080deg);
    }
}

/*---------------------------------------     Navigation section              -----------------------------------------*/
.sticky-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.navbar {
    border-radius: 0;
    padding: .1rem 0;
}

.navbar-nav {
    border: none;
    margin-bottom: 0;
    padding: 6px 0;
    width: 100%;
}

.is-sticky .custom-navbar {
    background: rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
    width: 100%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(50px);
}

.custom-navbar .navbar-brand {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    line-height: 35px;
}

.custom-navbar .navbar-brand span {
    color: #1aa6e3;
}

.close-toggler {
    display: none;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    letter-spacing: 0.3px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.navbar-light .navbar-nav .nav-link:hover {
    background: transparent;
    color: #ffffff;
}

.navbar-nav li .calltxt {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: block;
    margin-top: 10px;
    border-left: 1px solid #fff;
    padding: 7px 15px;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.is-sticky .navbar-light .navbar-nav .nav-link {
    color: #999;
}

.is-sticky .navbar-light .navbar-nav .nav-link:hover {
    color: #1aa6e3;
}

.is-sticky .custom-navbar .navbar-brand {
    color: #1aa6e3;
    line-height: 10px;
}

.is-sticky .custom-navbar .navbar-brand span {
    color: #333;
}

.is-sticky .navbar-nav .calltxt {
    background: #1aa6e3;
    border-color: #1aa6e3;
    margin-top: 10px;
    color: #fff;
}

.navbar-nav .navbar-nav>li>a:hover,
.navbar-nav .navbar-nav>li>a:focus {
    background-color: transparent;
}

.navbar-nav .nav li.active>a {
    background-color: transparent;
    color: #1aa6e3;
}

.navbar-nav .navbar-toggle {
    border: none;
    padding-top: 10px;
}

.navbar-nav .navbar-toggle {
    background-color: transparent;
}

.navbar-nav .navbar-toggle .icon-bar {
    background: #1aa6e3;
    border-color: transparent;
}

.navbar-collapse.in {
    overflow: visible;
    max-height: none;
    background: #1aa6e3;
    padding: 0 30px;
}

.navbar-collapse.in .nav li.active a {
    color: #000;
}

.is-sticky .navbar-nav .nav li a {
    line-height: 24px;
}

@media (min-width: 768px) {
    .navbar-nav {
        border-bottom: 0;
    }

    .navbar-nav.top-nav-collapse {
        background: rgba(0, 0, 0, 0.7);
        padding: 6px 0;
    }
}

.navbar-light .navbar-nav .nav-link.active {
    color: #1aa6e3;
}

/*---------------------------------------    Home section              -----------------------------------------*/
#home {
    background: url(../images/home-bg.jpg) no-repeat bottom;
    background-size: cover;
    color: #ffffff;
    position: relative;
    min-height: 800px;
}

#home h3 {
    color: #f0f0f0;
}

#home .overlay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide-text {
    margin-top: 220px;
}

.slide-text h1 {
    margin-top: 0;
    font-weight: 700;
}

.slide-text h3 {
    font-size: 30px;
}

.slide-text p {
    color: #fff;
    line-height: 24px;
    max-width: 770px;
}

#js-rotating {
    border: 1px solid #fff;
    padding: 10px 20px;
    display: inline-block;
}

/*Banner Form*/
.bformBox {
    background: #1aa6e3;
    padding: 40px;
    position: relative;
    z-index: 100;
    border-radius: 1.25rem !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.bformBox.nomr {
    margin-top: 0;
}

.bformBox h3 {
    color: #fff;
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
}

.bformBox .formrow {
    margin-bottom: 20px;
}

.bformBox .formrow .form-control {
    height: auto;
    border-radius: 0;
    padding: 10px 15px;
    font-size: 22px;
    border-color: #ddd;
    box-shadow: none;
    color: #999;
    border: none;
    background: #fff;

}

.bformBox .formrow textarea.form-control {
    height: 100px;
}

.bformBox .formrow .bootstrap-select {
    padding: 0;
    background: none;
}

.bformBox .formrow .dropdown-toggle {
    padding: 10px 15px;
    border-radius: 0;
    font-size: 22px;
    color: #999;
    border: none;
    z-index: 1;
}

.bformBox .formrow .dropdown-toggle:hover,
.bformBox .formrow .dropdown-toggle:active,
.bformBox .formrow .dropdown-toggle:focus {
    background: #fff;
}

.bformBox .input-group-addon {
    background: #2d308f;
    color: #444;
    font-size: 16px;
    border-color: #eee;
    padding: 6px 20px;
    line-height: 42px;
}

.formrow .dropdown-menu .form-control {
    border: 1px solid #ddd;
    font-size: 16px;
    margin-bottom: 10px;
}

.formbtn {
    text-align: center;
    margin-top: 10px;
}

.formbtn .btn {
    background: #333;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 700;
}

.formbtn .btn:hover {
    background: rgba(0, 0, 0, 0.5);
}

.bformBox.carbookext {
    margin-top: 0;
    background: none;
    padding: 0;
    box-shadow: none;
}

.bformBox.carbookext h3 {
    color: #333;
}

.bformBox.carbookext h3 strong {
    color: #1aa6e3;
}

.bformBox.carbookext .form-control {
    border: 1px solid #ddd;
}

.bformBox.carbookext textarea.form-control {
    height: 200px;
}



/*** ==============================================
                Cars Category
================================================***/
.typescategory {
    padding: 60px 0;
    background: #f5f5f5;
}

.typescategory .section-title {
    padding-bottom: 30px;
}

.catebox {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    background: #fff;
}

.catebox:hover {
    border-color: #3e78ba;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.catebox img {
    max-width: 90px;
    opacity: 0.5;
}

.catebox:hover img {
    opacity: 1;
}

.catebox a {
    font-size: 14px;
    text-decoration: none;
    display: block;
}

.catebox h3 {
    font-size: 14px;
    margin-bottom: 10px;
}

.catebox:hover h3 {
    color: #3e78ba;
}

.catebox p {
    margin-bottom: 0;
    font-size: 14px;
}

.catebox p span {
    display: inline-block;
    background: #1aa6e3;
    color: #fff;
    padding: 3px 8px;
    line-height: 18px;
    border-radius: 5px;
}


.carnewbox {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

.carnewbox:hover {
    border-color: #3e78ba;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.carinfodata {
    padding: 25px 25px 15px;
}

.carimg {
    position: relative;
}

.carcategory {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: #1aa6e3;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.carcategory img {
    width: 36px;
    filter: invert(100%);
    margin-right: 5px;
}

.carinfodata h3 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
}

.carinfodata .subtitle {
    color: #1aa6e3;
    font-size: 16px;
    margin-bottom: 15px;
}

.caropt {
    display: flex;
}

.caropt li {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    text-align: center;
    border-right: 1px solid #eee;
}

.caropt li:last-child {
    border: none;
}

.caropt li strong {
    display: block;
}

.caropt li img {
    max-width: 24px;
    opacity: 0.5;
}

.carnewbox .pricebox {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carnewbox .carPrice strong {
    font-size: 30px;
    color: #1aa6e3;
}

.carnewbox .pricebox a {
    display: inline-block;
    background: #1aa6e3;
    font-size: 14px;
    padding: 8px 15px;
    color: #fff;
    border-radius: 5px;
}

.carnewbox .pricebox a:hover {
    background: #000;
}







/*---------------------------------------   Cars List section              -----------------------------------------*/
.vehiclesList ul li h3 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1aa6e3;
    margin: 30px 0 0 0;
}

.carslisting li.item {
    margin-bottom: 40px;
    border: 1px solid #eee;
    padding: 20px;
}

.carslisting li.item:hover {
    border-color: #444;
}

.vehiclesList ul li .subtitle {
    color: #888;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
}

.vehiclesList ul li .subtitle:after {
    position: absolute;
    width: 40px;
    height: 5px;
    background: #1aa6e3;
    content: "";
    left: 0;
    bottom: 0;
}

.vehiclesList ul li .btn {
    display: block;
    background: #333;
    margin-top: 20px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    padding: 15px 30px;
    font-size: 18px;
}

.vehiclesList ul li .btn:hover {
    background: #1aa6e3;
}

.carPrice strong {
    font-size: 48px;
    line-height: 48px;
}

.carPrice span {
    font-size: 14px;
    vertical-align: top;
    color: #999;
    display: inline-block;
    margin-top: 5px;
}

.intcarPrice {
    background: #1aa6e3;
    text-align: center;
    border-radius: 15px;
    margin-bottom: 10px;
    padding: 5px;
    color: #fff;
}

.intcarPrice strong {
    font-size: 48px;
    line-height: 48px;
}

.intcarPrice span {
    font-size: 18px;
    vertical-align: top;
    color: #fe0;
    display: inline-block;
    margin-top: 5px;
}


.sticky-top {
    top: 120px;
}

.carinfo {
    padding: 20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    min-height: 405px;
    line-height: 2.5;

}

.carinfo ul li {
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px 0;
}

.carinfo ul li:last-child {
    border-bottom: 0;
}

.carinfo ul li strong {
    float: right;
}


.carimages .owl-nav button {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -20px;
    border: none;
}

.carimages .owl-next {
    right: 15px;
}

.carimages .owl-prev {
    left: 15px;
}

.cardetails h1 {
    font-weight: 700;
    font-size: 36px;
}

.cardetails .subtitle {
    font-weight: 600;
    color: #1aa6e3;
    margin-bottom: 30px;
}

.cardetails p {
    line-height: 28px;
    text-align: justify;

}

.cardetails p:empty {
    display: none;
}



/*---------------------------------------   Counter section              -----------------------------------------*/
#counter {
    background: url(../images/counter-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0;
    background-attachment: fixed !important;
}

.counterbox {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    padding: 30px;
    position: relative;
}


.animatebg {
    background: #0562da;
    -webkit-animation: bannerbg 5s linear 2s infinite alternate;
    /* Safari 4.0 - 8.0 */
    animation: bannerbg 5s linear 2s infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes bannerbg {
    0% {
        background-color: #0562da;
    }

    25% {
        background-color: #fec107;
    }

    50% {
        background-color: #c90157;
    }

    75% {
        background-color: #1aa6e3;
    }

    100% {
        background-color: #1aa6e3;
    }
}

/* Standard syntax */
@keyframes bannerbg {
    0% {
        background-color: #0562da;
    }

    25% {
        background-color: #fec107;
    }

    50% {
        background-color: #c90157;
    }

    75% {
        background-color: #1aa6e3;
    }

    100% {
        background-color: #1aa6e3;
    }
}

#counter .counter-number {
    display: block;
    color: #fff;
    font-size: 60px;
    line-height: 60px;
}

#counter span {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

.counter-icon {
    font-size: 60px;
    margin-bottom: 5px;
    color: #1aa6e3;
}

/*********************************************		Revolution slider options**********************************************/
.tp-banner-container {
    position: relative;
    z-index: ;
    padding: 0;
    width: 100%;
}

.tp-banner {
    position: relative;
    width: 100%;
}

.tp-banner ul {
    padding: 0;
    margin: 0;
}

.tp-caption {
    line-height: normal !important;
}

.tp-caption a {
    color: inherit !important;
}

.tp-bullets.simplebullets.round .bullet {
    border: 3px #fff solid;
    border-radius: 50%;
    background-image: none !important;
}

.tparrows {
    width: auto !important;
    height: auto !important;
    background-image: none !important;
}

.tp-arr-allwrapper {
    margin: 0 10px;
    width: 50px;
    height: 60px;
}

.tp-arr-allwrapper:hover .tp-arr-iwrapper {
    color: #fff;
}

.tp-leftarrow .tp-arr-allwrapper {}

.tp-rightarrow .tp-arr-allwrapper {}

.tp-arr-iwrapper {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 60px;
}

.tp-leftarrow .tp-arr-iwrapper {}

.tp-leftarrow .tp-arr-iwrapper:before {
    content: "\f104";
}

.tp-rightarrow .tp-arr-iwrapper:before {
    content: "\f105";
}

.tp-rightarrow .tp-arr-iwrapper {}

.slide-h1 {
    margin: 5px 0 !important;
    padding: 0 0 10px !important;
    padding-bottom: 5px !important;
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 57px;
}

.slide-h2 {
    margin: 5px 0 !important;
    padding: 0 0 10px !important;
    padding-bottom: 5px !important;
    color: #555;
    font-weight: bold;
    font-size: 55px;
    line-height: 100%;
}

.big-font {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 60px;
}

.large-desc {
    font-size: 16px;
}

.slide-h3 {
    color: #fff;
    font-size: 31px;
    line-height: 100%;
}

.slide-h3 span {
    text-transform: uppercase;
    font-weight: bold;
}

.slide-head {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
}

.slide-desc {
    font-size: 22px;
    line-height: 150%;
}

.main-title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 70px;
}

.icon-cont {
    padding: 15px 40px;
    border-radius: 10px;
    text-align: center;
}

.icon-cont:after {
    position: absolute;
    bottom: -10px;
    left: 40%;
    z-index: 5;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    content: "";
}

.icon-cont i {
    margin-bottom: 10px;
    color: #fff;
    font-size: 50px;
}

.icon-cont span {
    display: block;
    padding: 0 0 5px;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

a.wit-btn {
    background: #fff;
    color: #333 !important;
    text-transform: uppercase;
}

.wit-line {
    width: 5%;
    height: 1px;
    background: #fff;
}

.vert-line {
    min-height: 270px;
    width: 1px;
    background: #fff;
}

.subTxt {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    color: #333;
}

.large-title {
    color: #222;
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase !important;
}

.large-light-title {
    color: #787878 !important;
    font-size: 70px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.large-text {
    font-size: 20px;
    color: #000;
    font-weight: lighter;
}

.larger-text {
    font-size: 24px;
    font-weight: lighter;
    text-transform: uppercase;
}

.witTxt {
    color: #fff !important;
}

.light-font {
    font-weight: lighter !important;
    font-size: 50px;
}

.black-bg {
    background: rgba(0, 0, 0, 0.63);
    color: #a8a8a8;
    text-transform: none;
}

.lft-list {
    padding: 10px;
    font-size: 18px;
    color: #fff;
}

.wit-border {
    border: 1px #fff solid;
    padding: 15px 60px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.rounded-bord {
    margin-right: 15px;
    border: 1px #fff solid;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border-radius: 50%;
}

#vertical-ticker {
    height: 120px;
    overflow: hidden;
}

#vertical-ticker li {
    padding: 15px 20px;
    display: block;
    text-align: center;
}

.to-bottom i.fa {
    font-size: 30px;
    border: 2px #a8a8a8 solid;
    padding: 20px 22px;
    border-radius: 50%;
    -webkit-animation: bounce 2s infinite linear;
    animation: bounce 2s infinite linear;
}

.slidertext1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    padding: 15px 0;
    text-transform: none !important;
    font-family: 'Montserrat', sans-serif;
}

.slidertext1 span {
    color: #1aa6e3;
}

.slidertext2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 15px 0;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
}

.sliderpara {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0;
    text-transform: none !important;
}

.sliderbtn a {
    color: #fff !important;
}

.sliderbtn a:hover {
    color: #000 !important;
}

.tp-bannertimer {
    display: none;
}

@-webkit-keyframes bounce {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(-30%);
    }

    100% {
        transform: translateY(0);
    }
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(-30%);
    }

    100% {
        transform: translateY(0);
    }
}

/* Opera 12.0 */
@-o-keyframes bounce {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(-30%);
    }

    100% {
        transform: translateY(0);
    }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(-30%);
    }

    100% {
        transform: translateY(0);
    }
}

/*---------------------------------------    About section              -----------------------------------------*/
#about {
    padding: 70px 0;
}

.about-desc h2 {
    font-size: 36px;
    text-align: center;
    color: #272727;
    font-weight: 500;
    margin-bottom: 30px;
}

#about .about-desc h4 {
    margin-top: 0px;
    padding-bottom: 8px;
}

#about .about-desc h3 {
    font-size: 24px;
}

#about .about-desc p {}

#about .about-desc a {
    color: #565656;
}

#about .about-desc a:hover {
    color: #1aa6e3;
}

.circleList {
    list-style: none;
}

.circleList li {
    text-align: center;
    margin-bottom: 0;
}

.circleList li .cricle {
    color: #555;
    font-size: 36px;
    text-align: center;
    margin: 0 auto;
    background: #eee;
    padding: 15px 11px;
}

.circleList li .title {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #1aa6e3;
}

#about .team-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
}

#about .team-wrapper h2 {
    color: #353535;
    font-size: 26px;
    line-height: 32px;
}

#about .team-wrapper strong {
    color: #1aa6e3;
    font-weight: 600;
}

#about .team-wrapper img {
    border-radius: 2px;
    width: 100%;
}

#about .team-wrapper .team-desc {
    background: rgba(250, 250, 250, 0.5);
    position: absolute;
    cursor: crosshair;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 20em 4em 0 0;
    transition: all 0.4s ease-in-out;
    text-align: right;
}

#about .team-wrapper:hover .team-desc {
    opacity: 1;
    transform: scale(1.1);
}

ul.orderlist {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}

ul.orderlist li {
    color: #333;
    font-size: 16px;
    position: relative;
    padding: 10px 0;
    padding-left: 45px;
    line-height: 30px;
    font-weight: 600;
}

ul.orderlist li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    vertical-align: middle;
    color: #fff;
    background: #1aa6e3;
    padding: 4px 8px;
    line-height: 24px;
    font-weight: 900;
}

/*********************************************			Services Start**********************************************/
.servicesbox {
    padding: 100px 0;
}

.servicesbox h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 40px 0;
    position: relative;
}

.servicesbox h3:after {
    content: "";
    background: #1aa6e3;
    height: 2px;
    width: 60px;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.servicesbox h3:before {
    content: "";
    background: #1aa6e3;
    height: 9px;
    width: 4px;
    position: absolute;
    bottom: -23px;
    left: 28px;
}

.servicesbox p {
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 26px;
    font-weight: 300;
    margin-top: 10px;
}

.servicesbox .readmore {
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: 600;
    background: #1aa6e3;
    border-radius: 0;
}

.servicesbox .readmore i {
    font-weight: 400;
    margin-left: 10px;
}

.servicesbox .readmore:hover {
    background: #fff;
    color: #333;
    text-decoration: none;
}

.dark h3 {
    color: #000;
}

.dark p {
    color: #000;
}

.bg1 {
    background: url(../images/service-bg-1.jpg) no-repeat left;
    background-size: cover !important;
}

/*---------------------------------------   			How it works         -----------------------------------------*/
.howitwrap {
    position: relative;
}

.howitwrap .section-title {
    text-align: left;
    padding-bottom: 15px;
}

.howitwrap .section-title h3:after {
    left: 0;
    margin-left: 0;
}

.howitwrap .section-title h3:before {
    left: 26px;
    margin-left: 0;
}

.howlist {
    list-style: none;
    margin-bottom: 20px;
}

.howlist li {
    margin-top: 30px;
}

.howlist li .howbox:after {
    display: table;
    clear: both;
    content: "";
}

.howlist li .iconcircle {
    margin-bottom: 15px;
    float: left;
    margin-right: 30px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #1aa6e3;
    text-align: center;
    line-height: 50px;
}

.howlist li .iconcircle i {
    font-size: 24px;
    color: #fff;
    margin-top: 22px;
    display: block;
}

.howlist li h4 {
    font-size: 18px;
    font-weight: 700;
    color: #444;
    margin-bottom: 5px;
}

.howlist li p {
    font-size: 16px;
    line-height: 24px;
    color: #555;
}

.fullimg {
    height: 650px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    width: 50%;
    float: left;
}

.stcontent {
    float: left;
    padding: 50px;
    width: 50%;
}

/*---------------------------------------   Service section              -----------------------------------------*/
#service .service-thumb {
    margin-bottom: 30px;
    background: #1aa6e3;
    padding: 30px;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    border-radius: 10px;
}

#service .service-thumb:hover {
    background: #111;
}

#service .service-thumb h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

#service .thumb-icon {
    background: #0c3574;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 10px;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
}

#service .service-thumb:hover .thumb-icon {
    background: rgba(255, 255, 255, 0.5);
}

#service .service-thumb p {
    color: #fff;
    margin-bottom: 0;
}

#service i {
    font-size: 24px;
    margin-top: 22px;
    color: #fff;
}

/*---------------------------------------    Team section              -----------------------------------------*/
#team {
    background: #fff;
}

#team .thumb-image {
    margin-bottom: 15px;
    overflow: hidden;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
}

#team .team-thumb:hover .thumb-image {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-color: #000;
}

#team .team-thumb h4 {
    margin: 0 0 10px 0;
    color: #1aa6e3;
    font-size: 24px;
    font-weight: 700;
}

#team .team-thumb p {
    padding: 0 15px;
}

#team .team-thumb h5 {
    color: #777;
    margin: 0 0 10px 0;
    font-weight: 400;
    font-size: 16px;
}

#team .team-thumb img {
    width: 100%;
}

#team .contct {
    color: #555;
    padding: 6px 0;
    border-top: 1px solid #eee;
}

#team .contct i {
    color: #1aa6e3;
    margin-right: 7px;
}

/* Social */
.social {
    margin-top: 15px;
    margin-bottom: 20px;
}

.social li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.social li a {
    display: block;
    height: 36px;
    width: 36px;
    color: #fff !important;
    line-height: 36px;
    text-align: center;
    text-decoration: none !important;
    background: #1aa6e3;
}

.social li a:hover {
    background: #333;
}

/*---------------------------------------    Testimonials section              -----------------------------------------*/
#testimonials {
    color: #fff;
    padding: 70px 0;
    background: #555 url(../images/testimonial-bg.jpg) repeat center;
    background-attachment: fixed !important;
}

#testimonials h2 {
    color: #555;
}

#testimonials .section-title {
    padding-bottom: 30px;
}

.testibox {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    padding: 30px;
    position: relative;
}

.testimonialsList {
    list-style: none;
}

.testimonialsList li {
    text-align: center;
    margin: 0 0 15px 0;
}

.testimonialsList li .clientname {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-top: 15px;
}

.testimonialsList li p {
    font-style: italic;
    line-height: 26px;
    color: #ccc;
    max-width: 770px;
    margin: 0 auto;
    font-size: 18px;
}

.testimonialsList li .clientinfo {
    font-weight: 400;
    color: #1aa6e3;
    margin-top: 10px;
}

#testimonials .section-title p {
    font-size: 18px;
    color: #fff;
}

.testimonialsList li .rating {
    color: #1aa6e3;
    font-size: 24px;
    margin-bottom: 10px;
}

/*---------------------------------------    Taglinewrap section              -----------------------------------------*/
.taglinewrap {
    background: #1aa6e3 url(../images/tagline-bg.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 60px 0;
}

.taglinewrap h2 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 40px;
}

.taglinewrap p {
    color: #ccc;
    max-width: 800px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 26px;
}

.taglinewrap a {
    display: inline-block;
    background: #1aa6e3;
    padding: 15px 35px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
}

.taglinewrap a:hover {
    background: #fff;
    color: #000;
}

/* =======================		Blog Grid======================= */
#blog {
    padding: 60px 0 50px 0;
}

.blogGrid {
    list-style: none;
}

.blogGrid li {
    margin-bottom: 30px;
}

.blogGrid li .postimg {
    position: relative;
    display: block;
    margin: 0;
    overflow: hidden;
}

.blogGrid li .postimg img {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blogGrid li:hover .postimg img {
    -ms-transform: scale(1.2) rotate(5deg);
    -moz-transform: scale(1.2) rotate(5deg);
    -webkit-transform: scale(1.2) rotate(5deg);
    -o-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}

.postimg .date {
    font-weight: bold;
    font-size: 15px;
    color: #999;
    line-height: 20px;
}

.blogGrid li .post-header {
    margin-bottom: 15px;
    background: #f4f4f4;
    padding: 25px;
}

.blogGrid li .post-header .date {
    color: #777;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 10px;
}

.blogGrid li .post-header .date i {
    margin-right: 5px;
}

.blogGrid li .post-header h4 a {
    color: #000;
}

.blogGrid li .post-header h4 a:hover {
    text-decoration: underline;
    color: #1aa6e3;
}

.blogGrid li p {
    font-size: 14px;
}

.blogGrid .readmore {
    display: inline-block;
    margin-top: 25px;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    background: #1aa6e3;
}

.blogGrid .readmore i {
    margin-left: 7px;
}

.blogGrid .readmore:hover {
    text-decoration: none;
    background: #000;
}

.postmeta {
    margin: 10px 0 0 0;
    line-height: 24px;
    color: #999;
}

.postmeta span,
.postmeta a {
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}

/*---------------------------------------    Contact section              -----------------------------------------*/
#contact {
    padding: 50px 0;
}

.contact {
    margin-bottom: 30px;
    padding: 20px;
    text-align: left;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.contact>span {
    color: #fff;
    background: #1aa6e3;
    float: left;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 8px;

}

.inner-page .fa-home:before {
    content: "\f015";
}

.information {
    margin-top: 5px;
    padding-left: 80px;
}

.information>strong {
    color: #000;
    display: table;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.information>p {
    line-height: 22px;
    margin: 0;
}

.contact-form {
    position: relative;
}

.contact-form h4 {
    text-align: left;
    color: #333;
    font-size: 36px;
    margin: 0 0 30px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.contact-form h4 span {
    color: #1aa6e3;
    font-weight: 400;
}

#contact .form-control {
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    font-size: 18px;
    margin-bottom: 30px;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

#contact input {
    border: 2px solid #f0f0f0 !important;
    height: 55px;
}

#contact input:focus,
#contact textarea:focus {
    border-color: #1aa6e3 !important;
}

#contact textarea {
    background: #fff;
    border: 2px solid #f0f0f0 !important;
    height: 120px;
}

#contact button#submit {
    background-color: #1aa6e3;
    border: none;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 0;
    height: auto;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
}

#contact button#submit:hover {
    background: #555;
    color: #ffffff;
}

#map {
    pointer-events: none;
}

#map iframe {
    width: 100%;
    display: block;
}

/*---------------------------------------    Address section              -----------------------------------------*/
#address {
    color: #333;
    text-align: left;
    margin-top: 10px;
}

#address .fa {
    font-size: 42px;
    color: #1aa6e3;
    float: left;
    width: 50px;
    height: 70px;
    margin-right: 15px;
}

#address h4 {
    color: #444;
    margin: 0;
}

#address p {
    color: #888;
    margin-bottom: 0;
}

.address-office,
.address-phone,
.address-email {
    margin-bottom: 30px;
    clear: both;
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px;
    min-height: 120px;
}

/*---------------------------------------   Newsletter-----------------------------------------*/
.newsletter {
    background: #1aa6e3;
    padding: 50px 0;
}

.newsletter h3 {
    margin: 0;
    font-size: 30px;
}

.newsletter h3,
.newsletter p {
    color: #fff;
    margin: 0;
}

.newsletter .input-group {
    max-width: 675px;
    margin: 0 auto;
}

.newsletter .input-group:before {
    content: "\f2b7";
    font-family: "FontAwesome";
    position: absolute;
    left: 20px;
    top: 12px;
    color: #ccc;
    font-size: 24px;
    z-index: 100;
}

.fw-bold {
    font-size: 36px;
    font-weight: 700;
}

.newsletter .form-control {
    height: auto;
    padding: 17px 15px 17px 60px;
    font-size: 16px;
    border-radius: 0;
}

.newsletter .btn {
    background: #2d308f;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 30px 17px 30px;
    cursor: pointer;
    border: none;
    color: #fff;
    border-radius: 0;
}

/*---------------------------------------   Clients-----------------------------------------*/
.our-clients {
    padding: 50px 0;
    background: #f7f7f7;
}

.our-clients .owl-controls {
    display: none !important;
}

/*---------------------------------------   Footer section              -----------------------------------------*/
footer {
    background: #1aa6e3 url(../images/footer-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 40px 0;
    text-align: center;
}

.socialLinks {
    margin-bottom: 20px;
}

.socialLinks a {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin: 0 5px;
    width: 36px;
    height: 36px;
    background: #1aa6e3;
}

.socialLinks a:hover {
    color: #1aa6e3;
    background: #fff;
}

.socialLinks a i {
    display: block;
    margin-top: 9px;
}

footer .footer-copyright p {
    color: #fff;
    margin-bottom: 0;
}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #000;
    padding: 5px;
    opacity: 0.5;
    border-radius: 50%;
}

.scrollup i {
    color: #fff;
    display: block;
    line-height: 30px;
    text-align: center;
}

.scrollup:hover {
    opacity: 1;
    text-decoration: none;
}

.successpage {
    width: 100%;
    text-align: center;
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -170px;
}

.successpage .btn {
    background: #1aa6e3;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 0;
    margin-top: 25px;
}

.successpage .btn:hover {
    background: #444;
}

.successpage h1 {
    color: #56b50f;
    font-size: 48px;
}

.successpage h2 {
    font-weight: 300;
    color: #444;
}

.successpage p {
    max-width: 770px;
    margin: 10px auto;
}

/* =======================		Blog Listing======================= */
.blogWraper {
    margin-bottom: 40px;
}

.blogList {
    list-style: none;
}

.blogList li {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #e4e4e4;
}

.blogList li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-color: #1aa6e3;
}

.blogList li .postimg {
    position: relative;
}

.blogList li .postimg .date {
    width: 60px;
    height: 60px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    padding: 7px 10px 0 10px;
    text-align: center;
    line-height: 20px;
    background: #1aa6e3;
    letter-spacing: 0.4px;
    outline: 3px solid #1aa6e3;
    border: 1px solid #fff;
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 12;
}

.post-header {
    margin-bottom: 15px;
}

.post-header h4 a {
    font-size: 24px;
    color: #333;
    font-weight: 600;
}

.post-header h4 a:hover {
    color: #1aa6e3;
}

.postmeta {
    margin: 10px 0;
    font-size: 14px;
}

.postmeta span,
.postmeta a {
    color: #1aa6e3;
}

.blogList li p {
    font-size: 14px;
    line-height: 24px;
    color: #777;
}

.blogList li .readmore {
    background: #1aa6e3;
    display: inline-block;
    margin-top: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 25px;
}

.blogList li .readmore i {
    margin-left: 5px;
}

.blogList li .readmore:hover {
    text-decoration: none;
    background: #333;
}

/*Pagination*/
.pagiWrap .showreslt {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.pagiWrap .pagination {
    margin: 0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0;
}

/*Side bar*/
.sidebar {
    background: #f9f9f9;
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 30px;
}

.sidebar .widget {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.sidebar .widget-title {
    font-size: 18px;
    font-weight: 600;
    color: #666;
    margin-bottom: 20px;
}

/*Sidebar Search*/
.search {
    position: relative;
    margin-bottom: 15px;
}

.search .form-control {
    border-radius: 0;
    height: auto;
    padding: 10px 12px;
    border-color: #ddd;
}

.search .btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    background: none;
    font-size: 20px;
}

/*categories*/
.categories li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 17px;
}

.categories li a {
    margin-top: 0;
    color: #888;
    font-size: 14px;
    font-weight: 600;
}

.categories li a:hover {
    color: #000;
}

.categories li:before {
    content: "\f0da ";
    font-family: "FontAwesome";
    position: absolute;
    left: 0px;
    color: #1aa6e3;
    font-size: 12px;
}

/*Archives*/
.archive li {
    line-height: 45px;
}

.archive li a {
    margin-top: 0;
    color: #888;
    font-size: 14px;
    font-weight: 600;
}

.archive li span {
    float: left;
    height: 30px;
    width: 30px;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #fff;
    outline: 3px solid #f5f5f5;
    margin-right: 20px;
    line-height: 26px;
    font-size: 12px;
    color: #777777;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.archive li a:hover span {
    background: #1aa6e3;
    color: #fff;
}

/*Popular Posts*/
.papu-post {}

.papu-post .media-left {
    margin-right: 10px;
}

.papu-post .media-left img {
    width: 100%;
}

.papu-post .media-left a {
    width: 80px;
    margin-top: 0;
    margin-right: 5px;
    display: inline-block;
}

.papu-post span {
    color: #1aa6e3;
    letter-spacing: 0px;
    font-size: 11px;
}

.papu-post li {
    border-bottom: 1px solid #ececec;
    padding: 20px 0;
    margin: 0px;
    display: flex;
}

.papu-post .media-heading {
    display: inline-block;
    width: 100%;
    color: #777777;
    margin-top: 0px;
    font-size: 14px;
    line-height: 20px;
}

.papu-post li:last-child {
    border-bottom: 0;
}

/*Tags*/
.tags:after {
    display: table;
    clear: both;
    content: "";
}

.tags li {
    display: inline-block;
    float: left;
}

.tags a {
    font-size: 13px;
    color: #969595;
    border: 1px solid #dadada;
    padding: 7px 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    background: #fff;
}

.tags a:hover {
    border: 1px solid #1aa6e3;
    background: #1aa6e3;
    color: #fff;
    text-decoration: none;
}

/*Photo Streen*/
.photo-steam {
    margin: 0 -5px;
}

.photo-steam:after {
    display: table;
    clear: both;
    content: "";
}

.photo-steam li {
    float: left;
    width: 25%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.blogdetailbox .date {
    margin-top: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.blogdetailbox p {
    font-size: 14px;
}

/*Comments*/
blockquote {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0;
    padding: 20px 20px 20px 60px;
    position: relative;
    border: 3px solid #1aa6e3;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

blockquote p {
    font-style: italic;
    display: inline-block;
    color: #000;
}

blockquote:before {
    color: #ddd;
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 22px;
    font-style: normal;
    left: 24px;
    position: absolute;
    top: 20px;
    transform: scale(-1);
}

blockquote:after {
    color: #ddd;
    content: "\f10e";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 22px;
    font-style: normal;
    margin: 0 0 0 8px;
    position: relative;
    top: 3px;
}

.comments h4 {
    color: #222222;
    font-size: 24px;
    font-weight: 600;
}

.comments .media-body h4 span {
    font-size: 12px;
    color: #777777;
    margin-left: 20px;
    display: inline-block;
    width: 100%;
}

.comments {
    margin-top: 30px;
}

.comments .media-list {
    margin-bottom: 30px;
}

.comments .media-list li {
    padding: 20px;
    border: 1px solid #e9e9e9;
    position: relative;
    background: #fff;
}

.comments .media-left {
    margin-right: 20px;
}

.comments .media-left a {
    width: 100px;
    display: inline-block;
}

.comments .media p {
    margin-top: 5px;
    color: #333;
    line-height: 20px;
    font-size: 14px;
}

.comments .media h6 span {
    font-size: 13px;
    color: #999;
    margin: 0;
    margin-top: 10px;
    text-transform: none;
    display: inline-block;
    width: 100%;
}

.comments .media {
    margin-top: 30px;
}

.comments .media h6 {
    font-weight: 600;
    color: #00b1f1;
    font-size: 16px;
    text-transform: none;
}

.margin-left80 {
    margin-left: 80px;
}

.comments .btn.raply {
    padding: 10px 12px;
    font-size: 12px;
    color: #333;
    background: #f5f5f5;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 15px;
    right: 0;
}

.comments .btn.raply:hover {
    background: #00b1f1;
    color: #fff;
}

.comments .media a img {
    margin-bottom: 10px;
}

.commnetsfrm {
    background: #fff;
    padding: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.comments form label {
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    font-size: 12px;
}

.comments form .form-control {
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    border-radius: 0px;
    box-shadow: none;
    background: none;
    border: 1px solid #e8e8e8;
}

.comments form textarea.form-control {
    display: inline-block;
    width: 100%;
    height: 150px;
}

.commnetsfrm .btn {
    background: #1aa6e3;
    color: #fff;
    font-weight: 700;
    margin-top: 20px;
    font-size: 18px;
    padding: 10px 25px;
    cursor: pointer;
    border-radius: 0px;
}

.innercms {
    padding: 50px 0;
}

.pageTitle {
    background: url(../images/home-bg.jpg) no-repeat top;
    background-size: cover;
    text-align: center;
    padding: 120px 0 50px 0;
}

.pageTitle h1 {
    color: #fff;
    margin: 0;
    font-size: 36px;
}

.pagiWrap {
    margin-top: 40px;
    text-align: right;
}

.pagiwrap .page-link {
    margin: 0 5px;
    border-radius: 0px !important;
    color: #000;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    padding: 0.5rem 1.5rem;
}

.page-item.active .page-link {
    background: #1aa6e3;
    border-color: #1aa6e3;
}

/*---------------------------------------   Mobile Responsive styles              -----------------------------------------*/
@media (max-width: 1024px) {
    .navbar-nav .nav li a {
        padding: 10px 15px;
    }

    .navbar-nav .navbar-brand {
        font-size: 24px;
        line-height: 24px;
    }

    .navbar-right {
        margin-top: 10px;
    }

    .stcontent,
    .fullimg {
        float: none;
        width: auto;
    }

    .fullimg {
        height: 350px;
        margin: 30px 30px 0 30px;
    }
}

@media (max-width: 990px) {
    h1 {
        font-size: 52px;
    }

    .navbar {
        width: 100%;
    }

    .close-toggler {
        background: none;
        color: #fff;
        padding: 5px;
        border: none;
        margin-top: 10px;
        font-size: 24px;
        float: right;
        display: block;
    }

    .navbar-collapse.show {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .navbar-collapse {
        position: fixed;
        top: 0px;
        bottom: 0;
        left: 100%;
        width: 60%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0.8);
        transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out,
            -webkit-transform 0.3s ease-in-out;
        z-index: 10000;
    }

    .navigationWrp .collapse:not(.show) {
        display: inline-block;
    }

    .navbar-toggler {
        position: absolute;
        top: 15px;
        right: 20px;
        background: #fff;
        display: block;
    }

    .navbar-nav .nav li a {
        padding: 0px 15px;
    }

    .navbar-nav .nav li .calltxt {
        margin-top: 0;
        padding: 7px 15px;
    }

    .is-sticky .custom-navbar {
        background: #fff;
    }

    .is-sticky .navbar-nav .nav li .calltxt {
        margin-top: 0;
    }

    .navbar-header {
        float: none;
        text-align: center;
    }

    .navbar-brand {
        float: none;
        display: inline-block;
    }

    .navbar-nav {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding-bottom: 30px;
    }

    .is-sticky .navbar-nav {
        padding-bottom: 10px;
    }

    .is-sticky .navbar-nav .nav li a {
        padding: 10px 15px;
    }

    .pageTitle {
        padding-top: 170px;
    }

    .image-popup {
        display: block;
        margin: 30px 0;
    }

    .servicesbox {
        padding: 60px 30px;
    }

    .servicesbox h3 {
        font-size: 30px;
    }

    #counter .counter-number {
        font-size: 48px;
    }

    #service .service-thumb-first,
    #service .service-thumb-second {
        margin-bottom: 32px;
    }

    ul.orderlist li {
        float: none;
        width: auto;
    }

    #team .team-thumb {
        margin-bottom: 30px;
    }

    .postimg {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .newsletter,
    #blog,
    #work {
        padding: 50px 15px;
    }

    .taglinewrap {
        padding: 50px 15px;
    }
}

@media (max-width: 880px) {
    .portfolio-grid li .itemtitle p {
        font-size: 14px;
        line-height: 22px;
    }

    .portfolio-grid li .itemtitle {
        padding: 10px;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 48px;
    }

    #counter .counter-item {
        margin-top: 28px;
        margin-bottom: 28px;
    }
}

@media (max-width: 767px) {
    .navbar-header {
        text-align: left;
    }

    .navbar-nav {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .sticky-wrapper,
    .navbar-collapse.in {
        z-index: 100000;
    }

    .is-sticky .navbar-collapse.in {
        background: #eee;
    }

    .is-sticky .navbar-brand {
        display: block;
    }

    .navbar-nav .navbar-brand {
        line-height: 15px;
    }

    .navbar-nav .nav li .calltxt {
        border-left: 0;
    }

    .slide-text {
        margin-top: 80px;
    }

    #home {
        min-height: 500px;
    }

    .bformBox {
        margin-top: 15px;
    }

    .vehiclesList ul li h3,
    .vehiclesList ul li .subtitle,
    .vehiclesList ul li .carPrice {
        text-align: center;
    }

    .vehiclesList ul li .subtitle:after {
        left: 50%;
        margin-left: -20px;
    }

    .pageTitle {
        padding-top: 90px;
    }

    .margin-left80 {
        margin-left: 0;
    }

    #about .about-desc {
        margin-bottom: 32px;
    }

    #address .address-phone {
        margin-top: 22px;
        margin-bottom: 22px;
    }

    #team .team-thumb {
        margin-bottom: 30px;
    }

    .is-sticky .navbar-nav .nav li a {
        line-height: 30px;
    }

    #service .service-thumb {}

    #counter .counter-number {
        font-size: 48px;
    }

    .parallax-section,
    #about,
    #packages {
        padding: 80px 15px;
    }

    .videowraper,
    .howitwrap {
        padding: 50px 15px;
    }

    .howlist li .iconcircle {
        margin-bottom: 50px;
    }
}

@media (max-width: 580px) {
    h1 {
        font-size: 29px;
    }

    h2 {
        font-size: 24px;
        line-height: 42px;
    }

    h3 {
        font-size: 12px;
        letter-spacing: 2px;
    }
}

@media (max-width: 350px) {
    #about .team-wrapper .team-desc {
        padding-top: 14em;
    }
}

/* Extra Small Devices (Phones, less than 576px) */
@media (max-width: 575.98px) {

    /* General Adjustments */
    body {
        font-size: 14px;
        line-height: 1.6;
        /* Slightly increased for better readability */
        overflow-x: hidden;
        /* Prevent horizontal scroll */
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
        /* Increased padding for better edge spacing */
    }

    h1 {
        font-size: 26px;
        /* Slightly smaller for better fit */
    }

    h2 {
        font-size: 20px;
        line-height: 28px;
        /* Adjusted for compactness */
    }

    h3 {
        font-size: 16px;
        line-height: 24px;
    }

    p {
        font-size: 13px;
        /* Slightly smaller for dense content */
        line-height: 20px;
    }

    /* Slider Section (#slider) */
    .tp-banner-container {
        min-height: 280px;
        /* Reduced height for smaller screens */
    }

    .tp-banner img {
        object-fit: cover;
        height: 280px;
    }

    .slidertext2 {
        font-size: 18px !important;
        /* Slightly smaller */
        top: 120px !important;
        /* Adjusted positioning */
        padding: 0 15px;
    }

    .slidertext1 {
        font-size: 14px !important;
        /* Smaller for better fit */
        top: 150px !important;
        padding: 0 15px;
        white-space: normal;
        /* Allow wrapping */
    }

    .sliderbtn {
        top: 200px !important;
        /* Adjusted positioning */
    }

    .sliderbtn .section-btn {
        font-size: 13px;
        padding: 8px 20px;
        /* Wider padding for touch targets */
        margin-top: 10px;
    }

    /* Home Section (#home) */
    #home {
        min-height: 450px;
        /* Reduced height */
        background-position: center;
    }

    .slide-text {
        margin-top: 30px;
        /* Reduced top margin */
        padding: 0 10px;
    }

    .slide-text h3 {
        font-size: 14px;
    }

    .slide-text h1 {
        font-size: 22px;
    }

    .slide-text p {
        font-size: 13px;
        max-width: 100%;
        /* Full width for readability */
        margin: 0 auto 15px;
    }

    .slide-text .section-btn {
        font-size: 13px;
        padding: 10px 25px;
        /* Larger touch target */
    }

    .search-form-container {
        padding: 15px 0;
        /* Reduced padding */
        background-size: cover;
    }

    .rently-search-form {
        padding: 10px;
        /* Reduced padding */
        gap: 10px;
        border-radius: 6px;
        /* Slightly smaller radius */
    }

    .rently-search-form .form-group {
        min-width: 100%;
        /* Ensure full width */
        margin-bottom: 8px;
    }

    .rently-search-form .form-control {
        font-size: 13px;
        padding: 5px;
        /* Increased padding for touch */
        border-radius: 5px;
    }

    .rently-search-form .search-button {
        font-size: 14px;
        padding: 12px;
        /* Larger touch target */
        min-width: 100%;
        border-radius: 4px;
    }

    /* Car Types Section (.typescategory) */
    .typescategory {
        padding: 20px 0;
        /* Reduced padding */
    }

    .section-title h3 {
        font-size: 18px;
    }

    .section-title p {
        font-size: 13px;
    }

    .catebox {
        padding: 12px;
        margin-bottom: 15px;
        /* Reduced spacing */
    }

    .catebox .cateico img {
        width: 45px;
        /* Smaller icons */
        height: 45px;
    }

    .catebox h3 {
        font-size: 14px;
    }

    .catebox p {
        font-size: 12px;
    }

    .car-type-nav {
        width: 25px;
        /* Smaller navigation arrows */
        height: 25px;
    }

    .car-type-prev {
        left: 2px;
    }

    .car-type-next {
        right: 2px;
    }

    .readmore a {
        font-size: 13px;
        padding: 8px 20px;
        /* Larger touch target */
    }

    /* Car Listing Section (#cars) */
    #cars {
        padding: 20px 0;
    }

    .car-card-wrapper {
        margin-bottom: 30px;
    }

    .car-card {
        border-radius: 15px;
        /* Slightly smaller radius */
    }

    .car-media {
        height: 200px;
        /* Reduced height */
    }

    .car-media img {
        object-fit: cover;
    }

    .car-type-tag {
        padding: 4px 8px;
        top: 10px;
        right: 10px;
    }

    .car-type-tag img {
        width: 16px;
    }

    .car-type-tag span {
        font-size: 11px;
    }

    .car-details {
        padding: 15px;
        /* Reduced padding */
    }

    .car-details h3 {
        font-size: 16px;
    }

    .car-subtitle {
        font-size: 11px;
    }

    .car-specs {
        display: flex;
        gap: 8px;
        padding: 10px;
    }

    .car-specs li {
        width: 100%;
        font-size: 12px;
        padding: 6px 10px;
    }

    .car-specs li img {
        width: 18px;
    }

    .car-pricing {
        gap: 8px;
        padding-top: 10px;
    }

    .car-cost strong {
        font-size: 18px;
    }

    .car-cost span {
        font-size: 15px;
    }

    .car-cta {
        font-size: 13px;
        padding: 10px 20px;
        /* Larger touch target */
    }

    /* Service 1 Section (.servicesbox) */
    .servicesbox {
        padding: 20px 0;
    }

    .servicesbox h3 {
        font-size: 18px;
    }

    .servicesbox p {
        font-size: 13px;
    }

    .servicesbox .readmore {
        font-size: 13px;
        padding: 12px 25px;
        /* Larger touch target */
    }

    /* About Section (#about) */
    #about {
        padding: 20px 0;
    }

    .about-desc .row {
        flex-direction: column-reverse;
    }

    .postimg img {
        margin-bottom: 15px;
    }

    .circleList {
        gap: 15px;
    }

    .cricle i {
        font-size: 20px;
    }

    .title {
        font-size: 14px;
    }

    .orderlist li {
        font-size: 13px;
        padding-left: 35px;
    }

    /* Counter Section (#counter) */
    #counter {
        padding: 20px 0;
    }

    .counter-item {
        margin-bottom: 15px;
    }

    .counterbox {
        padding: 20px;
    }

    .counterbox .counter-icon i {
        font-size: 25px;
    }

    .counter-number {
        font-size: 24px;
    }

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

    /* Service Section (#service) */
    #service {
        padding: 20px 0;
    }

    .service-thumb {
        padding: 12px;
        margin-bottom: 15px;
    }

    .service-thumb h4 {
        font-size: 14px;
    }

    .service-thumb p {
        font-size: 13px;
    }

    .thumb-icon {
        width: 60px;
        height: 60px;
    }

    #service i {
        font-size: 20px;
        margin-top: 20px;
    }

    /* Tagline Section (.taglinewrap) */
    .taglinewrap {
        padding: 20px 0;
    }

    .taglinewrap h2 {
        font-size: 18px;
    }

    .taglinewrap p {
        font-size: 13px;
    }

    .taglinewrap a {
        font-size: 13px;
        padding: 12px 25px;
        /* Larger touch target */
    }

    /* Testimonials Section (#testimonials) */
    #testimonials {
        padding: 20px 0;
    }

    .testibox {
        padding: 12px;
    }

    .testibox p {
        font-size: 13px;
    }

    .clientname {
        font-size: 14px;
    }

    .clientinfo {
        font-size: 11px;
    }

    .rating i {
        font-size: 12px;
    }

    /* Booking Section (.bformBox) */
    .bformBox {
        padding: 15px;
        margin: 15px 0;
        border-radius: 10px;
    }

    .bformBox h3 {
        font-size: 18px;
    }

    .bformBox form {
        padding: 10px;
    }

    .formrow {
        margin-bottom: 10px;
    }

    .form-control,
    .form-select {
        font-size: 13px;
        padding: 10px;
        /* Larger touch target */
    }

    .input-group-text {
        font-size: 13px;
        padding: 10px;
    }

    .formbtn input[type="submit"] {
        font-size: 13px;
        /* Larger touch target */
    }

    /* Blog Section (#blog) */
    #blog {
        padding: 20px 0;
    }

    .blogGrid .item {
        margin-bottom: 15px;
    }

    .post-header {
        padding: 15px;
    }

    .post-header h4 {
        font-size: 14px;
    }

    .date,
    .postmeta {
        font-size: 11px;
    }

    .readmore {
        font-size: 13px;
        padding: 8px 20px;
    }

    /* Newsletter Section (.newsletter) */
    .newsletter {
        padding: 20px 0;
    }

    .newsletter h3 {
        font-size: 18px;
    }

    .newsletter p {
        font-size: 13px;
    }

    .newsletter .input-group {
        gap: 8px;
    }

    .newsletter .form-control {
        padding: 12px 15px 12px 50px;
        /* Adjusted for icon */
        font-size: 13px;
    }

    .newsletter .btn {
        font-size: 13px;
        padding: 12px 25px;
        /* Larger touch target */
    }

    /* Map Section (#map) */
    #map iframe {
        height: 180px;
        /* Slightly smaller */
    }

    /* Contact Section (#contact) */
    #contact {
        padding: 20px 0;
    }

    .contact {
        padding: 15px;
        margin-bottom: 15px;
    }

    .contact>span {
        font-size: 24px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .information {
        padding-left: 65px;
    }

    .contact-form h4 {
        font-size: 18px;
    }

    .contact-form .form-control,
    .contact-form textarea {
        font-size: 13px;
        padding: 10px;
        margin-bottom: 8px;
    }

    .contact-form button {
        font-size: 13px;
        padding: 12px 25px;
    }

    .form-group {
        flex: auto;
    }
}
/* Media query for small devices (e.g., mobile phones) */
@media (max-width: 576px) {
    /* Adjust modal dialog size */
    .modal-dialog.modal-xl {
        max-width: 90%; /* Reduce width to fit small screens */
        margin: 0 auto; /* Center it */
        margin-top: 100px;
    }

    /* Reduce padding and rounded corners for modal content */
    .modal-content {
        border-radius: 10px; /* Slightly smaller radius */
    }

    /* Modal header adjustments */
    .modal-header {
        padding: 10px 15px; /* Reduce padding */
    }

    .modal-title {
        font-size: 1.25rem; /* Smaller title */
    }

    .btn-close {
        width: 20px;
        height: 20px;
    }

    /* Modal body adjustments */
    .modal-body {
        padding: 10px; /* Reduce padding */
    }

    .bformBox {
        padding: 15px !important; /* Override larger padding */
        box-shadow: 0 5px 10px rgba(0,0,0,0.1); /* Smaller shadow */
        border-radius: 8px;
    }

    /* Form container adjustments */
    .container-fluid {
        padding: 0; /* Remove extra padding */
    }

    h3.text-center {
        font-size: 1.5rem; /* Smaller heading */
        margin-bottom: 1rem !important; /* Reduce margin */
    }

    /* Form adjustments */
    .needs-validation {
        padding: 10px !important; /* Reduce padding */
        border-radius: 6px;
    }

    .formrow {
        margin-bottom: 1rem !important; /* Reduce spacing */
    }

    /* Adjust form inputs and select */
    .form-control, .form-select {
        font-size: 0.9rem; /* Smaller text */
        padding: 8px; /* Reduce padding */
        border-radius: 6px;
    }

    .input-group-lg {
        font-size: 0.9rem; /* Adjust input group size */
    }

    .input-group-text {
        padding: 6px 10px; /* Smaller addon */
    }

    /* Stack columns vertically on small screens */
    .row.g-3 > .col-lg-6,
    .row.g-3 > .col-lg-4,
    .row.g-3 > .col-md-6,
    .row.g-3 > .col-md-4 {
        flex: 0 0 100%; /* Full width */
        max-width: 100%; /* Ensure full width */
    }

    /* Submit button adjustments */
    .formbtn .btn {
        font-size: 1rem; /* Smaller button text */
        padding: 8px 20px; /* Reduce padding */
        border-radius: 6px;
    }
}
/* Tablet screens (768px - 1260px) */
@media (min-width: 768px) and (max-width: 1260px) {
    /* Car Listing Section */
    .carsnewlist .col-lg-4 {
        flex: 0 0 50%; /* Two cards per row */
        max-width: 50%;
        padding: 15px; /* Adjust padding for better spacing */
    }

    .car-card-wrapper {
        margin-bottom: 20px; /* Add spacing between rows */
    }

    .car-card {
        width: 100%; /* Ensure card takes full available width */
    }

    /* Team Section */
    #team .col-md-3 {
        flex: 0 0 50%; /* Two cards per row */
        max-width: 50%;
        padding: 15px; /* Adjust padding for better spacing */
    }

    .team-card {
        width: 100%; /* Ensure card takes full available width */
        margin-bottom: 20px; /* Add spacing between rows */
    }

    /* Search Container Adjustments */
    .search-form-container {
        padding: 20px 0; /* Reduce padding for better fit */
    }

    .search-form-container .col-lg-8.col-md-10.col-sm-12 {
        flex: 0 0 100%; /* Full width on tablet */
        max-width: 100%;
        padding: 0 15px; /* Consistent padding */
    }

    .rently-search-form {
        display: flex;
        flex-wrap: wrap; /* Allow wrapping for smaller screens */
        gap: 15px; /* Add spacing between elements */
        justify-content: space-between;
    }

    .rently-search-form .form-group {
        flex: 1 1 48%; /* Two fields per row */
        margin-bottom: 0; /* Remove default margin */
    }

    .rently-search-form .form-group label {
        font-size: 0.9rem; /* Slightly smaller label text */
    }

    .rently-search-form .form-control {
        width: 100%; /* Full width within its flex container */
        font-size: 0.9rem; /* Adjust input text size */
        padding: 8px; /* Reduce padding for compactness */
    }

    .rently-search-form .search-button {
        flex: 1 1 100%; /* Full width button */
        padding: 10px;
        font-size: 1rem;
        margin-top: 10px; /* Add spacing above button */
    }

    /* Ensure container and row adjustments for better fit */
    .container {
        max-width: 100%; /* Full width for tablet */
        padding-left: 15px;
        padding-right: 15px;
    }

    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    /* Adjust car details text for readability */
    .car-details h3 {
        font-size: 1.2rem; /* Slightly smaller title */
    }

    .car-specs li {
        font-size: 0.9rem; /* Adjust specs text size */
    }

    .car-pricing .car-cost strong {
        font-size: 1.1rem; /* Adjust price text size */
    }

    /* Adjust team info text for readability */
    .team-info h4.team-name {
        font-size: 1.2rem; /* Slightly smaller name */
    }

    .team-info h5.team-role {
        font-size: 1rem; /* Adjust role text size */
    }

    .team-contact .contact-text {
        font-size: 0.9rem; /* Adjust contact text size */
    }

    /* Adjust home section text for better fit */
    .slide-text h3 {
        font-size: 1.5rem; /* Reduce heading size */
    }

    .slide-text h1 {
        font-size: 2rem; /* Reduce main title size */
    }

    .slide-text p {
        font-size: 0.9rem; /* Reduce paragraph size */
    }

    .slide-text .btn {
        padding: 8px 16px; /* Smaller button */
        font-size: 0.9rem;
    }
}

/* Ensure smaller screens (below 768px) remain one per row and stacked */
@media (max-width: 767px) {
    .carsnewlist .col-lg-4,
    #team .col-md-3 {
        flex: 0 0 100%; /* One card per row */
        max-width: 100%;
    }

    /* Search Container for Mobile */
    .rently-search-form {
        flex-direction: column; /* Stack vertically */
    }

    .rently-search-form .form-group {
        flex: 1 1 100%; /* Full width for each field */
    }

    .rently-search-form .search-button {
        width: 100%; /* Full width button */
        margin-top: 10px;
    }
}