/*
Theme Name: Landpagy Child
Theme URI: https://wordpress-theme.spider-themes.net/landpagy/
Description: Landpagy is a Business and Finance WordPress theme for Consulting websites or promoting your services, Bank websites, loan companies, corporate and business-related services
Author: Spider-themes
Author URI: https://themeforest.net/user/spider-themes
Template: landpagy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: agency, bank website, banking, broker, card, clean, consulting, credit card, finance, financial, loan, loan calculator, loan website, mortgage, services
Text Domain: landpagy-child
*/

/*---------------------------------------------------- */
/*------------------- CSS Variable --------------------*/
:root {
	--primary-color: var(--primary_solid_color_opt, #0a66c2);
	--primary-light-color: #e0efff;
	--secondary-light-color: #c8e3ff;
	--light-blue-color: #F1F7FE;
	--light-blue-border: #E1EEFD;
}

body {
	overflow-x: hidden;
}


.brand_color {
	color: var(--primary-color) !important;
}

.banner-area {
	background: linear-gradient(256.17deg, #e0efff 1.04%, rgba(255, 255, 255, 0) 100%);
}

.process-banner-area {
	background-image: linear-gradient(91.28deg, #ffffff 2.19%, #e0efff 97.81%);
}

.blog-banner-area {
	background-image: linear-gradient(91.28deg, #ffffff 2.19%, #e0efff 97.81%);
}

.menu_three .right-nav .btn-red:hover {
	background: var(--black-900);
	color: var(--white);
}

.features-image .round-object {
	display: none;
}

.testimonial-review,
.testimonial-area-two .swiper-slide-active .testimonial-review {
	background-color: var(--primary-light-color);
}

.bg-red-150 {
	background-color: var(--primary-light-color);
}

.subscriber_form .subscribe_btn {
	background: var(--primary-color);
}

.testimonial-wrapper .testimonial-content ul li {
	color: var(--secondary-color);
	font-size: 18px;
	padding-left: 22px;
	position: relative;
}

.testimonial-wrapper .testimonial-content ul li:before {
	content: "";
	background-color: var(--primary-color);
	height: 8px;
	width: 8px;
	display: block;
	position: absolute;
	left: 0;
	border-radius: 30px;
	top: 10px;
}

.testimonial-wrapper .testimonial-content ul li+li {
	margin-top: 10px;
}

.right-image-full-size>.elementor-widget-wrap {
	min-width: calc((100vw - 1440px) / 2 + 40px + 720px);
}

.benefits-of-hrm-item:hover .elementor-widget-heading .elementor-widget-container {
	background-color: var(--e-global-color-primary);
	transition: all .3s;
}

.benefits-of-hrm-item:hover .elementor-widget-icon-box .elementor-icon-box-title {
	color: var(--e-global-color-primary);
	transition: all .3s;
}

.industry-specific-sec .testimonial-area.testimonial {
	background-color: var(--bs-white);
	padding-block: 0;
	transition: none;
}

.industry-specific-sec .testimonial-area .testimonial-title {
	padding-bottom: 42px;
}

.industry-specific-sec .testimonial-area .testimonial-wrapper {
	border: 2px solid var(--light-blue-border);
	padding: 30px;
	margin-bottom: 1px;
}

.testimonial-section .single-slide,
.testimonial-section .single-slide .author-img::before {
	background-color: var(--e-global-color-primary);
}

.testimonial-section .testimonial-area-six .slick-arrow i {
	line-height: inherit;
}

.choose-plan-area-three .pricing-item {
	box-shadow: none;
}

.blog-item {
	border-radius: 18px;
	overflow: hidden;
	padding: 18px;
	background-color: var(--light-blue-color);
}

.blog-item img {
	width: 100%;
	border-radius: 18px;
}

.blog-area .blog-item .blog-content {
	padding: 20px 5px 5px;
	border-radius: 0;
	box-shadow: none;
}

.right-image-full-size>.elementor-widget-wrap .elementor-widget-container img {
	width: 100%;
}

.banner-area .banner-left .banner-para {
	padding-bottom: 1.75rem;
}

.btn-check:focus+.btn, .btn:focus {
	outline: none;
	box-shadow: none;
}

.banner-right-img {
	min-width: calc((100vw - 1440px) / 2 + 40px + 550px);
}

.banner-right-img img {
	width: 100%;
}

.sections-bg-gradient {
	background: linear-gradient(256.17deg, #e0efff 1.04%, rgba(255, 255, 255, 0) 100%);
}


.content-text h2 {
	margin-bottom: 16px;
	margin-top: 40px;
	font-size: 26px;
}

.content-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: var(--tp-text-body);
	text-align: justify;
}

.content-text a,
.content-text p a {
	color: var(--primary-color);
}

.dscf7captcha {
	margin-bottom: 30px;
}

.dscf7captcha>br {
	display: none;
}

.dscf7captcha .dscf7_lt {
	font-weight: 600;
	font-size: 15px;
	line-height: 27px;
	color: var(--text-color-2);
	font-family: "Inter", sans-serif;
	letter-spacing: 0.4px;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
}

.dscf7captcha .dscf7_refresh_captcha {
	padding-left: 5px;
	vertical-align: middle;
}

.dscf7captcha input.wpcf7-form-control {
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	color: #a0a1a3;
	background: #fff;
	text-transform: capitalize;
	padding: 6px 12px; 
	margin: 0 0;
	width: 100% !important;
	height: auto;
	border: 2px solid #5d5d66;
	border-radius: 0.375rem;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	font-weight: 400;
}

.elementor-image-carousel .swiper-slide .swiper-slide-inner .swiper-slide-image {
	margin: 0 auto;
}

.calculator-container .card {
	background-color: var(--white);
	box-shadow: 0 10px 30px 0 rgba(104, 115, 125, 0.15);
	border-radius: 6px;
}

.calculator-container .card .page-title {
	font-size: 20px;
	line-height: 1.3em;
	color: var(--secondary-color);
	margin-bottom: 20px;
	font-weight: 700;
}

.calculator-container .card .control-label {
	font-weight: 600;
	font-size: 15px;
	line-height: 27px;
	color: var(--text-color-2);
	margin-bottom: 5px;
	display: block;
}

.calculator-container .card .form-control {
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	color: var(--black-900);
	background: #fff;
	text-transform: capitalize;
	padding: 0.75rem 1.5625rem;
	margin: 0 0;
	height: auto;
	border: 2px solid #5d5d66;
	border-radius: 0.375rem;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.calculator-container .card .form-check-input {
	width: 20px;
	height: 20px;
	float: none;
	padding: 0;
}

.calculator-container .card .form-check-input:checked {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.calculator-container .card .card-content p {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.calculator-container .card .card-content p+p {
	margin-top: 8px;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.calculator-container .card .form-control:read-only {
	background: #e9ecef;
	border: 1px solid #ced4da;
}

.calculator-container .card .btn {
	width: 200px;
}

.elementor-image-box-wrapper .elementor-image-box-img a {
	display: block;
}

.holiday-table .elementor-widget-container .tafe-table {
	border-radius: 10px;
	border-collapse: separate;
	background-color: #ffffff;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #EEF0F5;
}

.holiday-table .elementor-widget-container .tafe-table .tafe-table-header tr th,
.holiday-table .elementor-widget-container .tafe-table .tafe-table-body tr td {
	padding: 14px 14px 14px 14px;
	text-align: left;
	background-color: #ffffff;
	font-size: 14px;
	line-height: 23px;
	border-bottom: 1px solid #EEF0F5;
	color: #1E2538;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	white-space: nowrap;
}

.holiday-table .elementor-widget-container .tafe-table .tafe-table-header tr th {
	background-color: #e0efff;
	font-size: 16px;
	color: var(--primary-color);
	font-weight: 600;
}

.elementor-heading-title img.emoji {
	height: 1.8em !important;
	width: 1.8em !important;
	vertical-align: middle !important;
}

.holiday-table .elementor-widget-container .tafe-table .tafe-table-header tr th:first-child {
	border-top-left-radius: 10px;
}

.holiday-table .elementor-widget-container .tafe-table .tafe-table-header tr th:last-child {
	border-top-right-radius: 10px;
}

.holiday-table .elementor-widget-container .tafe-table .tafe-table-body tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
}

.holiday-table .elementor-widget-container .tafe-table .tafe-table-body tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
}

.holiday-table .elementor-widget-container {
	overflow-x: auto;
}

.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-icon {
	margin-inline: unset;
}

.blog-post-area .post_social_icon.active {
	display: none !important;
}

.blog_comment_box,
.comments-area,
#comments,
.comment-respond {
	display: none !important;
}

.doc_blog_classic_area {
	background-color: white;
	padding: 60px 0;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	/* Removes the default clear button */
}

.widget_search .search-form button {
	height: 40px;
	width: 40px;
	background: var(--primary-color);
	border-radius: 4px;
	color: var(--white);
}

.widget_search .search-form button:hover {
	background-color: var(--secondary-color);
}

.blog_single_post table tbody tr td {
	text-align: left;
}

.blog-post-area {
	background: var(--white);
}

.blog_sidebar_sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 125px;
}
.sec_pad.page_wrapper {
	background-color: #ffffff;
} 
.img-right-outside > .elementor-widget-container { 
	width: calc(100% + 25px);  
	float: left;
}
 
.img-left-outside > .elementor-widget-container { 
	width: calc(100% + 25px);  
	float: right;
}
.img-right-outside > .elementor-widget-container img,
.img-left-outside > .elementor-widget-container img {
	width:100%;
}
.contact-form-2 .btn-red{
	font-size: 1.125rem;
    color: #fff;
    padding: 0.8125rem 2rem;
}
.contact-form-2 .btn-red:focus {
	color:#ffffff;
}
#preloader .round_spinner span{
	font-size: 18px;
    font-weight: 400;
	color: var(--secondary-color);
    margin-bottom: 0;
	font-family: "Poppins", sans-serif;
}
#preloader .head {
	color: var(--secondary-color);
	font-weight: 700;
	font-family: "Poppins", sans-serif;
}
.price-box .elementor-price-table {
    border-radius: 16px;
    overflow: hidden;
} 
.price-box .elementor-price-table__features-list {
    display: grid;
    text-align: left; 
    gap: 14px;
    padding: 0 30px;
}
.price-box .elementor-price-table__features-list li .elementor-price-table__feature-inner {
	margin:0;
}
.price-box .elementor-price-table__features-list li::before {
	display:none !important;
}
.price-banner a {
	width:100%;
}
.hero-banner-img a {
	display:block;
	width:100%;
}
.app-banner-area .shape:not(.shape-svg) {
	background-color:var(--primary-color)
}
.project-inquiry.contact-form {
    background-color: #ffffff;
    padding: 44px;
}
.contact-form input, .contact-form textarea {
	text-transform: none;
} 
.iti__flag {
    background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/img/flags.png");
}
.contact-form .contact-form-button {
    text-align: left;
    margin-top: 0;
	    position: relative;
}
.project-inquiry.contact-form .contact-title{
	font-size: 22px;
    font-weight: 700;
    line-height: 1.16;
    width: 100%;
    text-align: center;
    color: var(--secondary-color);
}
.project-inquiry.contact-form .dscf7captcha {
	margin-bottom: 20px;
}
.project-inquiry.contact-form .dscf7captcha input.wpcf7-form-control {
	border-color: #f0f0f0;
	margin: 0 !important;
	padding: 6px 12px;
    font-size: 14px;
	color:var(--e-global-color-secondary)
}
.project-inquiry.contact-form .dscf7captcha .dscf7_lt { 
    display: inline-block; 
}
.project-inquiry.contact-form .contact-form-button .btn-red{
	border-color: var(--primary-color);
	color: white; 
	width:100%;
	font-size: 1.125rem;
	padding: 0.8125rem 2rem;
}
.project-inquiry.contact-form .dscf7captcha .dscf7_refresh_captcha img{
	width: 20px !important;
}
.project-inquiry.contact-form .contact-form-button .btn-red:hover {
	color: white;
    background: var(--secondary-color);
    border-color: var(--secondary-color); 
}
.project-inquiry.contact-form .wpcf7-not-valid-tip {
	font-size: 12px;
    line-height: 1.2;
    margin-top: 5px;
} 
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	background-color: #46b450;
	color:#ffffff;
}
.wpcf7 form .wpcf7-response-output {
	margin:5px 0 0 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
	background-color: #ffb900;
	color:#ffffff;
}
.contact-form-name .wpcf7-form-control-wrap .iti--allow-dropdown,
.contact-form-name .wpcf7-form-control-wrap {
	display: block;
}
.contact-form .contact-form-button .wpcf7-spinner { 
    position: absolute;
    right: 0;
    margin: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.app-banner-images {
	margin-right: 0;
}
.flex-row.elementor-widget-icon-box.elementor-position-inline-start .elementor-icon-box-wrapper {
    flex-direction: row;
    text-align: left;
    align-items: center !important;
}
.app-banner-content .banner-title {
    font-size: 48px;
	width: 100%;
}
.elementor-heading-title span {
    line-height: 1.2 !important;
} 
.onepage-header .header-area.landpagy_header .menu_three .btn-red {
	margin-top:0;
}
.app-banner-content .btn { 
	color:#ffffff;
}
.faq-area-four .accordion-item .accordion-body {
	padding-bottom: 16px;
	padding-left: 16px;
}
.faq-area-four .accordion-item .accordion-button  {
	padding: 16px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #000000 !important;
}
.project-inquiry input, 
.project-inquiry textarea{
	padding: 6px 12px;
	font-size: 14px;
	color: var(--e-global-color-secondary);
}
.contact-form .select-topic {
	height: auto;
    padding: 6px 12px;
	height: 44px;
	color: var(--e-global-color-secondary);
	font-size: 14px;
}
.doc_blog_top_post .b_top_post_content h2  {
	word-break: unset;
}
.form-group .btn-red:hover {
	color: white;
}
.blog_single_post img, .blog_classic_item img, img.aligncenter, video, .widget img, .about_widget .img img, .blog_single_post .blog_single_img img {
	width: 100%;
}




/* Responsive Style */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/img/flags@2x.png");
    }
}

@media (min-width: 1440px) {
	.img-right-outside > .elementor-widget-container {
		width: calc((100vw - 1440px) / 2 + 20px + 100%);  
	}
	 
	.img-left-outside > .elementor-widget-container {
		width: calc((100vw - 1440px) / 2 + 20px + 100%); 
	} 
	.container {
        max-width: 1440px;
    }
}

@media screen and (max-width: 1439px) {
    .container  {
		max-width:100%;
	}
}

@media (min-width: 1200px) {
	.industry-specific-sec .testimonial-area #scroll-container {
		width: 883%;
	}
}


@media (max-width: 1199px) {

	.menu_three .container-fluid,
	.menu_four .container-fluid {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.app-banner-area .container {
		padding-left:15px;
		padding-right:15px;
	}
}

@media screen and (min-width: 992px) {
	.industry-specific-sec .testimonial-area .testimonial-title {
		width: 75%;
	}

	.menu_three .container-fluid,
	.menu_four .container-fluid {
		padding-left: 3rem;
		padding-right: 3rem;
	} 
}

@media (max-width: 1380px) {
	.onepage-header .header-area.landpagy_header .menu_three .container-fluid {
		padding: 0 15px;
	}
}
@media (max-width: 1199px) {

	.menu_three .container-fluid,
	.menu_four .container-fluid {
		padding-left: 2rem;
		padding-right: 2rem;
	}
} 
@media (min-width: 600px) {
	.price-box .elementor-price-table__features-list { 
		grid-template-columns: repeat(2, 1fr); 
	}
}
@media (max-width: 768px) {
    .app-banner-content .banner-title {
        font-size: 28px; 
    }
}
@media (max-width: 600px) {
	.project-inquiry.contact-form {
		background-color: #ffffff;
		padding: 24px 15px;
	}
}
@media (max-width: 480px) {
	.has-landpagy-mega-menu .elementor-widget-wrap .elementor-image-box-wrapper .elementor-image-box-img {
		margin-right: 14px !important
	}

	.has-landpagy-mega-menu .elementor-widget-wrap .elementor-image-box-wrapper {
		flex-direction: row;
		display: flex;
		align-items: center;
	}
	.onepage-header .header-area.landpagy_header .menu_three .btn-red {
		font-size: 14px;
		padding: 6px 12px;
	}
}