/* CSS Document */
:root{
	--color-11: #392B70;
	--color-13: #FF5515;
}
.contact-us section.sec-01{ min-height: 100vh; padding-top:180px;}

.contact-us section.sec-01 h1{
	font-size:var(--rfs-64);
	font-family: "Antonio", sans-serif;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0px;
	margin-bottom: 30px;
    position: relative;
	color: var(--color-11);
}
.contact-us .hi-text{font-family: 'AnandaFanko', sans-serif;font-size: var(--rfs-82);font-weight: 500; color: var(--color-13);}
/*.contact-us section.sec-01 .main-row{align-items: center;}*/
.contact-us .main-row .columns:nth-of-type(1) iframe{width:100%; height:550px;}
.contact-us .main-row .columns:nth-of-type(2){padding-left:100px;}

.contact-us .main-row .columns:nth-of-type(2) p{line-height: 1.8;font-size: 1rem;}
.contact-us .main-row .columns:nth-of-type(2) a,
.contact-us section.sec-01 ul.regional-offices a{text-decoration: none; position: relative; font-size:1rem; font-weight: 600; color: #000; transition: all .3s;}

.contact-us .main-row .columns:nth-of-type(2) a::after,
.contact-us section.sec-01 ul.regional-offices a::after{
	content:"";
	position: absolute;
	width:0%;
	height:2px;
	top:100%;
	left:0;
	background: var(--color-13);
	transition: all .3s;
}
.contact-us .main-row .columns:nth-of-type(2) a:hover::after,
.contact-us section.sec-01 ul.regional-offices a:hover::after{width:100%;}
.contact-us .main-row .columns:nth-of-type(2) a:hover,
.contact-us section.sec-01 ul.regional-offices a:hover{color:var(--color-13); font-weight: 600; transition: all 300ms ease-in-out;	}

.contact-us .main-row .columns:nth-of-type(2) ul li{
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    gap: 40px;
    border-bottom: 1px solid black;
    padding: 20px 4px;
	
}

.contact-us .main-row .columns:nth-of-type(2) ul li .email-links{display: flex;gap:30px;align-items: center;}
.contact-us section.sec-01 h2{
	font-size:var(--rfs-64);
	font-family: "Antonio", sans-serif;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0px;
	margin-bottom: 30px;
	margin-top:100px;
    position: relative;
	color: var(--color-11);
}

.contact-us section.sec-01 ul.regional-offices{list-style: none; margin-top: 4rem; display: flex; flex-wrap:wrap; padding-left: 0px; }
.contact-us section.sec-01 ul.regional-offices li{width:400px;}
.contact-us section.sec-01 ul.regional-offices h3{margin-bottom:2rem;}
.contact-us section.sec-01 ul.regional-offices p{line-height: 1.7;font-size: 1rem;}
.contact-us section.sec-01 ul.regional-offices span{display: inline-block;}
.contact-us section.sec-01 ul.regional-offices span.contact-name{font-weight: 600;}
.contact-us section.sec-01 ul.regional-offices .address-line{margin-bottom: 0.6rem; }

@media(max-width:1366px){
	.contact-us section.sec-01 ul.regional-offices li { width: 290px;}
}
@media(max-width:1280px){
	.contact-us section.sec-01 ul.regional-offices li{max-width:260px;}
	.contact-us section.sec-01 ul.regional-offices p { font-size: 0.8rem;}
}
@media(max-width:1200px){
	.contact-us .main-row .columns:nth-of-type(2) {padding-left: 0px; }
/*	.contact-us section.sec-01 ul.regional-offices li{max-width:340px;}*/
	.contact-us section.sec-01 ul.regional-offices { gap: 20px 0px;}
}


@media(max-width:768px){
/*	.contact-us section.sec-01{padding-top:220px;}*/
	.contact-us.rfs-p { padding: 0px 50px;}
	.contact-us section.sec-01 .main-row {gap:24px;}
	.contact-us .main-row .columns:nth-of-type(2), 
	.contact-us .main-row .columns:nth-of-type(2) ul{ padding-left: 10px;}
	.contact-us .main-row .columns:nth-of-type(1) iframe{ height:350px;}
	.contact-us section.sec-01 ul.regional-offices{padding-left:0px; margin-top:3rem; gap:30px 10px;}
	.contact-us section.sec-01 ul.regional-offices li {width: 300px;}
	.contact-us section.sec-01 h2 {margin-top:45px;}

}

@media(max-width:576px){
	h5.titles {margin-bottom:30px;}
	.contact-us.rfs-p { padding: 0px 40px;}
	.contact-us section.sec-01 ul.regional-offices .address-line br{display: none;}
	.contact-us section.sec-01 h2 { margin-top:30px;}
	.contact-us .main-row .columns:nth-of-type(2) ul li .email-links {flex-direction: column; gap:0px; align-items: flex-start;}
	.contact-us .main-row .columns:nth-of-type(2) ul li:not(:first-of-type){align-items: center;}
}

@media(max-width:480px){
.contact-us section.sec-01 { padding-top: 70px;}
 h5.titles { font-size: 0.8rem; }
.contact-us.rfs-p { padding: 0px 10px; }
.contact-us section.sec-01 ul.regional-offices {margin-top: 2rem;}
.contact-us .main-row .columns:nth-of-type(1) iframe{ height:200px;}
.contact-us .main-row .columns:nth-of-type(2) ul li img{ height:28px;}
.contact-us .main-row .columns:nth-of-type(2) p , .contact-us .main-row .columns:nth-of-type(2) a, .contact-us section.sec-01 ul.regional-offices a,.contact-us section.sec-01 ul.regional-offices p{ font-size: 0.8rem;}

.contact-us section.sec-01 ul.regional-offices p {  max-width: 216px;}
.contact-us section.sec-01 ul.regional-offices h3 {margin-bottom: 1.5rem;}

}