/* ===== CONTACT HERO ===== */
.cu-hero{
	position:relative;
	background:url(../images/demo-finance-contact-bg.jpg) center/cover no-repeat;
	padding:100px 0 70px;
	text-align:center;
	overflow:hidden;
}
.cu-hero-overlay{
	position:absolute;inset:0;
	background:linear-gradient(135deg,rgba(0,0,0,.78) 0%,rgba(182,1,1,.45) 100%);
}
.cu-hero-content{position:relative;z-index:2}
.cu-hero h1{
	color:#fff;
	font-size:3rem;
	font-weight:700;
	margin-bottom:1rem;
	letter-spacing:-.02em;
}
.cu-hero p{
	color:rgba(255,255,255,.85);
	font-size:1.05rem;
	max-width:760px;
	margin:0 auto;
	line-height:1.8;
}

/* ===== EMAIL / PHONE / WHATSAPP CARDS ===== */
.cu-contact-cards{
	background:#f7f9fc;
	padding:60px 0;
}
.cu-card{
	background:#fff;
	border:1px solid #e8ecf2;
	border-radius:16px;
	padding:34px 24px;
	text-align:center;
	transition:box-shadow .25s,transform .25s;
	height:100%;
}
.cu-card:hover{
	box-shadow:0 16px 40px rgba(17,24,39,.1);
	transform:translateY(-4px);
}
.cu-card-icon{
	width:58px;height:58px;
	border-radius:50%;
	background:linear-gradient(135deg,#b60101,#e63030);
	color:#fff;
	font-size:1.4rem;
	display:flex;align-items:center;justify-content:center;
	margin:0 auto 14px;
	box-shadow:0 8px 20px rgba(182,1,1,.25);
}
.cu-card-label{
	font-size:.75rem;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#999;
	margin-bottom:6px;
}
.cu-card-value{
	font-size:1rem;
	font-weight:600;
	color:#1a1a2e;
}
.cu-card-value a{
	color:#1a1a2e;
	transition:color .2s;
}
.cu-card-value a:hover{color:#b60101}

/* ===== GLOBAL ADDRESS CARDS ===== */
.cu-addresses{
	background:#fff;
	padding:70px 0;
}
.cu-addr-header{
	text-align:center;
	margin-bottom:46px;
}
.cu-addr-header h2{
	font-size:2rem;
	font-weight:700;
	color:#1a1a2e;
	margin-bottom:.6rem;
	letter-spacing:-.02em;
}
.cu-addr-header p{
	font-size:1rem;
	color:#666;
	max-width:680px;
	margin:0 auto;
	line-height:1.7;
}
.cu-addr-card{
	background:#f7f9fc;
	border:1px solid #e8ecf2;
	border-radius:16px;
	padding:28px 22px;
	height:100%;
	transition:box-shadow .25s,border-color .25s,transform .25s;
}
.cu-addr-card:hover{
	box-shadow:0 14px 36px rgba(17,24,39,.1);
	border-color:#b60101;
	transform:translateY(-4px);
}
.cu-addr-flag{
	font-size:2.4rem;
	margin-bottom:12px;
	line-height:1;
}
.cu-addr-title{
	font-size:.75rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#b60101;
	margin-bottom:8px;
}
.cu-addr-text{
	font-size:.95rem;
	color:#29374a;
	line-height:1.65;
	font-weight:400;
}

@media(max-width:767px){
	.cu-hero{padding:75px 0 50px}
	.cu-hero h1{font-size:2.1rem}
	.cu-contact-cards{padding:40px 0}
	.cu-addresses{padding:48px 0}
	.cu-addr-header h2{font-size:1.6rem}
}

/* ===== LEGACY (keep old classes working) ===== */
.cbanner,
.contactsec {
	padding:0px 0 0px;
}

.contactsec.bg-light {
	padding-bottom: 40px;
}

.contactbox,
.leftcontact .contactform {
	border-radius: 10px
}

.cbanner {
	background-color: #f8f9fb;
	overflow: hidden
}

.cbanner h1 {
	color: #fff !important;
	z-index: 1; font-size: 60px !important;
	display: block;
  width: 100%;
}

.contactbox {
	background: #fff;
	padding: 10px;
	box-shadow: 0 0 2px #c9c9c9
}

.rightcontact {
	padding: 3% 5%
}


.form-control.text-boxshad.are {
	height: 110px;
}

.addresbox h2 {
	font-size: 22px;
	margin-bottom: 20px;
	color: #b60101
}

.addresbox h4 {
	font-size: 16px;
	margin-bottom: 5px;
	outline: 0
}

.addresbox p {
	font-size: 15px;
	margin-bottom: 5px
}

.leftcontact h2 {
	font-size: 34px;
	color: #2e3033f7;
	text-align: center;
	margin-bottom: 20px
}

.leftcontact p {
	font-size: 14px;
	margin-bottom: 15px; padding: 0px 210px;
}

.cbanner.banner {
	background: url(../images/demo-finance-contact-bg.jpg) no-repeat;
	background-size: calc(100%);
	position: relative; padding: 60px 0px;
}

.cbanner.banner::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: #000000a8;
	height: 100%;
	width: 100%
}

/*--------------address details------------------ */

.contect-details.bg-light.padding-t-120.padding-b-120 {
	padding: 50px 0px 20px;
}

.contect-details h2{ font-size:40px; color:#000; }
.contect-details p{ font-size:18px; color:#333; }

.contect-details .add-flex .right-column .address-row.dis-flex h2{ font-size:24px; color:#b60101; text-transform:uppercase; }
.contect-details .add-flex .right-column .address-row.dis-flex h3{ font-size:19px; color:#333; }
.contect-details .add-flex .right-column .address-row h4{ font-size:24px; color:#b60101; }

.contect-details .add-flex {
  margin-top:50px;
  justify-content:space-between
}
.contect-details .add-flex .left-column {
  flex-basis:30%;
  border:1px solid rgba(0,0,0,.1);
  background:#fff;
  border-radius:20px;
  padding:30px
}
.contect-details .add-flex .left-column .flex-wrap {
  padding:0 0 20px;
  margin:0 0 20px;
  border-bottom:1px solid rgba(0,0,0,.1)
}
.contect-details .add-flex .left-column .flex-wrap .phone-box {
  align-items:center
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .country {
  width:115px;
  color:#414141;
  font-weight:500;
  display:flex;
  align-items:center;
  padding-right:12px;
  font-size:16px;
  line-height:20px
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .country img {
	margin-right: 8px;
	border-radius: 50%;
	width: 30px;
	height: 29px;
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .phone {
  padding-left:12px;
  position:relative
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .phone a {
  display:block;
  font-size:15px;
  line-height:20px;
  color:#05164d;
  font-weight:500;
  margin:0;
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .phone a:hover {
  text-decoration:underline;
  opacity:.9
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .phone a span {
  font-size:12px;
  opacity:.6
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .phone:before {
  content:"";
  width:1px;
  height:33px;
  background:rgba(0,0,0,.1);
  position:absolute;
  left:0;
  top:-5px
}
.contect-details .add-flex .left-column .flex-wrap:first-child .phone-box .phone:before {
  top:4px
}
.contect-details .add-flex .left-column .flex-wrap:last-child {
  margin:0;
  border:0;
  padding:0
}
.contect-details .add-flex .right-column {
  flex-basis:100%;
  border:1px solid rgba(0,0,0,.1);
  background:#fff;
  border-radius:20px;
  padding:30px
}
.contect-details .add-flex .right-column .address-row {
  padding:0 0 20px;
  margin:0 0 20px;
  border-bottom:1px solid rgba(0,0,0,.1)
}
.contect-details .add-flex .right-column .address-row.dis-flex {
  align-items:center;
  column-gap:50px
}
.contect-details .add-flex .right-column .address-row .address-col .bold {
  display:block;
  font-weight:600;
  font-size:20px;
  line-height:20px;
  color:rgba(5,22,77,.8);
  margin:0 0 5px
}
.contect-details .add-flex .right-column .address-row .address-col p {
  color:rgba(5,22,77,.8);
  font-size:16px;
  line-height:28px
}

.contect-details .add-flex .right-column .address-row .address-col p a{ font-size:16px; line-height:22px; }
.contect-details .add-flex .right-column .address-row .address-col.two-line {
  flex-basis:46%;
  position:relative
}
.contect-details .add-flex .right-column .address-row .address-col.two-line:before {
  content:"";
  width:1px;
  height:192px;
  background:rgba(0,0,0,.1);
  position:absolute;
  right:-10px;
  top:25px
}
.contect-details .add-flex .right-column .address-row .address-col.two-line:last-child:before {
  display:none
}
.contect-details .add-flex .right-column .address-row:last-child {
  padding:0;
  margin:0;
  border:0
}



.dis-flex {
	display: flex;
	flex-wrap: wrap;
}


.soc-box {
	margin:35px 0 32px;
	color: rgba(5,22,77,.8);
	font-size: 14px;
	font-weight: 500;
}


 .soc-box a:first-child {
	padding: 0;
}

 .soc-box a:first-child {
	padding: 0; border: none !important;
}

.soc-box a:first-child::before{ display:none; }


 .soc-box a i {
	margin-right: 10px;
}

.soc-box a span {
	position: relative;
}

 .soc-box a span::after {
	content: "";
	width: 100%;
	height: 2px;
	background: url(../images/soc-border.svg) 0 0 no-repeat;
	position: absolute;
	bottom: -1px;
	left: 0;
	opacity: 1 !important;
}

.soc-box a {
	display: flex;
	align-items: center;
	padding-left: 20px;
	position: relative;
	color: rgba(5,22,77,.8);
}

 .soc-box a {
	display: flex;
	align-items: center;
	padding-left: 20px;
	position: relative;
	color: rgba(5,22,77,.8);
}

.soc-box a::before {
	content: "";
	width: 1px;
	height: 25px;
	position: absolute;
	left: 9px;
	top: -2px;
	background: rgba(65,65,65,.3);
}

.text-boxshad {
    height: 48px;
}
.text-boxshad, .text-boxshad-footer {
    background: 0 0;
    border-radius: 6px;
    margin-bottom: 15px;
    color: #fff;
}
.formbutton {
    display: inline-block !important;
    background: #b60101 !important;
    border-radius: 3px !important;
    color: #fff;
    font-size: 16px;
    padding: 14px 35px;
    border: none;
}
@media (max-width:767px){

.cbanner h1 {
  font-size: 30px !important;
}
.cbanner.banner {
  padding: 35px 0px;
}
.contect-details.bg-light.padding-t-120.padding-b-120 {
  padding: 40px 0px;
}
.contect-details h2 {
  font-size: 25px;
  line-height: 35px;
}
.contect-details .add-flex {
  margin-top: 40px;
}
.contect-details .add-flex .left-column {
  flex-basis: 100%;
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .phone a {
  font-size: 14px;
}
.contect-details .add-flex .left-column .flex-wrap .phone-box .country {
  font-size: 14px;
}
.contect-details .add-flex .right-column {
  flex-basis: 100%;
}
.contect-details .add-flex .right-column .address-row .address-col.two-line {
  flex-basis: 100%;
  margin-bottom: 20px;
}
.leftcontact p {
  padding: 0px 0px;
}
.soc-box a {
  color: rgba(5, 22, 77, 0.8);
  font-size: 12px;
}
.leftcontact h2 {
  font-size: 26px;
  line-height: 34px;
}
.cbanner,
.contactsec {
  padding: 0px 0;
}




}