/* =========================
CTA Banner
========================= */
#webDevelopment .ai-cta-banner{
    margin-bottom: 100px;
}
.title{
	font: normal 20px "SF-Pro-Display", sans-serif;
    font-size: 60px;
    line-height: 1.1;
    font-weight: 700;
    text-align: left;
  	text-transform: capitalize;
    color:var(--color-primary-heading);
    margin-bottom: 15px;
}
.section-title h2{
	font: normal 20px "SF-Pro-Display", sans-serif;
    font-size: 70px;
    line-height: 1.1;
    font-weight: 700;
    color: #010101;
    margin-bottom: 15px;
}

.section-title{
	font: normal 20px "SF-Pro-Display", sans-serif;
    font-size:60px;
    font-weight:700;
 	line-height: 1.1;
	text-transform: capitalize;
    margin-bottom: 15px;
}

.section-subtitle{
    margin:0 auto 60px;
    text-align:center;
    color: #d7d7d7;
    font-size:22px;
    line-height:1.3;
	text-align: center;
}

.section-title p{
    font-size: 22px;
    line-height: 1.3;
    color: #555;
}

.cta-box{
    border-radius:24px;
    overflow:hidden;
    background-image: url(../../assets/images/static/banner/build_ai_agent_banner.webp);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    display:grid;
    grid-template-columns:1fr 550px;
    align-items:center;
}

.cta-left{
    padding:30px 20px 30px 60px;
    color:#fff;
}

.cta-left h2{
    font-size:42px;
    line-height:1.2;
}

.cta-left p{
    margin:20px 0 30px;
    opacity:.9;
}
.cta-right img{
	width: 100%;
}
.cta-btn{
    display:inline-flex;
    align-items:center;
    font-size: 14px;
    font-weight: 500;
    padding:15px 28px;
    background:#2458ff;
    color:#fff;
    text-decoration:none;
    border-radius:10px;
}




/* ===========================
CONTACT SECTION
=========================== */

.contact-section{
    padding: 20px 0;
}

.contact-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
}

#aiAgent .contact-section{
	padding: 100px 0;
}

/* LEFT CONTENT */

.contact-content{
    flex:1;
    max-width:520px;
    margin-top: -40px;
}

.contact-heading{
    margin-bottom:30px;
}

.contact-heading h2{
    font-size:45px;
    line-height:1;
    font-weight:600;
    color:#000;
    margin-bottom:10px;
}

.contact-heading p{
    font-size:26px;
    line-height:1.3;
    color:#111;
    font-weight:400;
    margin-top: 0;
}

.contact-subheading p{
    font-size: 13px;
    line-height:1.3;
}

.contact-info{
    display:flex;
    flex-direction:column;
    gap:15px;
    margin-top: 90px;
}
.contact-info a:focus{
	color: #414146;
}
.contact-item{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:18px;
    color:#222;
    font-weight:400;
}

.contact-item span:last-child{
    font-size:16px;
    line-height:1;
    color:#333;
    font-weight: 600;
}
/* ICONS */

.icon{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.contact-section .location{
    color:#2748ff;
	padding-left: 0;
}

.mail{
    color:#20d3f7;
}

.phone{
    color:#f39c12;
}

/* MAP  */

.contact-map{
    width:620px;
    height:365px;
    overflow:hidden;
    border-radius:24px;
}

.contact-map iframe{
    width:100%;
    height:100%;
    border:0;
    border-radius:24px;
}



/* ===================================
FAQ Section
=================================== */


.faq-container {
    width: 85%;
    margin: 0px auto;
}

.faq-title {
    color: #010101;
    text-align: center;
    font-family: Inter;
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.faq-title span {
    font-weight: 800;
}

.faq-subtitle {
    font-size: 14px;
    color: #555;
    margin-bottom: 50px;
    text-align: center;
}

/* FAQ Box */
.faq-box {
    width: 100%;
    background: #fff;
    border-radius: 10px;
}

/* FAQ items */
.faq-item {
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 0;
    cursor: pointer;
}

.faq-item:last-child {
    border-bottom: none;
}
.faq-section, .faq-item{
    background: #fbfafd;
}
.faq-item{
    padding: 20px;
}
.open{
    background: #fff;
}
#aiAdds .page-container, #aiAgent .page-container{
    padding: 0;
}

#aiAdds .faq-section{
    padding-top: 100px;
}
#aiChatbot .faq-section{
    padding-top: 100px;
}
#aiChatbot .faq-section .page-container{
    padding: 0;
}


#aiChatbot .industry-section{
    padding: 0 0 100px 0;
}



/* Question Row */
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-question p {
    font-size: 16px;
    font-weight: 600;
    color: #010101;
    margin: 0;
}

.faq-icon {
    font-size: 24px;
    font-weight: 400;
    transition: 0.3s;
}

/* Answer Area */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding-right: 30px;
    padding-top: 0;
    color: #444;
    line-height: 1.6;
    transition: all 0.35s ease;
    font-size: 13px;
}

/* When Open */
.faq-item.open .faq-answer {
    max-height: 200px;
    opacity: 1;
    padding-top: 10px;
}

.faq-item.open .faq-icon {
    transform: rotate(45deg);
}



/* ===========================
BLOG SECTION
=========================== */

.blog-section {
    width:100%;
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.blog-card {
    width: 31.6%;
}

.industry-section .title{
    font-size: 70px;
    font-weight: 700;
    text-align: left;
  	text-transform: capitalize;
    color:var(--color-primary-heading);
}
.industry-section .subtitle{
    color:#2D2D2D;
	font-size: 22px;
    padding: 10px 0;
    text-align: left;
    margin: unset;
    margin-bottom: 30px;
}
.blog-card img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 15px;
}

.blog-card h3 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 5px;
    color: #000;
}

.blog-card .date {
    font-size: 14px;
    color: #848484;
    margin: 0;
    font-weight: 500;
}
/*.blog-sec .title{
    font-family: 'DM Serif Text', serif !important;
}*/


/* ===================================
RESPONSIVE - 1200px
=================================== */

@media(max-width:1400px){

    .cta-section{
        width:calc(100% - 120px);
        padding:100px 35px;
    }

    .cta-title{
        font-size:44px;
    }

}

@media(max-width:1200px){

	.title{
    	font-size: 56px;
	}
	.section-title h2{
		font-size: 56px;
	}

	.section-title{
		font-size: 56px;
	}

	.cta-section{
        width:calc(100% - 80px);
        padding:90px 30px;
    }

    .logo{
        width:150px;
    }

    .logo-underline{
        width:100px;
    }

    .cta-title{
        font-size:38px;
        line-height:1.15;
    }

    .cta-desc{
        font-size:14px;
        max-width:760px;
    }

}

@media(max-width:1180px){

    .cta-box{
        border-radius:24px;
        overflow:hidden;
        background-image:url(../../assets/images/static/banner/build_ai_agent_banner.webp);
        background-size:100% 100%;
        background-position:center;
        background-repeat:no-repeat;
        display:grid;
        grid-template-columns:1fr;
        align-items:center;
    }

}

@media(max-width:1180px){
	.cta-box{
        grid-template-columns:1fr;
    }
   
   	 .cta-section{
        width:calc(100% - 60px);
        padding:80px 25px;
        border-radius:28px;
        margin-bottom:70px;
    }

	.cta-left {
    	padding: 30px 30px 30px 60px;
	}
	
	.cta-right img{
    	float: right;
	}
	
}

@media(max-width:991px){

	.cta-box{
        grid-template-columns:1fr;
    }

	.cta-title{
        font-size:32px;
        letter-spacing:-1px;
    }

    .cta-desc{
        font-size:14px;
        line-height:1.8;
        max-width:100%;
    }

    .cta-btn{
        margin-top:35px;
        height:48px;
        padding:0 22px;
        font-size:13px;
        gap:10px;
    }

    .cta-btn span{
        font-size:22px;
    }

	.contact-wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }
	.contact-content {
    	max-width: 100%;
    	margin-top: 0;
	}
	.contact-map {
    	width: 100%;
    	height: 365px;
	}


}


@media(max-width:767px){

    .cta-left{
        padding:30px 30px 30px;
    	box-sizing: border-box;
    }

    .cta-section{
        width:calc(100% - 32px);
        padding:70px 20px;
        border-radius:24px;
        margin-bottom:60px;
    }
	.cta-title{
        font-size:26px;
        line-height:1.2;
    }

    .cta-desc{
        font-size:13px;
        line-height:1.7;
    }

    .cta-btn{
        height:46px;
        padding:0 20px;
        font-size:12px;
        margin-top:30px;
    }

    .cta-btn span{
        font-size:18px;
        margin-bottom:2px;
    }


}

@media(max-width:575px){

    .cta-section{
        width:calc(100% - 24px);
        padding:55px 16px;
        border-radius:20px;
    }
	
    .cta-title{
        font-size:22px;
    }

    .cta-desc{
        font-size:12px;
    }

}
@media(max-width:420px){
	.cta-section{
        padding:50px 14px;
    }

    .cta-title{
        font-size:20px;
        line-height:1.25;
    }

    .cta-desc{
        font-size:11px;
        line-height:1.8;
    }

    .cta-btn{
        height:42px;
        padding:0 18px;
        font-size:11px;
    }

    .cta-btn span{
        font-size:16px;
    }
}


@media(max-width:350px){

    .cta-title{
        font-size:18px;
    }

    .cta-desc{
        font-size:10px;
    }

}