/*************** All Import Css **************/
@import "common.css";
@import "fonts.css";

.agd-page {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    background: #FFFFFF;
    color: #1F1D1B;
    padding: 14px;
    margin-top: 100px;
}

.agd-page .agd-frame{
	background:#F5F2EC;
	position:relative;
/* 	overflow:hidden; */
	display:flex;
	min-height:590px;
}

/* ---------- LEFT / CONTENT COLUMN ---------- */
.agd-page .agd-content{
	width:55%;
	display:flex;
	flex-direction:column;
	padding:0 0 40px 60px;
	position:relative;
	z-index:2;
}

.agd-page .agd-logo-box {
    background: #FFFFFF;
    width: 255px;
    padding: 28px 30px 26px;
    margin-bottom: 38px;
    margin-top: -100px;
}

.agd-page .agd-logo-img{
	width:100%;
	height:auto;
	display:block;
}
.agd-page .agd-intro p:first-of-type {
    font-size: 13px;
    letter-spacing: 1.6px;
    color: #675B47;
    font-weight: 400;
    margin: 0 0 14px 0;
    text-transform: uppercase;
    font-family: 'Avenir';
}
p {
    font-family: 'Avenir';
}
.agd-page .agd-intro h1 {
    font-size: 44px;
    line-height: 1.15;
    color: #16120F;
    font-weight: 400;
    margin: 0 0 22px 0;
    letter-spacing: -0.3px;
}

.agd-page .agd-intro p:nth-of-type(2) {
    font-size: 15px;
    line-height: 1.65;
    color: #675B47;
    max-width: 600px;
    margin: 0 0 22px 0;
}
.agd-page .agd-intro p:last-of-type {
    font-size: 15px;
    font-weight: 800;
    color: #675B47;
    margin: 0 0 22px 0;
}

.agd-page .agd-divider {
    border: none;
    border-top: 1px solid #675B47;
    width: 100%;
    /* max-width: 445px; */
    margin: 0 0 22px 0;
    opacity: 1;
}

.agd-page .agd-contact-list{
	list-style:none;
	margin:0 0 28px 0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:16px;
}

.agd-page .agd-contact-list li{
	font-size:14px;
	color:#1F1D1B;
}

.agd-page .agd-contact-list a {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #675B47;
    text-decoration: none;
}

.agd-page .agd-contact-list a:hover{
	color:#8C7057;
	text-decoration:none;
}

.agd-page .agd-contact-list a:hover .agd-icon {
	filter:invert(41%) sepia(15%) saturate(1024%) hue-rotate(346deg) brightness(94%) contrast(88%);
}

.agd-page .agd-icon{
	width:16px;
	height:16px;
	flex:0 0 16px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	display:inline-block;
}

.agd-page .agd-icon-instagram{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F1D1B' stroke-width='1.8'><rect x='2' y='2' width='20' height='20' rx='5'/><circle cx='12' cy='12' r='4.2'/><circle cx='17.4' cy='6.6' r='1.1' fill='%231F1D1B' stroke='none'/></svg>");
}

.agd-page .agd-icon-phone{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F1D1B' stroke-width='1.8'><path d='M4 4h4l2 5-2.5 1.6a12 12 0 0 0 6 6L15 14l5 2v4c0 1.1-.9 2-2 2C9.6 22 2 14.4 2 6c0-1.1.9-2 2-2z'/></svg>");
}

.agd-page .agd-icon-pin{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F1D1B' stroke-width='1.8'><path d='M12 22s7-7.4 7-12.6A7 7 0 0 0 5 9.4C5 14.6 12 22 12 22z'/><circle cx='12' cy='9.5' r='2.4'/></svg>");
}

.agd-page .agd-privacy{
	margin:auto 0 0 0;
	padding-top:16px;
}

.agd-page .agd-privacy p{
	font-size:12px;
	color:#6E6A64;
	margin:0;
}

.agd-page .agd-privacy a{
	color:#6E6A64;
	text-decoration:underline;
}

/* ---------- RIGHT / IMAGE COLUMN ---------- */
.agd-page .agd-visual{
	width:45%;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.agd-page .agd-stripes{
	position:absolute;
	inset:0;
	background-image:repeating-linear-gradient(
		90deg,
		#DCD5C7 0px,
		#DCD5C7 10px,
		transparent 10px,
		transparent 26px
	);
	z-index:1;
}

.agd-page .agd-photo{
	position:relative;
	z-index:2;
	width:92%;
	height:88%;
	margin:auto 20px auto 0;
	background-size:cover;
	background-position:center;
}

/* ---------- MOBILE ---------- */
@media (max-width: 720px){
	.agd-page{padding:0;}

	.agd-page .agd-frame{
		flex-direction:column;
		min-height:0;
	}

	.agd-page .agd-content{
		width:100%;
		padding:0 24px 28px 24px;
		align-items:flex-start;
	}

	.agd-page .agd-logo-box{
		width:100%;
		max-width:255px;
		padding:26px 0 22px;
		margin:0 auto 26px auto;
		align-self:center;
		text-align:center;
	}

	.agd-page .agd-intro p:first-of-type{
		font-size:11px;
		letter-spacing:1.2px;
	}

	.agd-page .agd-intro h1{
		font-size:26px;
		line-height:1.2;
		max-width:100%;
		margin-bottom:16px;
	}

	.agd-page .agd-intro p:nth-of-type(2){
		max-width:100%;
		font-size:14px;
		margin-bottom:18px;
	}

	.agd-page .agd-intro p:last-of-type{
		font-size:14px;
		margin-bottom:18px;
	}

	.agd-page .agd-divider{
		max-width:100%;
		margin-bottom:18px;
	}

	.agd-page .agd-contact-list{
		gap:14px;
		margin-bottom:0;
	}

	.agd-page .agd-privacy{display:none;}

	.agd-page .agd-visual{
		width:100%;
		height:auto;
		aspect-ratio:390/450;
		justify-content:flex-start;
		margin-top:28px;
	}

	.agd-page .agd-photo{
		width:100%;
		height:100%;
		margin:0;
	}

	.agd-page .agd-stripes{display:none;}
}


/*================== banner design ==================*/
.banner-area{
	background-color: #F5F2EC;
	margin-top: 95px;
	padding-bottom: 150px;
	position:relative;
	overflow-x: clip;
}
.banner-area .container{
	max-width: 1173px;
	position: relative;
	z-index: 1;
}
.banner-logo {
	margin-top: -73px;
	margin-bottom: 37px;
}
.banner-content h6{
	color: #675B47;
	font-family: 'Avenir';
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.17px;
	margin-bottom: 3px;
	text-transform: uppercase;
}
.banner-content h1{
	color: #16120F;
	font-family: 'Fifties Exp Reg';
	font-size: 44px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.88px;
	margin-bottom: 13px;
}
.banner-content p {
    color: #675B47;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 25px;
    font-family: 'Avenir';
}
.banner-content h4{
	color: #675B47;
	font-family: 'Avenir';
	font-size: 15px;
	font-weight: 800;
	line-height: 26px;
	margin-bottom: 33px;
	padding-bottom: 21px;
	position: relative;
}
.banner-content h4::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: calc(100% + 30%);
	background-color: #675B47;
	height: 1px;
}
.banner-content ul{
	margin: 0 0 55px;
	list-style: none;
	padding-left: 21px;
}
.banner-content li:not(:last-child){
	margin-bottom: 29px;
}
.banner-content li a{
	color: #675B47;
	font-family: 'Avenir';
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	display: inline-block;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.banner-content li a i{
	margin-right: 11px;
}
.banner-content h5{
	color: #675B47;
	font-family: 'Avenir';
	font-size: 12px;
	font-weight: 400;
	line-height: 26px; 
}
.banner-content h5 a{
	color: #675B47;
	text-decoration: underline;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.banner-img {
	padding-top: 38px;
	max-width: 528px;
	width: 100%;
	margin-left: auto;
}
.banner-content li a:hover,
.banner-content h5 a:hover{
	color: #16120F;
	text-decoration: none;
}
.banner-area::after{
	position: absolute;
	top: 0;
	background-image: repeating-linear-gradient(90deg, #D9D2C7B2 0px, #D9D2C7B2 20px, transparent 10px, transparent 39px);
	content: "";
	right: 0;
	width: 41%;
	height: 100%;
}
@media(max-width:991px){
	.banner-area .container {
		max-width: 720px;
	}
	.banner-area::after{
		display: none;
	}
	.banner-logo {
		text-align: center;
	}
	.banner-img {
		padding-top: 25px;
		max-width: 100%;
	}
	.banner-area{
		padding-bottom: 8px;
	}
}
@media(max-width:767px){
	.banner-area{
		margin-top: 110px;
	}
	.banner-logo{
		margin-top: -97px;
		margin-bottom: 32px;
	}
	.banner-img{
		width: 100vw;
		left: 50%;
		margin-left: -50vw;
		position: relative;
		max-width: initial;
	}
	.banner-content {
		padding: 0px 15px;
	}
	.banner-content h6 {
		margin-bottom: 12px;
	}
	.banner-content h1 {
		font-size: 27px;
		margin-bottom: 18px;
	}
	.banner-content h4{
		margin-bottom: 26px;
	}
	.banner-content ul{
		padding-left: 4px;
	}
	.banner-content ul{
		margin-bottom: 21px;
	}
}