/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.1
Tested up to: 6.5
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
/* font-family: "Nunito Sans", sans-serif; */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Nunito", sans-serif;
}

p,
span {
    font-family: "Montserrat", sans-serif;
}

a.mega-menu-link {
    font-weight: 600 !important;
    font-family: "Nunito Sans", sans-serif !important;
}

header#header {
    padding: 20px 0;
}

div#navigation {
    width: 85%;
    margin: 0 auto;
}

div#mega-menu-wrap-primary {
    margin-left: auto;
}

nav#navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

a.btn-header {
    background: linear-gradient(180deg, rgba(190, 228, 250) 0%, rgb(50 152 211) 100%);
    color: #fff;
    font-weight: 600;
    border: 0;
    padding: 8px 26px;
    border-radius: 6px;
    transition: 0.3s ease-in-out;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 10px 12px -5px, rgba(0, 0, 0, 0.3) 0px 4px 2px -8px;
    margin-left: 30px;
}

a.btn-header:hover {
    transform: translateY(-2px);
    color: #fff;
}

.main {
    width: 85%;
    margin: 0 auto;
}

section#banner {
    height: 650px;
    background: url(images/banner-hero.webp);
    background-size: auto;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #252D54;
    padding: 80px 0;
}

.banner-text h1 {
    font-size: 50px;
    font-weight: 800;
    color: #fff;
    margin: 0;
}

.banner-text p {
    font-size: 18px;
    font-weight: 600;
    margin: 18px 0 22px;
    color: #fff;
}

.hero-btns {
    margin: 15px 0 0 0;
}

.hero-btns {
    margin: 15px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-weight: 500;
}

a.btn-loan {
    background: #fff;
    border: 0;
    width: 45%;
    font-weight: 600;
    color: #252d54;
    padding: 12px;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 10px 12px -5px, rgba(0, 0, 0, 0.3) 0px 4px 2px -8px;
    transition: 0.3s ease-in-out;
}

a.btn-loan:hover {
    transform: translateY(-2px);
}

a.btn-sell {
    background: #BEE4FA;
    border: 0;
    width: 45%;
    font-weight: 600;
    color: #252d54;
    padding: 12px;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 10px 12px -5px, rgba(0, 0, 0, 0.3) 0px 4px 2px -8px;
    transition: 0.3s ease-in-out;
}

a.btn-sell:hover {
    transform: translateY(-2px);
}

section#sellBuy {
    padding: 80px 0;
}

.vehicle-box {
    padding: 20px;
    border-radius: 20px;
    margin: 0 0 20px 0;
    transition: 0.3s ease-in-out;
}

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

section#testimonials {
    padding: 80px 0;
    background: #ededed;
}

footer {
    padding: 80px 0;
}

.colm-one ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
}

.colm-one ul li {
    line-height: 35px;
}

.colm-two ul {
    list-style: none;
    padding: 0 0 0 15px;
}

.colm-two ul li {
    line-height: 35px;
}

.hlpcntr ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
}

.hlpcntr ul li {
    line-height: 35px;
}

div.entry-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    background: #252D54;
}

h1.entry-title {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}

.breadcrmb {
    padding: 15px 0;
    background: #f9f9f9;
}

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