/*==============================================

WHY ACRYLIC

PART 1

Prefix : apv12-

==============================================*/
.apv3-breadcrumb{

    padding:18px 0;

    background:#F8F5EF;

    border-bottom:1px solid #ECE4D3;

}

.apv3-breadcrumb ul{

    display:flex;

    flex-wrap:wrap;

    gap:10px 14px;

    padding:0;

    margin:0;

    list-style:none;

    align-items:center;

}

.apv3-breadcrumb li{

    font-size:15px;

    color:#666;

    white-space:nowrap;

}

.apv3-breadcrumb li a{

    color:#0B2545;

    text-decoration:none;

    font-weight:600;

}

.apv3-breadcrumb li:not(:last-child):after{

    content:"/";

    margin-left:14px;

    color:#C9A961;

}

/*******************************
Responsive
********************************/

@media (max-width:767px){

    .apv3-breadcrumb{

        padding:12px 0;

    }

    .apv3-breadcrumb ul{

        gap:6px 10px;

    }

    .apv3-breadcrumb li{

        font-size:13px;

    }

    .apv3-breadcrumb li:not(:last-child):after{

        margin-left:10px;

    }

}

/*--------------------- PAGE CSS-------------*/
/*=====================================*/

.apv60-hero{

padding:60px 0;

background:#FCFBF8;

}

.apv60-tag{

display:inline-flex;

align-items:center;

gap:12px;

padding:12px 24px;

border:1px solid #E8DECB;

border-radius:40px;

letter-spacing:3px;

font-size:18px;

font-weight:700;

color:#C9A961;

margin-bottom:28px;

}

.apv60-hero h1{

font-family:'Playfair Display',serif;

font-size:68px;

line-height:1.08;

color:#0B2545;

margin-bottom:20px;

}

.apv60-hero h1 span{

display:block;

color:#C9A961;

}

.apv60-line{

width:120px;

height:5px;

background:#C9A961;

margin-top:25px;

}

.apv60-card{

padding:50px;

background:#fff;

border:1px solid #ECE4D3;

text-align:center;

box-shadow:0 20px 55px rgba(0,0,0,.05);

}

.apv60-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:28px;

background:#0B2545;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

}

.apv60-icon i{

font-size:36px;

color:#C9A961;

}

.apv60-card h3{

font-family:'Playfair Display',serif;

font-size:34px;

margin-bottom:18px;

color:#0B2545;

}

.apv60-card p{

margin:0;

line-height:1.9;

color:#666;

}

/*******************************/

.apv60-editorial{

padding:60px 0;

background:#fff;

}

.apv60-editorial h2{

font-family:'Playfair Display',serif;

font-size:38px;

margin-bottom:30px;

color:#0B2545;

}

.apv60-editorial p{

font-size:18px;

line-height:2;

color:#666;

margin-bottom:28px;

}

.apv60-highlight{

position:relative;

padding:45px;

background:#FCFBF8;

border:1px solid #ECE4D3;

}

.apv60-no{

position:absolute;

right:18px;

top:-10px;

font-family:'Playfair Display',serif;

font-size:120px;

color:#F2ECE0;

}

.apv60-highlight h3{

font-family:'Playfair Display',serif;

font-size:30px;

margin-bottom:25px;

color:#0B2545;

position:relative;

}

.apv60-highlight ul{

list-style:none;

padding:0;

margin:0;

}

.apv60-highlight li{

padding:15px 0;

padding-left:25px;

position:relative;

border-bottom:1px solid #ECE4D3;

}

.apv60-highlight li:last-child{

border:none;

}

.apv60-highlight li:before{

content:"";

position:absolute;

left:0;

top:23px;

width:8px;

height:8px;

background:#C9A961;

border-radius:50%;

}

/*=======================================*/

.apv61-wrap{

padding:60px 0;

background:#FCFBF8;

}

.apv61-head{

text-align:center;

max-width:900px;

margin:auto;

margin-bottom:70px;

}

.apv61-head span{

display:inline-block;

padding:10px 24px;

border:1px solid #E8DECB;

border-radius:40px;

letter-spacing:3px;

font-size:18px;

font-weight:700;

color:#C9A961;

margin-bottom:20px;
margin-bottom:18px;

}

.apv61-head h2{

font-family:'Playfair Display',serif;

font-size:60px;

line-height:1.15;

color:#0B2545;

margin-bottom:22px;

}

.apv61-head h2 span{

display:block;

color:#C9A961;

}

.apv61-head p{

font-size:19px;

line-height:2;

color:#666;

}

/****************************************/

.apv61-folder{

background:#fff;

border:1px solid #E8DFCC;

box-shadow:0 30px 70px rgba(0,0,0,.05);

overflow:hidden;

}

.apv61-folder-head{

padding:30px 40px;

background:#0B2545;

color:#fff;

font-size:24px;

font-family:'Playfair Display',serif;

display:flex;

align-items:center;

gap:18px;

}

.apv61-folder-head i{

color:#C9A961;

font-size:28px;

}

.apv61-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

}

.apv61-item{

display:flex;

gap:25px;

padding:35px;

border-right:1px solid #ECE4D3;

border-bottom:1px solid #ECE4D3;

transition:.35s;

}

.apv61-item:hover{

background:#FCFBF8;

}

.apv61-item:nth-child(even){

border-right:none;

}

.apv61-count{

width:62px;

height:62px;

flex:none;

border-radius:50%;

background:#0B2545;

display:flex;

align-items:center;

justify-content:center;

font-family:'Playfair Display',serif;

font-size:22px;

color:#fff;

box-shadow:0 0 0 8px #F5F0E6;

}

.apv61-item h3{

font-family:'Playfair Display',serif;

font-size:30px;

margin-bottom:15px;

color:#0B2545;

}

.apv61-item p{

margin:0;

font-size:16px;

line-height:1.9;

color:#666;

}

@media(max-width:991px){

.apv61-grid{

grid-template-columns:1fr;

}

.apv61-item{

border-right:none;

}

.apv61-head h2{

font-size:40px;

}

}

@media(max-width:768px){
	.apv60-hero h1{

	font-family:'Playfair Display',serif;

	font-size:34px;

	line-height:1.08;

	color:#0B2545;

	margin-bottom:20px;

	}

	.apv60-tag{

	display:inline-flex;

	align-items:center;

	gap:12px;

	padding:12px 24px;

	border:1px solid #E8DECB;

	border-radius:40px;

	letter-spacing:3px;

	font-size:13px;

	font-weight:700;

	color:#C9A961;

	margin-bottom:28px;

	}
	
	.apv61-head span{

	display:inline-block;

	padding:10px 24px;

	border:1px solid #E8DECB;

	border-radius:40px;

	letter-spacing:3px;

	font-size:13px;

	font-weight:700;

	color:#C9A961;

	margin-bottom:20px;
	margin-bottom:18px;

	}
}

/*=========================================
SECTION 3
Prefix : apv62-
=========================================*/

.apv62-process{

padding:60px 0;

background:#fff;

}

.apv62-head{

text-align:center;

max-width:900px;

margin:auto;

margin-bottom:80px;

}

.apv62-head span{

display:inline-block;

padding:10px 24px;

border:1px solid #E7DDCB;

border-radius:50px;

letter-spacing:3px;

font-size:18px;

font-weight:700;

color:#C9A961;

margin-bottom:20px;
margin-top:18px;

}

.apv62-head h2{

font-family:'Playfair Display',serif;

font-size:58px;

line-height:1.15;

margin-bottom:20px;

color:#0B2545;

}

.apv62-head h2 span{

display:block;

color:#C9A961;

}

.apv62-head p{

font-size:19px;

line-height:2;

color:#666;

}

/****************************************/

.apv62-flow{

display:flex;

align-items:center;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.apv62-step{

    width: 243px;
    padding: 24px 17px;
    background: #FCFBF8;
    border: 1px solid #ECE4D3;
    text-align: center;
    transition: .35s;
    height: 343px;
}

.apv62-step:hover{

transform:translateY(-8px);

border-color:#C9A961;

box-shadow:0 20px 50px rgba(0,0,0,.06);

}

.apv62-icon{

width:80px;

height:80px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

background:#0B2545;

display:flex;

align-items:center;

justify-content:center;

}

.apv62-icon i{

font-size:30px;

color:#C9A961;

}

.apv62-step h3{

font-family:'Playfair Display',serif;

font-size:21px;

margin-bottom:18px;

color:#0B2545;

}

.apv62-step p{

margin:0;

font-size:16px;

line-height:1.8;

color:#666;

}

.apv62-arrow{

font-size:34px;

color:#C9A961;

}

/****************************************/

.apv62-cta{

padding: 0 0 100px;

background:#FCFBF8;

}

.apv62-box{

background:#0B2545;

padding:60px;

border-left:6px solid #C9A961;

}

.apv62-box span{

display:block;

margin-bottom:18px;

letter-spacing:3px;

font-size:18px;

font-weight:700;

color:#C9A961;

}

.apv62-box h2{

font-family:'Playfair Display',serif;

font-size:35px;

color:#fff;

margin-bottom:20px;

}

.apv62-box p{

font-size:18px;

line-height:1.9;

color:rgba(255,255,255,.82);

margin-bottom:28px;

}

.apv62-phone{

font-family:'Playfair Display',serif;

font-size:34px;

color:#C9A961;

display:flex;

align-items:center;

gap:15px;

}

.apv62-btn{

display:inline-block;

padding: 14px 31px;

background:#C9A961;

color:#fff;

font-weight:700;

text-decoration:none;

border-radius:50px;

transition:.35s;

}

.apv62-btn:hover{

background:#b79243;

color:#fff;

transform:translateY(-3px);

}

@media(max-width:991px){

.apv62-flow{

flex-direction:column;

}

.apv62-arrow{

transform:rotate(90deg);

}

.apv62-head h2{

font-size:40px;

}

.apv62-box{

padding:40px;

}

.apv62-btn{

margin-top:30px;

display:inline-block;

}

}

/*======================================*/

.apv63-wrap{

padding:60px 0;

background:#FCFBF8;

}

.apv63-head{

text-align:center;

margin-bottom:60px;

}

.apv63-head span{

display:inline-block;

padding:10px 22px;

border:1px solid #E7DDCB;

border-radius:40px;

font-size:18px;

letter-spacing:3px;

font-weight:700;

color:#C9A961;

margin-bottom:18px;
margin-top:18px;
}

.apv63-head h2{

font-family:'Playfair Display',serif;

font-size:56px;

line-height:1.15;

color:#0B2545;

}

.apv63-head h2 span{

display:block;

color:#C9A961;

}

.apv63-table{

width:100%;

background:#fff;

border-collapse:collapse;

box-shadow:0 20px 60px rgba(0,0,0,.05);

}

.apv63-table th{

background:#0B2545;

color:#fff;

padding:22px;

font-size:17px;

font-weight:600;

}

.apv63-table td{

padding:24px;

border-bottom:1px solid #ECE4D3;

font-size:17px;

color:#555;

}

.apv63-table tbody tr:hover{

background:#FCFBF8;

}

.apv63-table td:last-child{

font-weight:700;

color:#0B2545;

}

@media(max-width:768px){

.apv63-head h2{

font-size:38px;

}

.apv63-table th,

.apv63-table td{

padding:16px;

font-size:15px;

}

.apv62-phone{

font-family:'Playfair Display',serif;

font-size:26px;

color:#C9A961;

display:flex;

align-items:center;

gap:15px;

}

}