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



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-------------*/



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



TRACK RECORD



PART 1



Prefix : apv15-



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



.apv15-hero{



padding:120px 0;



background:#FCFBF8;



position:relative;



overflow:hidden;



}



.apv15-tag{



display:inline-block;



padding:10px 22px;



border:1px solid #E8DECB;



border-radius:50px;



letter-spacing:3px;



font-size:13px;



font-weight:700;



color:#C9A961;



margin-bottom:25px;



}



.apv15-hero h1{



font-family:'Playfair Display',serif;



font-size:68px;



line-height:1.08;



color:#0B2545;



margin-bottom:25px;



}



.apv15-hero h1 span{



display:block;



color:#C9A961;



}



.apv15-divider{



width:120px;



height:4px;



background:#C9A961;



margin:30px 0;



}



.apv15-hero p{



font-size:19px;



line-height:2;



color:#666;



margin:0;



}



.apv15-box{



background:#fff;



padding:45px;



border-top:5px solid #C9A961;



border:1px solid #ECE4D3;



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



}



.apv15-icon{



display:inline-block;



padding:8px 18px;



background:#0B2545;



color:#fff;



font-size:12px;



letter-spacing:2px;



margin-bottom:25px;



}



.apv15-box h3{



font-family:'Playfair Display',serif;



font-size:32px;



margin-bottom:18px;



color:#0B2545;



}



.apv15-box p{



margin:0;



font-size:16px;



line-height:1.9;



color:#666;



}



@media(max-width:991px){



.apv15-hero h1{



font-size:42px;



}



.apv15-box{



margin-top:40px;



}



}



.apv15-feature{



padding:110px 0;



background:#fff;



}



.apv15-case{



background:#0B2545;



padding:70px;



position:relative;



overflow:hidden;



}



.apv15-year{



font-family:'Playfair Display',serif;



font-size:90px;



color:#C9A961;



line-height:1;

margin-top: 23px;

}



.apv15-case span{



font-size:13px;



letter-spacing:3px;



font-weight:700;



color:#C9A961;



display:block;



margin-bottom:20px;



}



.apv15-case h2{



font-family:'Playfair Display',serif;



font-size:46px;



color:#fff;



margin-bottom:25px;



}



.apv15-case p{



font-size:18px;



line-height:2;



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



margin:0;



}



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



PART 3



Prefix : apv16-



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



.apv16-section{



/*padding:120px 0; */



background:#FCFBF8;



}



.apv16-row{



position:relative;



padding:90px 0;



border-bottom:1px solid #ECE4D3;



}



.apv16-row:last-child{



border:none;



}



.apv16-number{



position:absolute;



right:20px;



top:20px;



font-family:'Playfair Display',serif;



font-size:140px;



color:#F2ECE0;



font-weight:700;



line-height:1;



pointer-events:none;



}



.apv16-content{



position:relative;



z-index:2;



}



.apv16-content span{



display:inline-block;



margin-bottom:18px;



font-size:13px;



letter-spacing:3px;



font-weight:700;



color:#C9A961;



}



.apv16-content h2{



font-family:'Playfair Display',serif;



font-size:46px;



line-height:1.2;



margin-bottom:28px;



color:#0B2545;



}



.apv16-content p{



font-size:18px;



line-height:2;



color:#666;



margin:0;



}



.apv16-side{



background:#fff;



padding:40px;



border:1px solid #ECE4D3;



box-shadow:0 15px 35px rgba(0,0,0,.05);



position:relative;



z-index:2;



}



.apv16-side h3{



font-family:'Playfair Display',serif;



font-size:30px;



margin-bottom:25px;



color:#0B2545;



}



.apv16-side ul{



list-style:none;



padding:0;



margin:0;



}



.apv16-side li{



padding:14px 0;



padding-left:24px;



border-bottom:1px solid #EFE8DA;



position:relative;



color:#555;



font-size:16px;



}



.apv16-side li:last-child{



border:none;



}



.apv16-side li:before{



content:"";



position:absolute;



left:0;



top:22px;



width:8px;



height:8px;



background:#C9A961;



border-radius:50%;



}



@media(max-width:991px){



.apv16-row{



padding:60px 0;



}



.apv16-number{



font-size:90px;



right:0;



}



.apv16-content{



margin-bottom:35px;



}



.apv16-content h2{



font-size:36px;



}



}



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



PART 4



Prefix : apv17-



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



.apv17-authority{



padding:120px 0 90px;



background:#ffffff;



}



.apv17-head{



max-width:920px;



margin:auto;



margin-bottom:70px;



}



.apv17-head span{



display:inline-block;



margin-bottom:20px;



font-size:13px;



font-weight:700;



letter-spacing:3px;



color:#C9A961;



}



.apv17-head h2{



font-family:'Playfair Display',serif;



font-size:56px;



line-height:1.15;



color:#0B2545;



margin-bottom:28px;



}



.apv17-head h2 span{



display:block;



color:#C9A961;



}



.apv17-head p{



font-size:18px;



line-height:2;



color:#666;



margin:0;



}



.apv17-ribbon{



display:grid;



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



border-top:1px solid #ECE4D3;



border-left:1px solid #ECE4D3;



}



.apv17-item{



padding:35px;



text-align:center;



font-family:'Playfair Display',serif;



font-size:24px;



color:#0B2545;



border-right:1px solid #ECE4D3;



border-bottom:1px solid #ECE4D3;



transition:.35s;



}



.apv17-item:hover{



background:#FCFBF8;



color:#C9A961;



}



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



.apv17-ending{



padding:90px 0 120px;



background:#FCFBF8;



}



.apv17-box{



background:#0B2545;



padding:55px 60px;



border-left:5px solid #C9A961;



}



.apv17-box span{



display:block;



margin-bottom:18px;



font-size:13px;



font-weight:700;



letter-spacing:3px;



color:#C9A961;



}



.apv17-box h2{



font-family:'Playfair Display',serif;



font-size:44px;



line-height:1.2;



color:#fff;



margin-bottom:20px;



}



.apv17-box p{



margin:0;



font-size:17px;



line-height:1.9;



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



}



.apv17-btn{



display:inline-block;



padding:18px 34px;



background:#C9A961;



color:#fff;



font-weight:700;



text-decoration:none;



border-radius:50px;



transition:.35s;



}



.apv17-btn:hover{



background:#b79245;



color:#fff;



transform:translateY(-3px);



}



@media(max-width:991px){



.apv17-head h2{



font-size:40px;



}



.apv17-ribbon{



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



}



.apv17-box{



padding:40px;



}



.apv17-box h2{



font-size:34px;



}



.apv17-btn{



margin-top:30px;



}



}



@media(max-width:576px){



.apv17-ribbon{



grid-template-columns:1fr;



}



}