@import url('./colorVariables.css');
@import url('./button.css');
@import url('./form.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-family: "Poppins", sans-serif;
  overflow-x: hidden !important;
}
/* html{
	overflow-x: hidden !important;
} */
/* ------------------
         Base css
  --------------------- */
.container {
  max-width: 1440px;
  padding: 0 40px;
}
.container-fluid{
	padding: 0 60px;
}
.bg_style {
  background-size: cover;
  background-repeat: no-repeat;
}
img{
	max-width: 100%;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
p{
	font-size: 14px;
}
.py_100{
	padding: 100px 0;
}
.py_80{
	padding: 80px 0;
}
.py_60{
	padding: 60px 0;
}
.mb_40{
	margin-bottom: 40px;
}

.btn{
	font-size: 13px;
	font-weight: 600;
	padding: 10px 10px;
	border-radius: 60px;
}
.btn.btn_flex{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.btn.btn-sm{
	font-size: 14px;
    font-weight: 500;
	padding: 6px 11px;
    border-radius: 9px;
}
.header_action .btn.buy_btn i{
	line-height: 0;
	color: #fff;
}
a{
	text-decoration: none;
}

.tittle_head{
	text-align: center;
	margin-bottom: 46px;
}
.tittle_head h2{
	font-size: 36px;
    font-weight: 700;
    color: var(--bs-heading-color);
	text-transform: capitalize;
    margin-bottom: 8px;
}
.tittle_head h2 span{
	color: #1E9E9A;
}
.tittle_head h2 span.inline_span{
	color: var(--bs-heading-color);
}
.tittle_head p{
	font-size: 18px;
	margin-bottom: 0;	
}
.tittle_head h2.xl{
	font-size: 42px;
    line-height: 1.3;
	margin-bottom: 8px;
}
.tittle_head p.xl{
	font-size: 20px;
	line-height: 1.6;
}
.light_bg{
	background-color: #F7F6F2;
}
header{
	position: sticky;
	top: 0;
	z-index: 9999;
}
.main_header{
	background-color: #0E2A3B;
	
}

.main_header .navbar-brand img{
	/* width: 172px; */
	width: 144px;
	/* filter: invert(1); */
}
.main_header .navbar{
	padding: 14px 0;
}
.main_header .navbar-nav .nav-link{
	font-size: 14px;
	font-weight: 500;
    padding: 10px 18px;
	/* color: var(--bs-heading-color); */
	color: #fff;
}
.main_header .navbar-nav .nav-link:hover{
	/* color: var(--bs-primary-text-emphasis); */
	color: #1E9E9A;
}
.header_action{
	display: flex;
	align-items: center;
	position: relative;
    top: 1px;
}
.header_action li{
	padding: 0 14px;
	border-left: 1px solid rgb(54 54 54 / 10%);
}
.header_action li:first-child{
	border-left: none;
	padding-left: 0;
}
.header_action a{
	display: flex;
}
.header_action i{
	color: var(--bs-body-color);
	line-height: 0;
}
.main_header .dropdown-menu .dropdown-item{
	font-size: 14px;
	font-weight: 500;
    padding: 10px 18px;
	color: var(--bs-heading-color);
}
.main_header .dropdown-menu .dropdown-item:hover{
	color: var(--bs-primary-text-emphasis);
	background-color: #F7F6F2;
	transition: all 0.3s;
}
.n_header_btn{
	margin-left: auto;
    margin-right: 0 !important;
}	
.n_header_btn .btn:hover{
	background-color: #fff;
	color: #1E9E9A;
}
.main_header .navbar-toggler{
	border-color: #fff;
}
.main_header .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H26ZM4 15H26ZM4 23H26Z' fill='white'/%3E%3Cpath d='M4 7H26M4 15H26M4 23H26' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.nav-link.dropdown-toggle::after{
	/* border: none;
	transform: translate(10px, 8px);
	content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99997 9.41993C5.7849 9.41993 5.56987 9.33781 5.4059 9.17392L0.24617 4.01414C-0.0820565 3.68592 -0.0820565 3.15375 0.24617 2.82566C0.574263 2.49757 1.10632 2.49757 1.43457 2.82566L5.99997 7.39132L10.5654 2.82582C10.8936 2.49773 11.4256 2.49773 11.7537 2.82582C12.0821 3.15391 12.0821 3.68607 11.7537 4.0143L6.59404 9.17408C6.42999 9.338 6.21495 9.41993 5.99997 9.41993Z' fill='white'/%3E%3C/svg%3E%0A"); */
	/* background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99995 14.1301C8.67736 14.1301 8.3548 14.007 8.10885 13.7611L0.369254 6.02146C-0.123085 5.52912 -0.123085 4.73087 0.369254 4.23873C0.861395 3.74659 1.65948 3.74659 2.15186 4.23873L8.99995 11.0872L15.8481 4.23897C16.3404 3.74683 17.1384 3.74683 17.6305 4.23897C18.1231 4.73111 18.1231 5.52936 17.6305 6.0217L9.89105 13.7614C9.64498 14.0072 9.32243 14.1301 8.99995 14.1301Z' fill='white'/%3E%3C/svg%3E%0A"); */
}
.count_badge{
	position: absolute;
	display: inline-block;
	border-radius: 30px;
	background-color: var(--bs-primary);
	color: #fff;
	top: -10px;
    right: -10px;
	font-size: 12px;
	min-width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.hero_banner{
	background-color: #0E2A3B;
	padding: 140px 0 140px;
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}

.hero_banner_contnt{
	max-width: 660px;
}
.hero_banner_txt h1{
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	/* color: var(--bs-heading-color); */
	line-height: 1.4;
	margin-bottom: 20px;
}
.hero_banner_txt h1 span{
	color: #1E9E9A;
}
.hero_banner_txt p{
	font-size: 18px;
	color: #fff;
	/* color: var(--bs-body-color); */
	line-height: 1.7;
	margin-bottom: 50px;
}
.hero_banner_btn .btn{
	min-width: 300px;
	padding: 16px 20px;
	font-size: 18px;
}


.why_choose{
	background-color: #F7F6F2;
	padding: 100px 0 100px;
}
.why_choose_list h3{
	font-size: 24px;
	font-weight: 600;
	color: var(--bs-heading-color);
	margin-bottom: 24px;
}
.why_choose_list ul{
	display: flex;
	flex-direction: column;
}
.why_choose_list ul li{
	border-bottom: 1px solid #1E9E9A ;
	padding: 20px 0;
	display: flex;
	gap: 12px;
	font-size: 14px;
	font-weight: 500;
}
.why_choose_list ul li:first-child{
	padding-top: 0;
}
.why_choose_list ul li:last-child{
	padding-bottom: 0;
	border-bottom: none;

}
.why_choose_list ul li i{
	color: #1E9E9A;
}


.financing_sec{
	background-color: #fff;
	padding: 100px 0 100px;
}

.financing_sec .tittle_head{
	text-align: left;
}
.financing_sec .tittle_head h2{
	font-size: 42px;
	line-height: 1.3;
	margin-bottom: 18px;
}
.financing_sec .tittle_head p{
	font-size: 20px;
}
.financing_sec  .tittle_head span{
	/* display: block; */
}
.financing_card_list{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}
.financing_card_icon{
	width: 48px;
	height: 48px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F7F6F2;
	/* border: 1px solid #C9A86A; */
	/* box-shadow: 0 6px 9px rgb(201 168 106 / 15%); */
}
.financing_card_icon i{
	font-size: 24px;
	color: #1E9E9A;
	line-height: 0;
}
.financing_card{
	display: flex;
	align-items: center;
	gap: 16px;
}
.financing_card_txt {
	flex: 1;
}
.financing_card_txt h3{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0;
}
.financing_card_txt h3 span{
	display: block;
}

.new_letter {
	padding: 62px 0;
	background-position: center;
}
.new_letter_cntnt h2 {
	font-size: 42px;
	font-weight: 800;
}
.new_letter_cntnt h2 span{
	color: #1E9E9A;
}
.new_letter_cntnt p {
	line-height: 30px;
	margin-bottom: 32px;
}
.new_letter_form {
	display: flex;
	max-width: 576px;
	margin: 0 auto;
	gap: 18px;
}
.new_letter_cntnt {
	text-align: center;
	max-width: 578px;
	margin: 0 auto 32px;
}

.new_letter_form input {
	width: 100%;
	background: #fff;
	border: none;
	padding: 22px 22px 22px 65px;
	font-size: 16px;
	font-weight: 400;
	border-radius: 70px;
	background-image: url("../img/mail.svg");
	background-repeat: no-repeat;
	background-position: 10% 50%;
	outline: none;
}
.new_letter_form input::placeholder {
	color: rgb(25 24 37 / 75%);
}
.new_letter_form button {
	border-radius: 70px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	padding: 19px 43.5px;
	flex-shrink: 0;
}


.unlock_your {
	position: relative;
	padding: 100px 0 100px;
}
.unlock_your::before {
	content: url("../img/circleHalf.svg");
	position: absolute;
	left: -30px;
	top: 60px;
	z-index: -1;
}
.unlock_your .tittle_head h2{
	font-size: 42px;
	line-height: 1.3;
}
.unlock_your .tittle_head p {
    font-size: 20px;
}
.growth_countr_crd {
	text-align: center;
	border-radius: 18px;
	border: 1px solid #1E9E9A;
	padding: 28px 12px 32px;
	height: 100%;
	background-color: #F7F6F2;
  }
  .growth_countr_crd h3 {
	font-size: 34px;
	font-weight: 700;
	color: var(--bs-heading-color);
	margin-bottom: 4px;
  }
  .growth_countr_crd p {
	/* color: var(--bs-heading-color); */
	margin-bottom: 0;
  }
  ul.growth_countr {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -13px;
  }
  ul.growth_countr li {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 13px;
	margin-bottom: 26px;
  }

.award_winning_sec{
	background-color: #F7F6F2;
	padding: 100px 0 100px;
}
.award_winning_contnt .tittle_head{
	text-align: left;
}
.award_winning_contnt .tittle_head h2{
	font-size: 42px;
    line-height: 1.3;
	margin-bottom: 20px;

}
.award_winning_contnt .tittle_head h2 span{
	/* display: block; */
}
.award_winning_btn .btn{
	min-width: 200px;
}
.morgaje_solution{
	padding: 100px 0 100px;
}
.morgaje_solution .tittle_head h2{
	font-size: 42px;
	line-height: 1.3;
}
.morgaje_solution .tittle_head span{
	/* display: block; */
}
.morgaje_solution_grid{
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 20px;
}
.we_work{
	background-color: #F7F6F2;
	padding: 100px 0 100px;
}
.we_work_contnt_btn .btn{
	min-width: 200px;
}
.bank_list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
}
.bank_img img{
	border-radius: 10px;
}
.happy_customer{
	padding: 0 0 50px;
}
.happy_customer .tittle_head{
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}
.rating_card{
	border-radius: 18px;
	border: 1px solid #1E9E9A;
	padding: 20px 20px ;
	height: 100%;
	background-color: #F7F6F2;
}
.rating_star ul{
	display: flex;
	gap: 4px;
	margin-bottom: 10px;
}
.rating_star ul li i{
	color: #1E9E9A;
}
.rating_desc p{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.rating_user h4{
	font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}
.rating_user p{
	font-size: 14px;
	margin-bottom: 0;
}

.main_footer {
	background-color: #0E2A3B;
	/* padding: 77px 0 0; */
}
.footer_logo img {
	width: 170px;
	margin-bottom: 20px;
}
.footer_logo p {
	font-size: 14px; 
	font-weight: 400;
	color: #fff;
	margin-bottom: 0;
}
.footer_head h4 {
	font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 18px;
}
.footer_link ul li a {
	display: block;
    padding: 6px 0;
    color: #C9C9C9;
    font-weight: 400;
    font-size: 14px;
}
.footer_link ul li:first-child a {
	padding-top: 0;
}
.social_link {
	margin-bottom: 16px;
}
.social_link ul{
	display: flex;
	gap: 12px;
}
.social_link ul li {
	display: inline-block;
	margin-right: 12px;
}
.social_link ul li a img{
	filter: invert(1);
}
.social_link ul li:last-child {
	margin-right: 0;
}


/* #whatsappmsg {
    width: 190px;
    line-height: 44px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 140px;
    right: 10px;
    background-color: #31b373;
    color: #fff;
    text-align: center;
    font-size: 17px;
    text-decoration: none;
    border: 0;
    border-radius: 25px;
}
#whatsappmsg span {
    font-size: 15px;
} */

.app_download .footer_head h4 {
	margin-bottom: 10px;
}
.app_download ul {
	display: flex;
	gap: 7px;
}
.app_download ul li a {
	display: block;
}
.copy_right {
	margin: 68px 0 0;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #fff;
}
.copy_right p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}
.n_contact_social.n_footer_social{
	margin-top: 30px;
}
.n_contact_social.n_footer_social a{
	background-color: #fff;
}
.n_contact_social.n_footer_social a i{
	color: #1E9E9A;
}
/* contact us */
.inner_banner {
	background-color: #0E2A3B;
	padding: 100px 0 120px;
  }
  .inner_banner_txt {
	text-align: center;
  }
  .inner_banner_txt h1 {
	font-size: 52px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0;
  }
  .inner_banner_txt h1 span {
	color: #1E9E9A;
  }
  .contact_info {
	padding: 50px 0;
	background-color: #F7F6F2;
  }
  .contact_info_ul ul {
	display: flex;
	align-items: center;
  }
  .contact_info_crd {
	display: flex;
	align-items: center;
	gap: 17px;
  }
  .contact_info_crd a {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: var(--bs-heading-color);
	flex: 1 0 0;
  }
  .custom_input {
	margin-bottom: 20px;
  }
  .custom_input input,
  .custom_input textarea {
	border: 1px solid #eeeeee;
	padding: 16px 20px;
	width: 100%;
	border-radius: 14px;
	font-size: 16px;
	font-weight: 400;
	color: var(--bs-heading-color);
	outline: none;
  }
  .custom_input input:focus,
  .custom_input textarea:focus{
	  border: 1px solid #1E9E9A;
  }
  .custom_input input::placeholder,
  .custom_input textarea::placeholder {
	color: var(--bs-body-color);
  }
  .contact_form_btn {
	text-align: center;
	margin-top: 26px;
  }
  .contact_form_btn button.theme_btn {
	padding: 14px 72px;
  }
  form.contact_form_bx {
	margin-left: 20px;
  }

/* about us */
.about_us_contnt .tittle_head{
	text-align: left;
}
.about_us_contnt .tittle_head p{
	line-height: 1.6;
	font-weight: 400;
}
.about_us_list{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.leadership_card{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.leadership_card_cntnt{
	text-align: center;
}
.leadership_card_cntnt h3{
	font-size: 18px;
	font-weight: 600;
	color: var(--bs-heading-color);
	margin-bottom: 4px;
}
.leadership_card_cntnt p{
	margin-bottom: 0;
	font-size: 14px;
}
.employe_socil_media{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 12px;
}
.employe_socil_media a{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.employe_socil_media a i{
	color: #1E9E9A;
	line-height: 0;
	font-size: 22px;
}
.job_apply_card{
	border-radius: 16px;
	overflow: hidden;
}
.job_apply_img {
    aspect-ratio: 7 / 4;
}
.job_apply_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.job_apply_contnt{
	background-color: #F7F6F2;
	padding: 16px 16px;
}
.job_apply_txt h3{
	font-size: 20px;
    font-weight: 600;
    color: var(--bs-heading-color);
    margin-bottom: 4px;
}
.job_apply_txt p{
	margin-bottom: 0;
}
.job_apply_btn{
	margin-top: 16px;
}
.need_help_card_contnt{
	display: flex;
    flex-direction: column;
    height: 100%;
	gap: 16px;
}
.need_help_card_contnt_txt h3{
	font-size: 20px;
    font-weight: 600;
    color: var(--bs-heading-color);
    margin-bottom: 4px;
}
.need_help_card_contnt_txt p{
	margin-bottom: 0;
}
.need_help_card_btn{
	margin-top: auto;
}
.need_help_card_icon{
	margin-bottom: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.need_help_card_icon i{
	line-height: 0;
	font-size: 30px;
	color: #1E9E9A;
}
.need_help_card_icon i.bi-telephone{
	font-size: 27px;
}
.need_help_card_icon i.bi-calendar-check{
	font-size: 26px;
}
.need_help_card{
	background-color: #F7F6F2;
    padding: 24px 24px;
	border-radius: 16px;
	height: 100%;
	display: flex;
    flex-direction: column;
}

.broker_card{
	background-color: #fff;
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
}
.broker_card_img{
	aspect-ratio: 7 / 4;
}
.broker_card_img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.broker_card_contnt {
	padding: 20px 18px;
	height: 100%;
}
.broker_card_contnt h3{
	font-size: 20px;
    font-weight: 600;
    color: var(--bs-heading-color);
    margin-bottom: 4px;
}
.broker_card_contnt p{
	margin-bottom: 0;
}
.faq_accordian{
    display: flex;
	justify-content: center;
    flex-direction: column;
    align-items: center;
}
.faq_accordian .nav-link{
	font-size: 18px;
    font-weight: 500;
    color: var(--bs-heading-color);
	border: none;
	border-radius: 30px;
}
.faq_accordian .nav-link.active{
	background-color: #1E9E9A;
	color: #fff;
}
.faq_accordian  .tab-content{
	max-width: 990px;
	width: 100%;
}
.faq_accordian  .nav.nav-tabs{
	justify-content: center;
    background: #fff;
	padding: 10px 10px;
    display: inline-flex;
    align-items: center;
	border-radius: 70px;
	border: none;
	margin-bottom: 20px;
}
.faq_accordian .accordion{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.faq_accordian .accordion-item{
	overflow: hidden;
	border-radius: 10px !important;
	border: 1px solid #e7e7e7;
}
.faq_accordian .accordion-button{
	background-color: #fff;
	font-size: 18px;
	font-weight: 500;
	color: var(--bs-heading-color);
	box-shadow: none !important;
	padding: 20px 20px;
}
.faq_accordian .accordion-button:not(.collapsed){
	color: #1E9E9A;
}
.faq_accordian .accordion-body{
	padding: 0 20px 20px;
	color: var(--bs-body-color);
}
.product_sec{
	padding-bottom: 60px;
}
.product_card{
	background-color: #fff;
	border-radius: 20px;
	padding: 10px 10px 20px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 4%);
}
.product_card_img{
	aspect-ratio: 4 / 3;
	border-radius: 16px;
}
.product_card_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}
.product_card_txt{
	text-align: center;
	margin-top: 20px;
}
.product_card_txt h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bs-heading-color);
    margin-bottom: 0;
}
.yourEstate .tittle_head{
	text-align: left;
	margin-bottom: 20px;
}
.yourEstate .tittle_head h2{
	font-size: 28px;
}
.yourEstate .tittle_head p{
	font-size: 16px;
}
.get_answer .tittle_head{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}




/* new-home */
.form-control{
	padding: 14px 20px;
	border: none;
	border-radius: 8px;
}
.n_tittle_head_flex{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.n_tittle_head .tittle_cap{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #1E9E9A;
}
.n_tittle_head .tittle_cap i{
	font-size: 30px;
}
.n_tittle_head h2 {
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 16px;
}
.n_tittle_head p{
	font-size: 16px;
	margin-bottom: 0;
}

.n_hero_banner{
	position: relative;
	background-image: url('../newImg/nHeroBannerImg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 100px 0;
}
.n_hero_banner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 42%);
}

.n_hero_banner_content{
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 938px;
	position: relative;
}
.n_hero_banner_txt span.n_cap_text{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 12px;
}
.n_hero_banner_txt span.n_cap_text i{
	font-size: 30px;
}
.n_hero_banner_txt h1{
	font-size: 68px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 16px;
}
.n_hero_banner_txt p{
	font-size: 16px;
	color: #fff;
	max-width: 780px;
	margin-bottom: 0;
}
.n_hero_banner_btn{
	display: flex;
	gap: 16px;
}
.n_hero_banner_btn .btn{
	min-width: 162px;
}

.n_morgaje_process{
	background-image: url(../newImg/nMorgajeProcessBg.png);
	background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #F6F6F6;
}
.n_morgaje_card{
	background-color: #fff;
	border-radius: 16px;
	padding: 26px 30px;
	height: 100%;
}
.n_morgaje_card_header{
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-color: #1E9E9A;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 26px;
}
.n_morgaje_card_header i{
	color: #fff;
	font-size: 32px;
}

.n_morgaje_card_body h2{
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 12px;
}
.n_morgaje_card_body p{
	margin-bottom: 0;
}


.n_how_we_header .tittle_head{
	text-align: left;
}
.n_how_we_header .tittle_head .tittle_cap{

}
.n_how_we_header{
	/* margin-bottom: 40px; */
}
.n_how_we_body{
	/* margin-bottom: 40px; */
}
.n_how_we_list_header{
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 16px;
}
.n_how_we_list_header span.icons {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #1E9E9A;
    display: flex;
    align-items: center;
    justify-content: center;
}
.n_how_we_list_header span.icons i{
	color: #fff !important;
    font-size: 32px;
}
.n_how_we_list_header h3{
	flex: 1;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
}
.n_how_we_list_header h3 span{
	display: block;
}
.n_how_we_list_body p{
	margin-bottom: 0;
}
.n_contact_sec{
	background-color: #F6F6F6;
}
.n_contact_sec .n_tittle_head_flex{
	/* padding-right: 90px; */ 
}
.n_contact_sec .n_tittle_head{
	max-width: 578px;
}
.n_contact_list{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.n_contact_list h3{
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 0;
}
.n_contact_list h3 i{
	color: #1E9E9A;
	font-size: 20px;
}
.n_contact_social{
	display: flex;
	align-items: center;
	gap: 10px;
}
.n_contact_social a{
	/* background-color: #053739; */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
}
.n_contact_social a i{
	color: #0E2A3B;
	font-size: 16px;
	line-height: 0;
}

.n_news_blog{
	background-position: center center;
}
.n_news_blog_card{
	background-color: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0px 10px 20px 3px rgba(0, 0, 0, 0.16);
	padding: 0 0 30px;
	height: 100%;
}
.n_news_blog_card_header{
	/* height: 176px; */
	position: relative;
	aspect-ratio: 16 / 9;
}
.n_news_blog_card_header img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.n_news_blog_card_conetnt{
	text-align: center;
	padding: 38px 16px 20px;
}
.n_news_blog_card_conetnt h3{
	font-size: 20px;
    font-weight: 600;
	line-height: 1.4;
    margin-bottom: 12px;
}
.n_news_blog_card_conetnt p{
	margin-bottom: 0;
}
.n_news_blog_card_footer{
	text-align: center;
	padding: 0 16px;
}
.n_date_blog{
	position: absolute;
    bottom: -20px;
    display: inline-flex;
    flex-direction: column;
    min-width: 55px;
    padding: 10px 10px;
    background-color: #34B8BE;
	color: #fff;
    border-radius: 10px;
    right: 20px;
    text-align: center;
    line-height: 1.24;
}

.n_our_team{
	background-position: center center;
}
.n_our_team_card {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    transition: 0.4s ease;
}

.n_our_team_card .team_img {
    position: relative;
    overflow: hidden;
	aspect-ratio: 1 / 1;
}

.n_our_team_card img {
    transition: 0.4s ease;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Bottom Info */
.n_our_team_card .team_info {
    background: #9fdcdf;
    padding: 10px 10px;
    text-align: center;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.n_our_team_card .team_info h3 {
	font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.n_our_team_card .team_info p {
    margin: 5px 0 0;
    color: #ffffff;
}

/* Social Icons */
.team_social {
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
    background: #ffffff;
	padding: 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: 0.4s ease;
}

.team_social a {
    color: #0b4d48;
    font-size: 18px;
}

/* Hover Effect */
.n_our_team_card:hover .team_social {
    left: 0;
}

.n_our_team_card:hover img {
    transform: scale(1.2);
}

.n_charting_your_home{
	position: relative;
	background-attachment: fixed;
	background-position: center center;
}
.n_charting_your_home::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(14 41 59 / 78%);
}
.n_charting_your_home .n_tittle_head h2{
	color: #fff;
	/* margin-bottom: 0; */
	line-height: 1.3;
}
.n_charting_your_home .n_tittle_head_flex{
	max-width: 660px;
    margin: 0 auto;
}
.n_charting_your_home_btn .btn:hover{
	background-color: #fff;
	border-color: #fff;
	color: #053739;
}

.n_we_help_you{
	background-position: center center;
}
.n_we_help_you .n_morgaje_card{
	padding: 40px 16px;
	border-radius: 10px;
	box-shadow: 0px 10px 20px 3px rgba(0, 0, 0, 0.16);
	text-align: center;
	transition: all 0.3s;
}
.n_we_help_you .n_morgaje_card_header{
	margin: 0 auto 32px;
}
.n_we_help_you_content{
	padding: 20px 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.n_we_help_you .n_morgaje_card:hover{
	transition: all 0.3s;
	background-color: #0E2A3B;
}
.n_we_help_you .n_morgaje_card:hover .n_morgaje_card_body h2{
	color: #fff;
}
.n_we_help_you .n_morgaje_card:hover .n_morgaje_card_body p{
	color: #fff;
}
.n_talk_us_card{
	background-color: #0E2A3B;
	height: 100%;
	border-radius: 10px;
	padding: 40px 50px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.n_talk_us_card_header .tittle_cap{
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
    display: block;
}
.n_talk_us_card_content {
	max-width: 410px;
}
.n_talk_us_card_content h2{
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 20px;
}
.n_talk_us_card_content ul li,.n_talk_us_card_content P{
	color: #fff;
}
.n_our_services{
	position: relative;
}
.n_our_services::before{
	content: '';
	background-image: url('../newImg/family.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	background-attachment: fixed;
	width: 100%;
	height: 444px;
	z-index: -1;
	left: 0;
	top: 0;
}

.n_our_servicesx::before{
	content: '';
	background-image: url('../newImg/family-about-us.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	background-attachment: fixed;
	width: 100%;
	height: 444px;
	z-index: -1;
	left: 0;
	top: 0;
}

.n_our_services_products::before{
	content: '';
	background-image: url('../newImg/morgaje-products.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	background-attachment: fixed;
	width: 100%;
	height: 444px;
	z-index: -1;
	left: 0;
	top: 0;
}

.n_our_services_services::before{
	content: '';
	background-image: url('../newImg/morgaje-services.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	background-attachment: fixed;
	width: 100%;
	height: 444px;
	z-index: -1;
	left: 0;
	top: 0;
}

.n_our_services_broker::before{
	content: '';
	background-image: url('../newImg/morgaje-broker.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	background-attachment: fixed;
	width: 100%;
	height: 444px;
	z-index: -1;
	left: 0;
	top: 0;
}

.n_our_services::after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 444px;
    background-color: rgb(14 41 59 / 78%);
	z-index: -1;
}
.n_our_services .n_news_blog_card_conetnt{
	text-align: left;
	padding: 48px 24px 0;
}
.n_our_services .n_news_blog_card_footer{
	text-align: left;
	padding: 0 24px;
	margin-top: auto;
}
.n_our_services .n_news_blog_card_conetnt ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.n_our_services .n_news_blog_card_conetnt ul li i{
	color: #1E9E9A;
}
.n_our_services .n_news_blog_card_conetnt ul li {
	color: #494949;
    display: flex;
    /* align-items: center; */
    gap: 9px;
    font-size: 12.5px;
}
.n_our_services .n_date_blog{
	left: 20px;
	right: unset;
	width: 74px;
	height: 74px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	bottom: -34px;
	background-color: #1E9E9A;
}
.n_our_services .n_date_blog i{
	color: #fff; 
	font-size: 34px;
}
.n_our_services .n_date_blog i.bi-arrow-repeat{
	font-size: 44px;
}
.n_our_services .n_tittle_head h2{
	color: #fff;
}
.n_our_services .n_tittle_head .tittle_cap{
	color: #fff;
}
.n_our_services .n_tittle_head {
	max-width: 590px;
}
.n_our_services .n_tittle_head_flex{
	flex-direction: row;
    align-items: center;
	justify-content: space-between;
}	
.n_our_services .n_news_blog_card{
	display: flex;
	flex-direction: column;
}
.n_news_letter{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.n_news_letter .btn{
	border-radius: 12px;
	border-radius: 8px;
}
.n_news_letter .btn:hover{
	background-color: #fff;
	color: #1E9E9A;
}
.n_testimonial_card{
	position: relative;
	box-shadow: 0px 5px 15px 2px rgba(0, 0, 0, 0.07);
	padding: 30px 30px;
	border-radius: 16px;
	overflow: hidden;
	min-height: 381px;
}
.n_testimonial_card_header{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 0 auto 20px;
}
.n_testimonial_card_header img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.n_testimonial_card_content{
	text-align: center;
}
.n_testimonial_card_content h3{
	font-size: 18px;
	font-weight: 600;
	color: #1E9E9A;
	margin-bottom: 2px;
}
.n_testimonial_card_quotes {
    position: absolute;
    width: 100px;
    height: 80px;
    background-color: #1E9E9A;
    top: 0;
    right: -30px;
    border-bottom-left-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.n_testimonial_card_quotes i{
	font-size: 44px;
    color: #fff;
    line-height: 0;
	transform: translate(-6px, -6px);
}
.n_testimonial_card_content h4{
	font-size: 16px;
	line-height: 1.5;
	margin: 10px 0 0;
}
.footer_head.newsletter_head p{
	font-size: 14px;
	color: #C9C9C9;
}
.top_bar_flx{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}
.top_bar_left ul{
	display: flex;
	align-items: center;
	gap: 12px;
}
.top_bar{
	padding: 11px 0;
	background-color: #fff;
}
.top_bar_left a {
	font-size: 14px;
	font-weight: 500;
	color: #486061; 
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.top_bar_left a i {
	font-size: 16px;
	color: #1E9E9A;
}
.top_bar_right p{
	font-size: 14px;
	font-weight: 500;
	color: #053739;
	margin-bottom: 0;
}
.n_logo_wrapper {
    position: relative;
    overflow: hidden;
}

/* Fade effect */
.n_logo_wrapper::before,
.n_logo_wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
/* Swiper */
.n_logo_swiper {
    width: 100%;
}

.n_logo_swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.n_logo_swiper .swiper-slide {
    width: 200px; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.n_logo_swiper img {
    height: 60px;
    width: auto;
	border-radius: 10px;
}
 
.n_testimonial_slider{
	position: relative;
	padding: 10px 10px 40px;
}
.n_testimonial_slider .swiper-pagination{
	bottom: 0px;
    z-index: 1;
}
.swiper-pagination-bullet-active{
	background-color: #1E9E9A;
}
.n_our_services.n_work_broker .n_news_blog_card_conetnt {
	padding: 30px 24px 0;
}

.n_our_services.n_we_offer .n_news_blog_card_conetnt {
    padding: 30px 24px 0;
}
.n_our_services.n_our_product .n_news_blog_card_conetnt {
    padding: 30px 24px 0;
}

.n_our_services.n_we_stands .n_news_blog_card_conetnt{
	padding: 30px 24px 0;
}
.n_our_services.n_product_details_view .n_news_blog_card_conetnt{
	padding: 30px 24px 0;
}
.n_our_services.n_our_services_details .n_news_blog_card_conetnt{
	padding: 30px 24px 0;
}
.whats_app {
    position: fixed;
    bottom: 30px;
    right: 30px;
	display: flex;
    align-items: center;
    gap: 20px;
}
.whars_app_text{
	background-color: #fff;
	padding: 6px 18px;
	border-radius: 6px;
	box-shadow: 0 6px 18px rgb(0 0 0 / 9%);
}
.whars_app_text p{
	font-size: 16px;
	color: var(--bs-heading-color);
	font-weight: 500;
	text-align: center;
	margin-bottom: 0;
}
.whars_app_text p span{
	display: block;
}
.whats_app_icon img{
	width: 60px;
}

@media (max-width: 1366px){
	.n_news_blog_card_conetnt h3 {
		font-size: 18px;
	}
	.n_our_services .n_news_blog_card_conetnt{
		padding: 42px 18px 0;
	}
	.n_our_services .n_date_blog{
		width: 54px;
		height: 54px;
		bottom: -28px;
	}
	.n_our_services .n_date_blog i,.n_our_services .n_date_blog i.bi-arrow-repeat{
		font-size: 24px;
	}
}
@media (max-width: 1199px){
	.container{
		padding: 0 15px;
	}
	.main_header .navbar-nav .nav-link{
		font-size: 13px;
		font-weight: 400;
		padding: 10px 10px;
	}
	.main_header .navbar-brand img{
		width: 118px;
	}
	.n_header_btn .btn{
		font-size: 14px;
	}
	.main_header .navbar{
		justify-content: space-between;
	}
}

@media (max-width: 1024px){
	.py_80,.py_100{	
		padding: 60px 0;
	}
	.mb_40{
		margin-bottom: 28px;
	}
	.n_tittle_head h2{
		font-size: 32px;
	}
	.n_hero_banner{
		padding: 60px 0;
	}
	.n_hero_banner_txt h1{
		font-size: 42px;
	}
	.n_hero_banner_content{
		max-width: 528px;
	}
	.n_our_team_card .team_info h3{
		font-size: 18px;
	}
	.n_charting_your_home .n_tittle_head_flex {
		max-width: 440px;
	}
	.n_testimonial_card_header{
		width: 72px;
		height: 72px;
	}
	.copy_right{
		margin: 60px 0 0;
	}
}
@media (max-width: 991px){ 
	.top_bar{
		display: none;
	}
	.py_80,.py_100{	
		padding: 30px 0;
	}
	.n_tittle_head h2{
		font-size: 28px;
	}
	.n_contact_list h3{
		font-size: 14px;
    	font-weight: 500;
	}
	.copy_right{
		margin: 30px 0 0; 
	}
	.menu_desktop{
		order: 3;
	}
	.n_header_btn{
		margin-right: 16px !important;
	}	
}
@media (max-width: 767px){
	p{
		font-size: 14px !important;
	}
	.btn {
		font-size: 14px;
		font-weight: 500;
	}
	.n_tittle_head h2{
		font-size: 24px;
	}
	.n_tittle_head .tittle_cap{
		font-size: 14px;
		gap: 10px;
	}
	.n_tittle_head_flex{
		/* flex-direction: column; */
		gap: 24px;
	}
	.n_tittle_head .tittle_cap i { 
		font-size: 24px;
	}
	.top_bar{
		display: none;
	}
	.main_header .navbar-brand img{
		width: 110px;
	}
	.n_hero_banner_txt h1{
		line-height: 1.4;
	}
	.n_hero_banner{
		padding: 40px 0;
	}
	.n_hero_banner_content{
		text-align: center;
	}
	.n_hero_banner_btn{
		justify-content: center;
	}
	.n_hero_banner_txt h1 {
        font-size: 24px;
    }
    .n_hero_banner_content {
        margin: 0 auto;
    }
	.n_morgaje_card_header{
		width: 60px;
    	height: 60px;
		margin-bottom: 20px;
	}
	.n_morgaje_card_header i {
		font-size: 24px;
	}
	.n_how_we_list_header span.icons i {
		color: #34B8BE;
		font-size: 24px;
	}
	.n_how_we_list_header span.icons {
		width: 54px;
		height: 54px;
	}
	.n_how_we_list_header{
		gap: 18px;
    	margin-bottom: 8px;
		flex-direction: column;
    	align-items: flex-start;
	}
	.n_how_we_list_header h3 span{
		display: inline-block;
	}
	.n_we_help_you .n_morgaje_card{
		padding: 26px 16px;
	}
	.n_morgaje_card_body h2{
		margin-bottom: 8px;
	}
	.n_we_help_you .n_morgaje_card_header {
		width: 54px;
        height: 54px;
		margin: 0 auto 18px;
	}
	.n_talk_us_card{
		padding: 32px 40px;
		text-align: center;
	}
	.n_talk_us_card_content {
		max-width: 330px;
		margin: 0 auto;
	}
	.n_talk_us_card_content h2{
		font-size: 24px;
	}
	.n_our_services .n_tittle_head_flex{
		align-items: flex-start;
		flex-direction: column;
	}
	.n_our_services .n_date_blog{
		width: 54px;
        height: 54px;
	}
	.n_our_services .n_date_blog i{
		font-size: 24px;
	}
	.n_testimonial_card{
		min-height: unset;
	}
	.footer_logo img{
		width: 120px;
    	margin-bottom: 14px;
	}
	.n_contact_social.n_footer_social {
		margin-top: 18px;
	}
	.footer_head h4{
		margin-bottom: 12px;
	}
	
}
@media (max-width: 567px){
	.n_talk_us_card_content {
		max-width: 250px;
	}
	.n_talk_us_card{
		padding: 20px 16px;
	}
	.n_talk_us_card_content h2{
		font-size: 18px;
	}
}