/* ======================================================
   YAMAHA CTA
====================================================== */

.yl-cta{

padding:120px 0;

background:#FFFFFF;

}

.yl-cta-box{

background:linear-gradient(135deg,#1B1B1B,#2B2B2B);

padding:90px 70px;

border-radius:35px;

text-align:center;

position:relative;

overflow:hidden;

}

.yl-cta-box::before{

content:"";

position:absolute;

width:600px;

height:600px;

right:-180px;

top:-250px;

border-radius:50%;

background:rgba(200,162,79,.12);

}

.yl-cta-box::after{

content:"";

position:absolute;

width:350px;

height:350px;

left:-120px;

bottom:-120px;

border-radius:50%;

background:rgba(200,162,79,.08);

}

.yl-cta-box>*{

position:relative;

z-index:2;

}

.yl-cta-tag{

display:inline-block;

padding:12px 26px;

border-radius:40px;

background:#C8A24F;

color:#fff;

font-size:14px;

font-weight:700;

letter-spacing:2px;

margin-bottom:28px;

}

.yl-cta h2{

font-size:68px;

line-height:1.15;

color:#fff;

margin-bottom:25px;

font-family:"Playfair Display",serif;

}

.yl-cta p{

font-size:20px;

line-height:1.8;

color:#DDDDDD;

max-width:720px;

margin:auto;

margin-bottom:45px;

}

.yl-cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.yl-outline{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

border:2px solid #C8A24F;

border-radius:50px;

text-decoration:none;

font-weight:700;

color:#C8A24F;

transition:.3s;

}

.yl-outline:hover{

background:#C8A24F;

color:#fff;

}

@media(max-width:768px){

.yl-cta-box{

padding:60px 30px;

}

.yl-cta h2{

font-size:42px;

}

.yl-cta p{

font-size:18px;

}

}