/*=============================
        CTA SECTION
=============================*/

.manufacturing-cta {
    position: relative;
    overflow: hidden;
    padding: 80px 20px;

    background: linear-gradient(
        135deg,
        #4f1a11 0%,
        #6f2418 22%,
        #90311c 50%,
        #7a2819 72%,
        #4d180f 100%
    );

    text-align: center;
}

/* Grid */

.cta-grid{
    position:absolute;
    inset:0;

    background-image:

    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);

    background-size:72px 72px;

    pointer-events:none;
}

/* Glow */

.manufacturing-cta::before{

    content:"";
    position:absolute;
    width:700px;
    height:700px;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(255,186,146,.25) 0%,
        rgba(180,74,45,.18) 35%,
        transparent 75%
    );

    pointer-events:none;
}

/* Content */

.cta-content{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
}

/* Logo */

.cta-logo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 25px;
}

.cta-logo img {
    display: block;
    width: 100px;
    height: 60px;
    object-fit: contain;
}

.cta-logo span{
    border-radius:5px;
}
.cta-logo span:nth-child(1){
    background:#d98a6a;
}

.cta-logo span:nth-child(2){
    background:#b44a2d;
}

.cta-logo span:nth-child(3){
    background:#91331e;
}

.cta-logo span:nth-child(4){
    background:#fff4ef;
}
/* Heading */

.cta-content h2{

    font-size:45px;
    font-weight:600;
    line-height:1.15;
    color:#fff;
    margin-bottom:25px;
}

/* Paragraph */

.cta-content p{

    font-size:18px;
    color:rgba(255,255,255,.72);
    line-height:1.5;

    max-width:500px;
    margin:0 auto 30px;
}

/* Button */
.cta-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:13px 42px;

    background:#fff;
    color:#91331e;

    border-radius:60px;
    text-decoration:none;
    font-size:18px;
    font-weight:700;

    transition:.35s;
}

.cta-btn:hover{
    background:#91331e;
    color:#fff;
    transform:translateY(-5px);
    text-decoration:none;
    box-shadow:0 20px 45px rgba(122,42,24,.35);
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
}

.cta-btn i{
    transition:.3s;
}

.cta-btn:hover i{
    transform:translateX(5px);
}

/* Floating dots */

.dot{

    position:absolute;
    width:4px;
    height:4px;
    background:rgba(255,255,255,.5);

    border-radius:50%;

    animation:float 6s infinite ease-in-out;
}

.dot1{top:18%;left:12%;}
.dot2{top:30%;right:18%;}
.dot3{bottom:28%;left:22%;}
.dot4{bottom:18%;right:18%;}
.dot5{top:14%;left:72%;}

@keyframes float{

    0%,100%{
        transform:translateY(0);
        opacity:.4;
    }

    50%{
        transform:translateY(-12px);
        opacity:1;
    }

}

/*=========================
      Responsive
=========================*/

@media(max-width:991px){

.cta-content h2{
    font-size:42px;
}

.cta-content p{
    font-size:18px;
}

}

@media(max-width:768px){

.manufacturing-cta{
    padding:80px 20px;
}

.cta-content h2{
    font-size:32px;
}

.cta-content p{
    font-size:16px;
}

.cta-btn{

    padding:16px 30px;
    font-size:16px;
}

}