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



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

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



SERVICES HERO



Prefix : apv30-



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



.apv30-hero{



padding:60px 0;



background:#FCFBF8;



position:relative;



overflow:hidden;



}



.apv30-hero:before{



content:"";



position:absolute;



width:550px;



height:550px;



right:-180px;



top:-180px;



background:radial-gradient(circle,#C9A96125,transparent);



}



.apv30-eyebrow{



display:inline-flex;



align-items:center;



gap:12px;



padding:12px 22px;



border:1px solid #E8DECB;



border-radius:50px;



font-size:13px;



letter-spacing:3px;



font-weight:700;



color:#C9A961;



margin-bottom:28px;



}



.apv30-eyebrow i{



font-size:16px;



}



.apv30-hero h1{



font-family:'Playfair Display',serif;



font-size:72px;



line-height:1.05;



margin-bottom:22px;



color:#0B2545;



}



.apv30-hero h1 span{



display:block;



color:#C9A961;



}



.apv30-line{



width:120px;



height:5px;



background:#C9A961;



margin:30px 0;



}



.apv30-hero p{



font-size:19px;



line-height:2;



color:#666;



margin:0;



}







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



.apv30-panel{



background:#fff;



border:1px solid #ECE4D3;



padding:55px;



position:relative;



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



}



.apv30-circle{



width:120px;



height:120px;



margin:auto;



margin-bottom:35px;



border-radius:50%;



background:#0B2545;



display:flex;



align-items:center;



justify-content:center;



font-family:'Playfair Display',serif;



font-size:56px;



color:#fff;



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



}



.apv30-list{



display:grid;



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



gap:18px;



}



.apv30-list div{



display:flex;



align-items:center;



gap:14px;



padding:18px;



border:1px solid #ECE4D3;



transition:.35s;



font-weight:600;



color:#0B2545;



}



.apv30-list div:hover{



background:#0B2545;



color:#fff;



transform:translateY(-5px);



}



.apv30-list i{



color:#C9A961;



font-size:22px;



}







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



.apv30-purpose{



padding:80px 0;



background:#fff;



border-top:1px solid #ECE4D3;



border-bottom:1px solid #ECE4D3;



}



.apv30-purpose-inner{



display:flex;



align-items:center;



gap:35px;



max-width:1050px;



margin:auto;



}



.apv30-purpose-icon{



width:90px;



height:90px;



border-radius:50%;



background:#0B2545;



display:flex;



align-items:center;



justify-content:center;



flex:none;



}



.apv30-purpose-icon i{



font-size:38px;



color:#C9A961;



}



.apv30-purpose h2{



font-family:'Playfair Display',serif;



font-size:48px;



color:#0B2545;



margin-bottom:15px;



}



.apv30-purpose p{



font-size:19px;



color:#666;



margin:0;



line-height:1.9;



}







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



@media(max-width:991px){



.apv30-hero{



padding:80px 0;



}



.apv30-hero h1{



font-size:46px;



}



.apv30-panel{



margin-top:45px;



padding:35px;



}



.apv30-list{



grid-template-columns:1fr;



}



.apv30-purpose-inner{



flex-direction:column;



text-align:center;



}



.apv30-purpose h2{



font-size:34px;



}



}



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



.apv31-services{



padding:120px 0;



background:#fff;



}



.apv31-title{



text-align:center;



margin-bottom:70px;



}



.apv31-title span{



display:inline-block;



letter-spacing:3px;



font-size:13px;



font-weight:700;



color:#C9A961;



margin-bottom:18px;



}



.apv31-title h2{



font-family:'Playfair Display',serif;



font-size:58px;



color:#0B2545;



line-height:1.15;



}



.apv31-title h2 span{



display:block;



color:#C9A961;



}



.apv31-grid{



display:grid;



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



gap:35px;



}



.apv31-card{



position:relative;



display:block;



padding:55px 40px;



background:#FCFBF8;



border:1px solid #ECE4D3;



text-decoration:none;



overflow:hidden;



transition:.4s;



}



.apv31-card:hover{



transform:translateY(-12px);



box-shadow:0 30px 60px rgba(0,0,0,.08);



border-color:#C9A961;



}



.apv31-bg{



position:absolute;



right:20px;



top:-15px;



font-family:'Playfair Display',serif;



font-size:110px;



font-weight:700;



color:#EFE9DC;



}



.apv31-icon{



width:90px;



height:90px;



border-radius:50%;



background:#0B2545;



display:flex;



align-items:center;



justify-content:center;



margin-bottom:35px;



position:relative;



z-index:2;



}



.apv31-icon i{



font-size:38px;



color:#C9A961;



}



.apv31-card h3{



font-family:'Playfair Display',serif;



font-size:32px;



line-height:1.3;



color:#0B2545;



margin-bottom:22px;



position:relative;



z-index:2;



}



.apv31-card p{



font-size:17px;



line-height:1.95;



color:#666;



margin-bottom:30px;



position:relative;



z-index:2;



}



.apv31-footer{



padding-top:25px;



border-top:1px solid #E7DFCF;



margin-bottom:28px;



}



.apv31-footer strong{



display:block;



margin-bottom:10px;



font-size:14px;



letter-spacing:1px;



color:#0B2545;



}



.apv31-footer span{



font-size:15px;



line-height:1.8;



color:#777;



}



.apv31-link{



display:flex;



justify-content:space-between;



align-items:center;



font-weight:700;



color:#0B2545;



margin-top:20px;



}



.apv31-link i{



transition:.3s;



}



.apv31-card:hover .apv31-link i{



transform:translateX(8px);



}



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



.apv32-wrap{



padding:130px 0;



background:#0B2545;



position:relative;



overflow:hidden;



}



.apv32-wrap:before{



content:"";



position:absolute;



width:650px;



height:650px;



left:-250px;



top:-250px;



background:radial-gradient(circle,#C9A96118,transparent);



}



.apv32-heading{



text-align:center;



margin-bottom:70px;



position:relative;



z-index:2;



}



.apv32-heading span{



display:inline-block;



padding:10px 24px;



border:1px solid rgba(255,255,255,.2);



border-radius:50px;



font-size:13px;



letter-spacing:3px;



font-weight:700;



color:#C9A961;



margin-bottom:22px;



}



.apv32-heading h2{



font-family:'Playfair Display',serif;



font-size:58px;



line-height:1.15;



color:#fff;



}



.apv32-card{



height:100%;



padding:45px;



background:rgba(255,255,255,.05);



backdrop-filter:blur(10px);



border:1px solid rgba(255,255,255,.08);



transition:.4s;



position:relative;



overflow:hidden;



}



.apv32-card:hover{



transform:translateY(-10px);



border-color:#C9A961;



background:rgba(255,255,255,.08);



}



.apv32-no{



position:absolute;



right:18px;



top:-8px;



font-family:'Playfair Display',serif;



font-size:95px;



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



font-weight:700;



}



.apv32-icon{



width:85px;



height:85px;



border-radius:50%;



background:#C9A961;



display:flex;



align-items:center;



justify-content:center;



margin-bottom:30px;



}



.apv32-icon i{



font-size:34px;



color:#0B2545;



}



.apv32-card h3{



font-family:'Playfair Display',serif;



font-size:31px;



line-height:1.3;



color:#fff;



margin-bottom:20px;



}



.apv32-card p{



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



line-height:1.95;



font-size:17px;



}



.apv32-client{



margin-top:30px;



padding-top:22px;



border-top:1px solid rgba(255,255,255,.12);



margin-bottom:28px;



}



.apv32-client strong{



display:block;



margin-bottom:10px;



color:#C9A961;



font-size:14px;



letter-spacing:1px;



}



.apv32-client span{



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



}



.apv32-card a{



display:flex;



justify-content:space-between;



align-items:center;



text-decoration:none;



font-weight:700;



color:#fff;



}



.apv32-card a i{



transition:.35s;



}



.apv32-card:hover a i{



transform:translateX(8px);



}



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

ACRYLIC PAINTING SERVICES DIRECTORY

Prefix : apv40-

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



.apv40-directory{

    padding:130px 0;

    background:#FCFBF8;

    position:relative;

    overflow:hidden;

}



.apv40-directory:before{

    content:"";

    position:absolute;

    left:-180px;

    top:-180px;

    width:500px;

    height:500px;

    background:radial-gradient(circle,#C9A96115,transparent);

}



.apv40-directory:after{

    content:"";

    position:absolute;

    right:-220px;

    bottom:-220px;

    width:600px;

    height:600px;

    background:radial-gradient(circle,#0B254508,transparent);

}



.apv40-head{

    text-align:center;

    max-width:900px;

    margin:auto;

    margin-bottom:80px;

    position:relative;

    z-index:5;

}



.apv40-head span{

    display:inline-block;

    padding:10px 24px;

    border:1px solid #E6DDCB;

    border-radius:50px;

    letter-spacing:3px;

    font-size:13px;

    font-weight:700;

    color:#C9A961;

    margin-bottom:22px;

}



.apv40-head h2{

    font-family:'Playfair Display',serif;

    font-size:60px;

    line-height:1.12;

    color:#0B2545;

    margin-bottom:22px;

}



.apv40-head h2 span{

    display:block;

    color:#C9A961;

    border:none;

    padding:0;

    font-size:60px;

    letter-spacing:0;

    font-weight:400;

}



.apv40-head p{

    font-size:19px;

    line-height:2;

    color:#666;

}



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



.apv40-grid{



    display:grid;



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



    gap:35px;



    position:relative;



    z-index:2;



}



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



.apv40-card{



    display:block;



    position:relative;



    padding:45px;



    background:#fff;



    border:1px solid #ECE4D3;



    overflow:hidden;



    text-decoration:none;



    transition:.45s;



    box-shadow:0 18px 40px rgba(0,0,0,.04);



}



.apv40-card:hover{



    transform:translateY(-10px);



    border-color:#C9A961;



    box-shadow:0 35px 70px rgba(0,0,0,.08);



}



.apv40-card:before{



    content:"";



    position:absolute;



    left:0;



    top:0;



    width:100%;



    height:5px;



    background:#C9A961;



    transform:scaleX(0);



    transition:.4s;



}



.apv40-card:hover:before{



    transform:scaleX(1);



}



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



.apv40-number{



    position:absolute;



    right:18px;



    top:-18px;



    font-family:'Playfair Display',serif;



    font-size:120px;



    color:#F2ECE2;



    font-weight:700;



    line-height:1;



    z-index:0;



}



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



.apv40-icon{



    width:90px;



    height:90px;



    border-radius:50%;



    background:#0B2545;



    display:flex;



    align-items:center;



    justify-content:center;



    margin-bottom:35px;



    position:relative;



    z-index:2;



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



}



.apv40-card:hover .apv40-icon{



    background:#C9A961;



}



.apv40-card:hover .apv40-icon i{



    color:#0B2545;



}



.apv40-icon i{



    font-size:36px;



    color:#C9A961;



    transition:.35s;



}



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



.apv40-card h3{



    font-family:'Playfair Display',serif;



    font-size:34px;



    line-height:1.25;



    color:#0B2545;



    margin-bottom:22px;



    position:relative;



    z-index:2;



}



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



.apv40-purpose{



    display:inline-block;



    margin-bottom:25px;



    padding:12px 18px;



    border-radius:40px;



    background:#F8F4EC;



    border:1px solid #E7DECC;



    color:#C9A961;



    font-size:15px;



    font-weight:700;



    letter-spacing:1px;



    position:relative;



    z-index:2;



}



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



.apv40-card p{



    font-size:17px;



    line-height:1.9;



    color:#666;



    margin-bottom:28px;



    position:relative;



    z-index:2;



}



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



.apv40-users{



    padding-top:25px;



    margin-bottom:28px;



    border-top:1px solid #ECE4D3;



    position:relative;



    z-index:2;



}



.apv40-users strong{



    display:block;



    margin-bottom:10px;


    font-size:14px;



    letter-spacing:1px;



    color:#0B2545;



}



.apv40-users span{



    color:#777;



    line-height:1.8;



    font-size:15px;



}



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



.apv40-arrow{



    display:flex;



    justify-content:space-between;



    align-items:center;



    font-weight:700;



    color:#0B2545;



    position:relative;



    z-index:2;



}



.apv40-arrow i{



    transition:.35s;



}



.apv40-card:hover .apv40-arrow i{



    transform:translateX(8px);



}



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



@media(max-width:1200px){



.apv40-grid{



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



}



}



@media(max-width:768px){



.apv40-directory{



padding:80px 0;



}



.apv40-grid{



grid-template-columns:1fr;



}



.apv40-head h2,



.apv40-head h2 span{



font-size:40px;



}



.apv40-card{



padding:35px;



}



.apv40-number{



font-size:90px;



}



.apv40-card h3{



font-size:28px;



}



.apv40-icon{



width:75px;



height:75px;



}



.apv40-icon i{



font-size:30px;



}



}



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

HOW WE ARE DIFFERENT

Prefix : apv41-

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



.apv41-wrap{



padding:130px 0;



background:#c9a9610f;



}



.apv41-head{



text-align:center;



max-width:850px;



margin:auto;



margin-bottom:90px;



}



.apv41-head span{



display:inline-block;



padding:10px 24px;



border:1px solid #E7DDCB;



border-radius:50px;



letter-spacing:3px;



font-size:13px;



font-weight:700;



color:#C9A961;



margin-bottom:22px;



}



.apv41-head h2{



font-family:'Playfair Display',serif;



font-size:60px;



color:#0B2545;



margin-bottom:20px;



}



.apv41-head p{



font-size:19px;



line-height:2;



color:#666;



}



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



.apv41-timeline{



position:relative;



max-width:1000px;



margin:auto;



}



.apv41-timeline:before{



content:"";



position:absolute;



left:42px;



top:0;



bottom:0;



width:2px;



background:#E6DDCB;



}



.apv41-item{



display:flex;



gap:45px;



margin-bottom:70px;



position:relative;



}



.apv41-no{



width:86px;



height:86px;



flex:none;



border-radius:50%;



background:#0B2545;



display:flex;



align-items:center;



justify-content:center;



font-family:'Playfair Display',serif;



font-size:32px;



color:#fff;



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



position:relative;



z-index:2;



}



.apv41-content{



padding-top:8px;



}



.apv41-content h3{



font-family:'Playfair Display',serif;



font-size:34px;



margin-bottom:18px;



color:#0B2545;



}



.apv41-content p{



font-size:18px;



line-height:2;



color:#666;



margin:0;



}



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



.apv41-ribbon{



margin-top:70px;



display:grid;



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



border:1px solid #ECE4D3;



}



.apv41-ribbon div{



padding:24px;



text-align:center;



font-weight:600;



color:#0B2545;



border-right:1px solid #ECE4D3;



background:#FCFBF8;



}



.apv41-ribbon div:last-child{



border-right:none;



}



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



.apv41-consult{



margin-top:80px;



padding:50px;



background:#0B2545;



border-left:6px solid #C9A961;



}



.apv41-consult h2{



font-family:'Playfair Display',serif;



font-size:42px;



color:#fff;



margin-bottom:18px;



}



.apv41-consult p{



font-size:17px;



line-height:1.9;



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



margin:0;



}



.apv41-btn{



display:inline-block;



padding:18px 34px;



background:#C9A961;



border-radius:50px;



color:#fff;



font-weight:700;



text-decoration:none;



transition:.35s;



}



.apv41-btn:hover{



background:#b89244;



color:#fff;



transform:translateY(-3px);



}



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



@media(max-width:991px){



.apv41-head h2{



font-size:40px;



}



.apv41-item{



gap:25px;



}



.apv41-no{



width:70px;



height:70px;



font-size:26px;



}



.apv41-content h3{



font-size:28px;



}



.apv41-ribbon{



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



}



.apv41-consult{



padding:35px;



}



.apv41-btn{



margin-top:30px;



}



}



@media(max-width:576px){



.apv41-item{



flex-direction:column;



}



.apv41-timeline:before{



display:none;



}



.apv41-ribbon{



grid-template-columns:1fr;



}



}