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

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-------------*/
.insightHero{

padding:120px 0;

background:
linear-gradient(135deg,#f8f5ef 0%,#ffffff 55%,#f3efe7 100%);

position:relative;

overflow:hidden;

}

.insightHero:before{

content:"";

position:absolute;

right:-120px;

top:-160px;

width:420px;

height:420px;

border-radius:50%;

background:rgba(201,169,97,.08);

}

.insightHero:after{

content:"";

position:absolute;

left:-140px;

bottom:-160px;

width:360px;

height:360px;

border-radius:50%;

background:rgba(11,37,69,.05);

}

.journalLabel{

display:inline-flex;

align-items:center;

gap:12px;

padding:12px 28px;

background:#fff;

border-radius:40px;

border:1px solid rgba(201,169,97,.35);

font-size:13px;

letter-spacing:2px;

font-weight:700;

color:#c9a961;

margin-bottom:28px;

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

}

.journalLabel i{

color:#0b2545;

}

.insightHero h1{

font-family:'Cormorant Garamond',serif;

font-size:66px;

line-height:1.08;

color:#0b2545;

margin-bottom:28px;

}

.insightHero p{

font-size:18px;

line-height:1.95;

color:#555;

margin-bottom:45px;

max-width:92%;

}

.journalStats{

display:flex;

gap:25px;

flex-wrap:wrap;

}

.journalStats div{

background:#fff;

padding:22px 28px;

border-radius:18px;

box-shadow:0 18px 45px rgba(0,0,0,.06);

border-top:4px solid #c9a961;

min-width:170px;

}

.journalStats strong{

display:block;

font-size:34px;

line-height:1;

color:#0b2545;

margin-bottom:8px;

}

.journalStats span{

font-size:14px;

font-weight:600;

color:#666;

}

.journalCover{

background:#0b2545;

padding:45px;

border-radius:24px;

color:#fff;

position:relative;

overflow:hidden;

box-shadow:0 25px 70px rgba(0,0,0,.18);

}

.journalCover:before{

content:"";

position:absolute;

top:-60px;

right:-60px;

width:180px;

height:180px;

border-radius:50%;

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

}

.journalTop{

letter-spacing:4px;

font-size:13px;

font-weight:700;

color:#c9a961;

margin-bottom:30px;

}

.journalCover h3{

font-family:'Cormorant Garamond',serif;

font-size:46px;

line-height:1.2;

margin-bottom:30px;
color: #e4ba6a;
}

.coverLine{

height:2px;

background:rgba(201,169,97,.4);

margin-bottom:30px;

}

.journalCover ul{

margin:0;

padding:0;

list-style:none;

}

.journalCover li{

padding:12px 0;

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

font-size:16px;

}

.issueTag{

margin-top:35px;

display:inline-block;

padding:12px 24px;

background:#c9a961;

color:#0b2545;

font-weight:700;

border-radius:40px;

}

@media(max-width:991px){

.insightHero{

padding:80px 0;

}

.insightHero h1{

font-size:46px;

}

.insightHero p{

max-width:100%;

}

.journalStats{

margin-bottom:40px;

}

.journalCover{

padding:35px;

}

}


.futureOutlook{

padding:120px 0;

background:#ffffff;

position:relative;

}

.futureOutlook:before{

content:"";

position:absolute;

left:0;

right:0;

top:110px;

height:1px;

background:#ece7dc;

}

.futureHeading{

max-width:850px;

margin:auto;

margin-bottom:70px;

position:relative;

z-index:2;

}

.futureHeading span{

display:inline-block;

padding:10px 28px;

background:#0b2545;

color:#fff;

border-radius:40px;

font-size:13px;

letter-spacing:2px;

font-weight:700;

margin-bottom:22px;

}

.futureHeading h2{

font-family:'Cormorant Garamond',serif;

font-size:58px;

color:#0b2545;

line-height:1.15;

margin-bottom:20px;

}

.futureHeading p{

font-size:18px;

line-height:1.9;

color:#666;

}

.futureArticle{

display:flex;

align-items:flex-start;

gap:30px;

padding:35px;

background:#faf8f3;

border-radius:22px;

height:100%;

transition:.35s;

position:relative;

overflow:hidden;

}

.futureArticle:hover{

transform:translateY(-8px);

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

}

.futureArticle:before{

content:"";

position:absolute;

left:0;

top:0;

width:5px;

height:100%;

background:#c9a961;

transition:.35s;

}

.futureArticle:hover:before{

width:10px;

}

.articleNumber{

font-family:'Cormorant Garamond',serif;

font-size:70px;

font-weight:700;

line-height:1;

color:#d6c29a;

flex-shrink:0;

}

.articleContent h3{

font-family:'Cormorant Garamond',serif;

font-size:34px;

line-height:1.35;

color:#0b2545;

margin:0;

}

@media(max-width:991px){

.futureOutlook{

padding:80px 0;

}

.futureHeading h2{

font-size:42px;

}

.futureArticle{

padding:28px;

gap:18px;

}

.articleNumber{

font-size:48px;

}

.articleContent h3{

font-size:28px;

}

}


.researchTimeline{

padding:120px 0;

background:linear-gradient(180deg,#f8f6f2,#ffffff);

position:relative;

overflow:hidden;

}

.timelineIntro{

max-width:900px;

margin:auto;

margin-bottom:80px;

}

.timelineIntro span{

display:inline-block;

padding:10px 26px;

background:#f3ede2;

border-radius:40px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

color:#c9a961;

margin-bottom:22px;

}

.timelineIntro h2{

font-family:'Cormorant Garamond',serif;

font-size:56px;

line-height:1.15;

color:#0b2545;

margin-bottom:22px;

}

.timelineIntro p{

font-size:18px;

line-height:1.9;

color:#666;

}

.timelineRoad{

position:relative;

padding-top:30px;

}

.roadLine{

position:absolute;

left:8%;

right:8%;

top:105px;

height:4px;

background:linear-gradient(90deg,#c9a961,#0b2545);

border-radius:10px;

}

.researchNode{

text-align:center;

position:relative;

padding-top:30px;

}

.nodeCircle{

width:90px;

height:90px;

margin:auto;

margin-bottom:30px;

background:#0b2545;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

font-weight:700;

color:#fff;

border:8px solid #ffffff;

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

position:relative;

z-index:2;

transition:.35s;

}

.researchNode:hover .nodeCircle{

transform:scale(1.08);

background:#c9a961;

color:#0b2545;

}

.researchNode h3{

font-family:'Cormorant Garamond',serif;

font-size:28px;

line-height:1.45;

color:#0b2545;

margin:0;

padding:0 15px;

}

@media(max-width:991px){

.researchTimeline{

padding:80px 0;

}

.timelineIntro h2{

font-size:42px;

}

.roadLine{

display:none;

}

.researchNode{

margin-bottom:50px;

}

.nodeCircle{

width:70px;

height:70px;

font-size:22px;

}

.researchNode h3{

font-size:24px;

}

}

.archiveLibrary{

padding:60px 0;

background:#ffffff;

position:relative;

}

.archiveLibrary:before{

content:"";

position:absolute;

left:0;

right:0;

bottom:90px;

height:14px;

background:#d7c5a0;

box-shadow:
0 -4px 0 #b89554,
0 12px 35px rgba(0,0,0,.08);

}

.archiveHeading{

max-width:900px;

margin:auto;

margin-bottom:80px;

}

.archiveHeading span{

display:inline-block;

padding:10px 28px;

background:#0b2545;

color:#fff;

border-radius:40px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

margin-bottom:22px;

}

.archiveHeading h2{

font-family:'Cormorant Garamond',serif;

font-size:58px;

line-height:1.15;

color:#0b2545;

margin-bottom:22px;

}

.archiveHeading p{

font-size:18px;

line-height:1.9;

color:#666;

}

.archiveBook{

background:linear-gradient(180deg,#17365e,#0b2545);

border-radius:10px 10px 4px 4px;

padding:30px;

height:100%;

color:#fff;

position:relative;

transition:.35s;

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

overflow:hidden;

}

.archiveBook:before{

content:"";

position:absolute;

left:0;

top:0;

width:8px;

height:100%;

background:#c9a961;

}

.archiveBook.featured{

background:linear-gradient(180deg,#c9a961,#b58d46);

color:#0b2545;

}

.archiveBook:hover{

transform:translateY(-12px);

}

.bookNo{

font-size:13px;

font-weight:700;

letter-spacing:3px;

text-transform:uppercase;

margin-bottom:25px;

opacity:.9;

}

.archiveBook h3{

font-family:'Cormorant Garamond',serif;

font-size:30px;

line-height:1.45;

margin-bottom:35px;
color: #bb954e;
}

.bookFooter{

margin-top:auto;

padding-top:18px;

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

font-size:14px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

}

.archiveBook.featured .bookFooter{

border-color:rgba(11,37,69,.15);

}

@media(max-width:991px){

.archiveLibrary{

padding:80px 0;

}

.archiveHeading h2{

font-size:42px;

}

.archiveLibrary:before{

display:none;

}

.archiveBook{

padding:25px;

}

.archiveBook h3{

font-size:25px;

}

}

.knowledgeCentre{

padding:120px 0;

background:linear-gradient(180deg,#f7f5f0,#ffffff);

}

.knowledgeBox{

background:linear-gradient(135deg,#0b2545,#163b69);

border-radius:32px;

padding:70px;

position:relative;

overflow:hidden;

box-shadow:0 35px 80px rgba(0,0,0,.18);

}

.knowledgeBox:before{

content:"";

position:absolute;

top:-180px;

right:-140px;

width:420px;

height:420px;

border-radius:50%;

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

}

.knowledgeBox:after{

content:"";

position:absolute;

bottom:-150px;

left:-120px;

width:300px;

height:300px;

border-radius:50%;

background:rgba(201,169,97,.08);

}

.knowledgeLabel{

display:inline-flex;

align-items:center;

gap:12px;

padding:10px 24px;

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

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

border-radius:40px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

color:#c9a961;

margin-bottom:28px;

}

.knowledgeLabel i{

color:#c9a961;

}

.knowledgeCentre h2{

font-family:'Cormorant Garamond',serif;

font-size:58px;

line-height:1.15;

color:#fff;

margin-bottom:28px;

}

.knowledgeCentre p{

font-size:18px;

line-height:1.9;

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

margin-bottom:35px;

}

.knowledgeTopics{

display:grid;

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

gap:18px;

}

.knowledgeTopics div{

display:flex;

align-items:center;

gap:12px;

padding:18px 20px;

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

border-radius:14px;

color:#fff;

font-weight:600;

transition:.3s;

}

.knowledgeTopics div:hover{

background:rgba(201,169,97,.18);

transform:translateY(-5px);

}

.knowledgeTopics i{

color:#c9a961;

font-size:18px;

}

.journalPanel{

background:#fff;

padding:40px;

border-radius:24px;

text-align:center;

height:100%;

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

}

.journalIcon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

background:#f5f1e8;

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

color:#c9a961;

}

.journalPanel h3{

font-family:'Cormorant Garamond',serif;

font-size:40px;

color:#0b2545;

margin-bottom:18px;

}

.journalPanel p{

font-size:16px;

line-height:1.8;

color:#666;

margin-bottom:30px;

}

.journalBtn{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

padding:16px;

background:#c9a961;

border-radius:50px;

font-weight:700;

color:#0b2545;

text-decoration:none;

margin-bottom:15px;

transition:.3s;

}

.journalBtn:hover{

background:#0b2545;

color:#fff;

}

.journalOutline{

display:block;

padding:16px;

border:2px solid #e5e5e5;

border-radius:50px;

text-decoration:none;

font-weight:700;

color:#0b2545;

transition:.3s;

}

.journalOutline:hover{

background:#f5f1e8;

}

@media(max-width:991px){

.knowledgeCentre{

padding:80px 0;

}

.knowledgeBox{

padding:40px 30px;

}

.knowledgeCentre h2{

font-size:42px;

}

.knowledgeTopics{

grid-template-columns:1fr;

margin-bottom:40px;

}

.journalPanel{

margin-top:40px;

}

}