/*
Theme Name: GreenCard
Theme URI: https://fb.com/a.a.mahim
Author: Mahim
Author URI: https://fb.com/a.a.mahim
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.0.0
*/



li#menu-item-19 a {
    background: #1DB954;
    padding: 14px 25px !important;
    display: inline-flex !important;
    gap: 10px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	transition: all ease-in-out 0.25s;
}
li#menu-item-19 a:hover,li#menu-item-19 a:focus {
    background: rgb(83, 232, 139) !important;
    color: #fff !important;
	transition: all ease-in-out 0.25s;
}
li#menu-item-19 a img {
    width: 19px;
    height: auto !important;
}

.wpuf-label {
    display: none !important;
}

li.wpuf-el .wpuf-fields input, li.wpuf-el .wpuf-fields select, li.wpuf-el .wpuf-fields textarea {
    color: #1E1E1E !important;
    border-radius: 10px !important;
    border: 1px solid rgba(29, 185, 84, 0.21) !important;
    background: rgba(29, 185, 84, 0.03) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 26px !important;
    padding: 17px 20px !important;
    box-shadow: none !important;
    height: inherit !important;
    width: 100% !important;
}


li.wpuf-submit input.weforms_submit_btn{
    color: #fff !important;
    background: #1DB954 !important;
    border-color: #1DB954 !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 15px 40px !important;

}

.signup-form.page-content {
    text-align: left;
}

label.wpuf-form-sub-label {
    display: none !important;
}

.signup-form.contact-us {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.signup-form.contact-us .contact-left {
    width: 44%;
}
.signup-form.contact-us .contacts-form {
    width: 50%;
}
.elementor-element.elementor-element-165a0b9.e-con-full.e-flex.e-con.e-parent {
    padding: 0;
    margin: 0;
}
.sidenav.show .collapse {
    display: block;
}
.sidenav .navbar-nav {
	border-top: 0px solid #eee !important;
}
.navbar .sidenav.show ul li a {
    padding: 5px 0 !important;
    margin-bottom: 10px !important;
    font-size: 18px !important;
    margin-left: 10px !important;
}
.sidenav.show li#menu-item-19 a {
    margin-top: 15px;
}
.video-section .video-container .play-button img {
    width: 30px !important;
    border-radius: 0;
    height: auto;
    margin-left: 5px;
}
.video-section .video-container {
	max-height: 640px;
}
.banner__slider .slick-list {
    overflow: inherit;
}
.banner.merchant-banner {
    overflow: hidden;
}
.banner.customer-banner {
    overflow: hidden;
}

.banner.customer-banner .banner-row .col-sm-6 > img,
.banner.merchant-banner .banner-row .col-sm-6 > img {
	margin-bottom: 0;
}
@media (max-width: 767px) {
    .signup-form.contact-us .contacts-form {
        width: 100% !important;
    }
	.wpuf-name-field-first-name {
    	margin-bottom: 30px;
	}
}