/*==================================
font-family: 'ubuntu', sans-serif;

==================================== */

/*-------------------------------------
		1.General css (Reset code)
--------------------------------------*/
* * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: ' Ubuntu ', sans-serif;
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 25px;
    color: #4a4a4c;
    text-transform: initial;
    /* max-width: 1920px; */
    /* margin: 0 auto; */
    overflow-x: hidden;
}

a,
a:hover,    
a:active,
a:focus {
    display: inline-block;
    color: #FFFF;
    font-size: 20px;
    font-weight: 500;
    /* text-transform: capitalize; */
}

h1 {
    color:#4a4a4c;;
    font-size: 30px;
    font-weight: bold
}

h2,
h3,
h4 {
    color: #4a4a4c;;
    font-size: 20px;
    font-weight: bold
}

p {
    color: #4a4a4c;
    font-size: 18px;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

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

ul li {
    list-style: none;
    display: inline-block;

}

select,
input,
textarea,
button,
.form-control {
    box-shadow: none;
    outline: 0 !important;
}

button {
    background: transparent;
    border: 0;
    font-size: 18px;
}

html,
body {
    height: 100%;
}

[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.3s 0.3s ease;
    -moz-transition: opacity 0.3s 0.3s ease;
    -ms-transition: opacity 0.3s 0.3s ease;
    -o-transition: opacity 0.3s 0.3s ease;
    transition: opacity 0.3s 0.3s ease;
    opacity: 0;
}

.owl-carousel {
    z-index: 0;
}

/* section-header */
.section-header {
    position: relative;
    text-align: center;
    padding-top: 3%;
}

.section-header h2 {
    position: relative;
    font-size: 36px;
    font-weight: 500;
    padding-bottom: 10px;
}

/* .section-header h2:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -42px;
    background: #4e4ffa;
} */

.section-header p {
    color: #444a57;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.section-header h2 span,
.section-header p span {
    text-transform: lowercase;
}

/* section-header */

/*=============Style css=========*/


/*-------------------------------------
        2. Top-area
--------------------------------------*/
nav.navbar.bootsnav {
    background-color: transparent;
    border-bottom: transparent;
}

/* .wrap-sticky nav.navbar.bootsnav.sticked {
    background-color: #000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
} */

/*.navbar-brand*/
.navbar-header a.navbar-brand,
.navbar-header a.navbar-brand:hover,
.navbar-header a.navbar-brand:focus {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
    font-weight: 700;
    padding: 45px 0px;
    text-transform: uppercase;
}

.navbar-header a.navbar-brand span {
    display: inline-block;
    color: #4e4ffa;
    text-transform: capitalize;
}

/* .wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand,
.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:hover,
.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:focus {
    padding: 10px 0px;
} */

/*.navbar-brand*/

/*.nav li*/
nav.navbar.bootsnav ul.nav>li>a {
    color: #f5f7fa;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

nav.navbar.bootsnav ul.nav>li>a {
    padding: 48px 21px;
}

nav.navbar.bootsnav ul.nav>li>a:hover,
nav.navbar.bootsnav ul.nav>li>a:focus {
    color: #fefffb;
    font-size: 20px;
}

nav.navbar.bootsnav ul.nav>li.active>a {
    color: #09ec18;
    /* color: #547501;
    text-decoration: underline;
    text-decoration-color: #fff; */

}

nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
    content: "";
}

nav.navbar.bootsnav ul.nav>li.dropdown span {
    font-size: 8px;
    margin-left: 15px;
}

/* .wrap-sticky nav.navbar.bootsnav.sticked ul.nav>li>a {
    padding: 30px 25px;
} */

/*.nav li*/

/*.menu-ui-design*/
.menu-ui-design {
    overflow-y: scroll;
    height: 350px;
}

.menu-ui-design::-webkit-scrollbar {
    width: 5px;
}

.menu-ui-design::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #000;
}

.menu-ui-design::-webkit-scrollbar-thumb {
    background-color: #547501;
}

/*.menu-ui-design*/

/*.navbar-toggle */
nav.navbar.bootsnav .navbar-toggle {
    position: relative;
    background-color: transparent;
    border: 1px solid #547501;
    padding: 10px;
    font-size: 50px;
    top: 0;
}

nav.navbar.bootsnav .navbar-toggle i {
    color: #547501;
}

/*.navbar-toggle */

/*-------------------------------------
        3.  Welcome-hero
--------------------------------------*/
.welcome-hero {
    position: relative;
    background: url(../images/welcome-hero/welcome.png)no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}


.welcome-hero:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(42, 45, 84, .60);
}


.contact-image {
    position: relative;
    background: url(../images/contact/contact.png)no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.contact-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(42, 45, 84, .60);
}

.about-image {
    position: relative;
    background: url(../images/about/Aabout.png)no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.about-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(42, 45, 84, .60);
}

.service-image {
    position: relative;
    background: url(../images/service/services.png)no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.service-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(42, 45, 84, .60);
}

.header-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

/*.welcome-hero-txt*/
.welcome-hero-txt {
    text-align: left;
    padding: 290px 0 372px;
}

.welcome-hero-txt h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.welcome-hero-txt h4 {
    font-size: 20px;
    /* color: #fff; */
    font-weight: 300;
    text-transform: uppercase;
    /* margin-bottom: 45px; */
}

.welcome-hero-txt h1 {
    font-size: 20px;
    /* color: #fff; */
    font-weight: 300;
    text-transform: uppercase;
    /* margin-bottom: 45px; */
}

.welcome-hero-txt p {
    font-size: 20px;
    /* text-transform: initial; */
    color: #fff;
    margin-bottom: 20px;
    /* font-weight: 500;
    max-width: 735px;
    margin: 0 auto; */
}

.welcome-btn {
    display: inline-block;
    width: 150px;
    height: 49px;
    border-radius: 30px;
    background: #547501;
    color: #fff;
    margin-top: 10px;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.welcome-btn:hover {
    background: #547501;
}

.schedule-btn {
    display: inline-block;
    width: 150px;
    height: 39px;
    border-radius: 30px;
    background: #547501;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.schedule-btn:hover {
    background: #547501;
}

.about-btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; Adjust this based on your layout */
}

.about-btn {
    display: inline-block;
    width: 150px;
    height: 49px;
    border-radius: 30px;
    background: #547501;
    color: #fff;
    margin-top: 40px;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.about-btn:hover {
    background: #547501;
}

/*.welcome-hero-txt*/

/*-------------------------------------
        4. Model-Search
--------------------------------------*/
.model-search-content .col-sm-12 {
    padding: 0;
}

.model-search-content {
    padding: 40px 0;
    background: #fff;
    box-shadow: 0 10px 40px 0px rgba(38, 40, 64, .2);
    position: absolute;
    bottom: -150px;
    width: 100%;
    border-radius: 3px;
}

/*.single-model-search*/
.single-model-search {
    margin-bottom: 30px;
}

.single-model-search:last-child {
    margin-bottom: 0;
}

.single-model-search h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 20px;
}

/*model-select-icon*/
.model-select-icon {
    position: relative;
}

.model-select-icon .form-control {
    outline: 0 !important;
    box-shadow: none;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
    height: 60px;
}

.model-select-icon select {
    font-size: 16px;
    color: #888f9d;
    text-transform: capitalize;
}

.model-select-icon:after {
    position: absolute;
    content: "\f103";
    right: 0px;
    top: 0;
    font-size: 10px;
    color: #888f9d;
    background: #f8f8f8;
    height: 60px;
    line-height: 60px;
    width: 50px;
    text-align: center;
    pointer-events: none;
    border: transparent;
}

/*model-select-icon*/
.welcome-btn.model-search-btn {
    width: 160px;
    margin-top: 80px;
    margin-left: 53px;
}

/*.single-model-search*/


/*-------------------------------------
        6. New-cars
--------------------------------------*/
/* .new-cars {
    padding: 12px 0 120px;
    position: absolute;
width: 1764px;
height: 315px;

font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 45px;
/* or 125% */
/* text-align: justify;

color: #000000;
} */
*/
/* Visam Financials is your trusted partner in safeguarding what matters most to you in life. With a wholehearted commitment to your financial well-being, we bring innovative opportunities to your financial planning. Over the years, we have positively impacted hundreds of families with needs based customized financial planning. For those who are enterprising and open to the pursuit of entrepreneurship in the financial services industry, we also provide an established, risk-free platform to get your business dream launched. We have helped several families with no prior financial industry knowledge to launch a successful business in this industry in a part-time basis to achieve full-time success. */

.about {
    /* padding: 120px 0 120px; */
    padding-top: 30px;
    position: absolute;
    width: 1764px;
    height: 315px;
    font-weight: 400;
    font-size: 36px;
    line-height: 45px;
    /* or 125% */
    text-align: justify;

    color: #000000;
}

.about-content {
    padding-top: 30px;
}

/*.new-cars-txt*/
.new-cars-txt {
    margin-bottom: 10%;
}

/* Visam Financials is your trusted partner in safeguarding what matters most to you in life. With a wholehearted commitment to your financial well-being, we bring innovative opportunities to your financial planning. Over the years, we have positively impacted hundreds of families with needs based customized financial planning. For those who are enterprising and open to the pursuit of entrepreneurship in the financial services industry, we also provide an established, risk-free platform to get your business dream launched. We have helped several families with no prior financial industry knowledge to launch a successful business in this industry in a part-time basis to achieve full-time success. */
.about-txt {
    margin-bottom: 2px;
    text-align: justify;
    margin-top: 20px;
}

.service-txt {
    margin: 10%;
}

.new-cars-txt h2 a {
    font-size: 30px;
    font-weight: 500px;
}

.new-cars-txt h2 a span {
    text-transform: uppercase;
}

.new-cars-para2 {
    margin-top: 0px;
}

.welcome-btn.new-cars-btn {
    width: 176px;
    margin-top: 32px;
}

/*.new-cars-txt*/

/*.owl-dots */
.new-cars .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 4px;
    background: transparent;
    border: 1px solid #6a7781;
    border-radius: 50%;
}

.new-cars .owl-theme .owl-dots .owl-dot.active span,
.new-cars .owl-theme .owl-dots .owl-dot:hover span {
    background: #6a7781;
}

.new-cars .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 62px;
}

/*.owl-dots */

/*-------------------------------------
        7. Featured-cars
--------------------------------------*/

/*.single-featured-cars*/

.about-img {
    /* position:absolute; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding-left: 20%; */
    width: 50%;
    height: 50%;
}

.service1-img {
    /* position:absolute; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding-left: 20%; */
    width: 60%;
    height: 60%;
}

/* .contact-image { */
/* position: absolute;
    display: flex;
    align-items: center;
    justify-content: center; */
/* padding-left: 20%; */
/* padding: 2%;

} */

.logo-img {
    /* position: absolute; */
    /* padding-left: 20%; */
    padding: 2%;

}

.partners-img {
    /* position:absolute; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 20px; */
    padding: 3%;
}

.service-img {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding-left: 0px; */
    width: 60%;
    height: 60%;
}

.newsletter-img {
    /* position: absolute; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
    width: 100%;
    height: 100%;
    float: right;
}


/*.single-featured-cars*/

/*-------------------------------------       
        8. Clients-say 
--------------------------------------*/
.clients-say {
    padding: 5px 0 80px;
}

/*single-testimonial-box */
.single-testimonial-box {
    padding: 50px 30px 57px;
    text-align: center;
    border: 1px solid #dadfe9;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    overflow-x: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

/*testimonial-description*/
.clients-say .testimonial-carousel .col-sm-3,
.clients-say .testimonial-carousel .col-xs-12 {
    width: 100%;
    /* height: auto; */

}

/* testimonial-info */
.testimonial-img {
    display: inline-block;
    /* float: left; */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial-person h2 a,
.testimonial-person h4 {
    font-size: 18px;
    color: #7C7C7C;
    font-weight: 600;
}

.testimonial-person h4 {
    margin-top: 10px;
}

/* testimonial-info */


/* testimonial-comment */
.testimonial-comment p {
    font-size: 18px;
    color: #5e6778;
    margin-top: 45px;
    margin-bottom: 25px;
    text-align: left;
}


.single-testimonial-box:hover {
    /* background: #4e4ffa;
    border: 1px solid #4e4ffa; */
    box-shadow: #547501 0px 1px 4px;

}

/*owl carousel*/
.clients-say .owl-carousel .owl-stage {
    position: relative;
    padding: 10px 0 40px;
}

.clients-say .owl-carousel .owl-item img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
}

/*owl carousel*/


/*-------------------------------------
        12. Contact
--------------------------------------*/
.footercontact {
    background: #547501;
}

.footer-top {
    padding: 40px 0 60px;
}

/*.footer-logo*/
.footer-logo a,
.footer-logo a:hover,
.footer-logo a:focus {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-footer-widget p {
    font-family: ' Ubuntu ', sans-serif;
    font-size: 18px;
    color: #eeeff6;
    max-width: 300px;
    margin: 20px 0 20px;
}

.footer-contact p {
    margin: 0;
    color: #d1d7e9;
}

/*.footer-logo*/

.single-footer-widget {
    margin-bottom: 40px;
}

.single-footer-widget h2 {
    font-family: ' Ubuntu ', sans-serif;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.single-footer-widget ul li {
    display: inherit;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.single-footer-widget ul li:hover {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.single-footer-widget ul li a {
    font-family: ' Ubuntu ', sans-serif;
    font-size: 18px;
    color: #fff;
    padding-bottom: 13px;
}

.single-footer-widget ul li a span {
    text-transform: lowercase;
}

.footer-newsletter p {
    color: #fff;
    font-size: 18px;
    margin: 0 0 15px;
}

/*hm-foot-email*/
.hm-foot-email {
    position: relative;
}

.foot-email-box .form-control {
    background: #26294d;
    display: block;
    padding: 15px 20px;
    outline: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 0;
}

/*hm-foot-email*/
/*.footer-copyright */
.footer-copyright {
    padding: 20px 0 17px;
    align-items: center;
    text-align: center;
}

.footer-copyright p,
.footer-copyright p a {
    color: #ffff;
    font-size: 18px;
    font-weight: 400;


}

.footer-social {
    text-align: right;
}

.footer-social a i {
    color: #fff;
    opacity: .40;
    font-size: 18px;
    margin-left: 16px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.footer-social i:hover {
    opacity: .70;
}

/*.footer-copyright */

/*===============================
    Scroll Top
===============================*/
#scroll-Top .return-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    background: #547501;
    border: 1px solid #0e0e0e;
    border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 2;
}

/* #scroll-Top .return-to-top:hover {
    background: #fff;
    color: #4e4ffa;
    border: 1px solid #4e4ffa;
} */

#scroll-Top .return-to-top i {
    position: relative;
    bottom: 0;

}

#scroll-Top .return-to-top i {
    position: relative;
    animation-name: example;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

@keyframes example {
    0% {
        bottom: 0px;
    }

    100% {
        bottom: 7px;
    }
}

/* Contact   */
.formcontainer {
    /* max-width: 800px; */
    background: #fff;
    /* width: 800px; */
    padding: 20px;
    margin: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

form .form-row .input-data {
    width: 100%;
    height: 40px;
}

form .form-row .textarea {
    height: 40px;
}

.input-data input,
.textarea textarea {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    margin: 10px;
    font-size: 17px;

    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}


.service_section {
    position: relative;
}

.service_section .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 45px; */
    background-color: #f7f7f7;
    padding: 30px;
    margin: 30px;
    padding-top: 0px;
    margin-left: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

.service_section .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 45px; */
    /* background-color: #f7f7f7; */
    padding: 30px;
    margin: 20px;
    padding-top: 0PX;
    margin-left: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.service_section .box .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    min-width: 75px;
    min-height: 230px;
    height: 280px;
    margin-left: 30px;
    padding: 5px;

}

.service_section .box .detail-box h3 {
    font-weight: bold;
    /* text-transform: uppercase; */
}

.service_section .box .detail-box p {
    margin-top: 5px;
}

.service_section .box .detail-box a {
    color: #fff;
    font-weight: 400;
    display: inline-block;
}

.service_section .box1 .detail-box h3 {
    font-weight: bold;
    /* text-transform: uppercase; */
}

.service_section .box1 .detail-box p {
    margin-top: 5px;
}

.service_section .box1 .detail-box a {
    color: #fff;
    font-weight: 400;
    display: inline-block;
}

/*========================Thank you=================