/*=========================================
        CONTACT BANNER
=========================================*/

.contact-banner{

    position:relative;

    padding:150px 0;

    background:#0B0B0B;

    overflow:hidden;

    BORDER-TOP-LEFT-RADIUS: 70px;
    BORDER-TOP-RIGHT-RADIUS: 70px;

}

/* Grid */

.banner-grid{

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);

    background-size:70px 70px;

    opacity:.25;

}

/* Glow */

.banner-glow{

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    filter:blur(130px);

    opacity:.25;

}

.glow-1{

    background:#990011;

    top:-150px;

    left:-200px;

}

.glow-2{

    background:#2563EB;

    right:-200px;

    bottom:-150px;

}

/* Content */

.contact-banner-content{

    position:relative;

    z-index:2;

    max-width:900px;

}

.contact-banner h2{

    font-size:72px;

    color:#fff;

    line-height:1.1;

    margin:25px 0;

    font-weight:800;

}

.contact-banner p{

    font-size:20px;

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

    line-height:1.8;

    margin-bottom:60px;

}

/* Contact Details */

.contact-details{

    display:grid;

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

    gap:30px;

    margin-bottom:50px;

}

.contact-item{

    display:flex;

    gap:20px;

    align-items:flex-start;

}

.contact-item i{

    width:60px;

    height:60px;

    border-radius:18px;

    background:linear-gradient(135deg,#990011,#2563EB);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:24px;

}

.contact-item span{

    color:#888;

    font-size:14px;

}

.contact-item h4{

    color:#fff;

    margin-top:6px;

    font-size:20px;

}

/* Social */

.social-links{

    display:flex;

    gap:18px;

}

.social-links a{

    width:56px;

    height:56px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

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

    color:#fff;

    transition:.35s;

}

.social-links a:hover{

    background:linear-gradient(135deg,#990011,#2563EB);

    transform:translateY(-6px);

}

.contact-banner{

    opacity:0;

    transform:translateY(80px);

    transition:all .9s ease;

}

.contact-banner.show{

    opacity:1;

    transform:translateY(0);

}

/*=========================================
        FOOTER DEVELOPER
=========================================*/

.footer-developer{

    margin-top:25px;
    margin-left: 70px;
    color:rgba(255,255,255,.55);

    line-height:1.6;

}

.footer-developer strong{

    color:#fff;

    font-weight:600;
}

.footer-developer a{

    color:#fff;

    text-decoration:none;

    font-weight:600;
    transition:.3s;

}

.footer-developer a:hover{

    color:#4D8CFF;

}
.footer-developer {
    font-size: 9px;
}


/*=========================================
        MOBILE
=========================================*/

@media(max-width:768px){

    .footer-developer{

        text-align:center;

        font-size:13px;

        margin-top:20px;
        margin-left: 0px;

    }

}


/* Resposive */


/*=========================================
        CONTACT BANNER
=========================================*/

@media(max-width:992px){

.contact-banner{

    text-align:center;

}

.contact-banner h2{

    font-size:54px;

}

.contact-details{

    grid-template-columns:1fr;

}

.contact-item{

    justify-content:center;

}

.social-links{

    justify-content:center;

}

}

@media(max-width:768px){

.contact-banner{

    padding:90px 0;

}

.contact-banner h2{

    font-size:38px;

}

.contact-banner p{

    font-size:17px;

}

}

@media(max-width:768px){

.info-card{

    position:relative;

    width:100%;

    left:0;

    right:0;

    top:0;

    margin-top:20px;

}

.badge-1,
.badge-2{

    display:none;

}

}

@media(max-width:992px){

.about-hero{

    padding:120px 0 80px;

}

.about-hero-wrapper{

    grid-template-columns:1fr;

    text-align:center;

}

.about-hero-content h1{

    font-size:52px;

}

.about-hero-image{

    margin-top:50px;

}

.hero-buttons{

    justify-content:center;

}

.card-one,
.card-two,
.card-three{

    display:none;

}

}

@media(max-width:768px){

.about-hero-content h1{

    font-size:40px;

}

.about-hero-content p{

    font-size:16px;

}

}

@media(max-width:992px){

.showcase-grid{

    grid-template-columns:1fr;

}

.big-title{

    grid-row:auto;

    text-align:center;

}

.big-title h2{

    font-size:48px;

}

.image-card,
.content-card{

    text-align:center;

}

}

@media(max-width:768px){

.big-title h2{

    font-size:38px;

}

.content-card h3{

    font-size:30px;

}

}

.contact-item small {
    display: block;
    margin-top: 5px;

    color: rgba(255, 255, 255, 0.55);

    font-size: 11px;
    line-height: 1.5;
}