
.headtitle{display:block;width:100%;text-align:center;padding:0px 0 20px;position:relative;font-family: "Inter", Sans-serif; font-size: 42px;font-weight: 800;text-transform: capitalize;line-height: 1.2em;color:var(--text-color);}
.headtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:100px;height:4px;background-color:var(--main_color);}

/* corporate section  */
.corporate-section {background-color: var(--white);text-align: center;padding: 80px 0px;}
.corporate-section h1{display: block;width: 100%;font-size: 37px;font-weight: 800;line-height: 1.3;color: var(--text-color);margin-bottom:0;position: relative;text-align: left;}
.corporate-section h1::after{display: none;}
.corporate-section h1 strong{color: var(--main_color);font-weight:800;}
.corporate-section .content{text-align: start;}
.corporate-section .content h2{display: block;width: 100%;font-size: 20px;font-weight: 600; color: var(--black);margin-bottom: 10px;}
.corporate-section img{height:auto;width:550px;border-radius:30px;}

/* price section  */
.pricing-section{display: block;width: 100%;padding:40px 0px;background: var(--text-color);}
.pricing-section .title{padding-bottom: 10px !important;}
.pricing-section .price-content{display: block;width: 100%;margin: 0;padding: 0;}
.pricing-section .price-content .most-popular{display: block;width: 100%;color:var(--white);font-size:40px;margin-bottom:10px;line-height: 1.2;font-weight: 800;letter-spacing:0.8px;}
.pricing-section .price-content p{display:block;width:100%;color: var(--text-mute);font-size:16px;line-height: 1.5;font-weight: 400;}
.pricing-section .price-content p:not(:last-child){margin-bottom:20px;}
.pricing-section b{display:inline;color: var(--text-mute);font-size:16px;line-height: 1.5;font-weight: 600;}
.pricing-section .price-card{display: block;width: 100%;padding:20px 20px;border-radius:10px;border:1px solid var(--main_color);background:var(--main_color);}
.pricing-section .price-card .price {display: inline-flex;gap:0;align-items:center;justify-content: flex-start;width: 100%;font-size:40px;font-weight: 700;color: var(--white);line-height: 1.2;}
.pricing-section .price-card .price small{display:inline;font-size:24px;font-weight:500;color: var(--text-mute);line-height: 1.2;margin-left: 10px;}
.pricing-section .price-card .price-sub{display:block;width:100%;color: var(--text-mute);font-size:14px;line-height: 1.5;font-weight: 400;margin-bottom:10px;letter-spacing:0.6px;}

/* page structure section  */
.page-structure-section {padding:40px 0;background: var(--section_bg);}
.page-structure-section .card {border-radius: 10px;background: var(--white);padding: 30px;transition: all 0.3s ease;height: 100%;}
.page-structure-section .card:hover {transform: translateY(-10px); }
.page-structure-section .card-number {font-size: 24px;font-weight: 800;color: var(--main_color);line-height: 1;margin-bottom: 10px;}
.page-structure-section .card h3 {font-size: 20px;font-weight: 600;color: var(--text-color);margin-bottom: 10px;}
.page-structure-section .card p {color: var(--black);line-height: 1.6;}

/* our corporate section */
.our-corporate-section {padding: 40px 0;background: var(--white);}
.our-corporate-section .feature-card {box-shadow: 0 12px 15px rgba(0, 0, 0, 0.1);border-radius: 10px;background: var(--text-mute);padding: 30px;height: 100%;transition: all 0.3s ease;border:1px solid var(--section_bg); }
.our-corporate-section .feature-card:hover { transform: translateY(-10px);border-color:var(--main_color);}
.our-corporate-section .feature-card:hover .icon-wrapper{background: var(--main_color);color:var(--white);}
.our-corporate-section .icon-wrapper {width:50px;height:50px;background: var(--badge-bg);border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 22px;color: var(--main_color);}
.our-corporate-section .icon-wrapper i{font-size:22px;}
.our-corporate-section .feature-card h3 {font-size: 20px;font-weight: 600;margin-bottom: 10px;color: var(--text-color);}
.our-corporate-section .feature-card p {color: var(--black);line-height: 1.6;}

/* platforms-section */
.platforms-section {background: var(--section_bg);padding: 40px 0;}
.platforms-section .description{margin-top: 20px; text-align: center;color: var(--black);display: flex;justify-content: center;}
.platforms-section .plan-card {background: var(--main_color);border-radius: 10px;padding: 30px;height: 100%;transition: all 0.4s ease;}
.platforms-section .plan-card.popular{background: var(--black);}
.platforms-section .plan-card:hover {transform: translateY(-10px);}
.platforms-section .plan-card .plan-desc {color: var(--white);margin-bottom: 10px;}
.platforms-section .plan-card .learn-more {color: var(--white) !important;font-weight: 600;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;transition: all 0.3s ease;}
.platforms-section .plan-card .icon {display: flex;align-items: center;gap: 20px;margin-bottom: 10px;}
.platforms-section .plan-card .icon img {width:50px;height:50px;object-fit: contain;background: var(--white);padding:6px;border-radius: 10px;}
.platforms-section .plan-card .plan-title {margin: 0;font-size:28px;font-weight: 700;color: var(--white);line-height: 1.1;}

/* resent corporate section */
.recent-corporate-section{padding: 40px 0px 0px 0px; background-color: var(--white);}
.recent-corporate-section .ourprojects{margin-top: 0;margin-bottom: 0;}
.recent-corporate-section .headtitle{margin-bottom:20px;}
.recent-corporate-section .headtitle,
.recent-corporate-section .description{text-align: center; color: var(--black);display: flex; justify-content: center;}
.recent-corporate-section .project-card {border-radius: 10px;overflow: hidden;transition: all 0.4s ease;background: transparent;border:1px solid var(--gray-border);position: relative;}
.recent-corporate-section .project-card:hover {transform: translateY(-10px);}
.recent-corporate-section .project-image{width:400px;height:auto;object-fit:cover;display: block;transition: transform 0.4s ease;background-position: top center;}
.recent-corporate-section .project-card:hover .project-image {transform: scale(1.05); }
.recent-corporate-section .project-card .content{display: block;width: 100%;padding:20px 20px;margin: 0;}
.recent-corporate-section .project-card .content .badge{display:inline;padding:10px 10px;margin:0 0 10px;background-color:var(--main_color);font-size:14px;font-weight:600;line-height: 1.2;color:var(--white);border-radius:50px;text-transform: uppercase;}
.recent-corporate-section .project-card .content label.title{display:block;padding:0;margin: 0;font-size:16px;font-weight:600;line-height:1.2;color:var(--white);}

/* build business section */
.build-business-section{padding: 40px 0px; background-color: var(--main_color);}
.build-business-section .headtitle, .build-business-section .description{text-align: center; color: var(--white);display: flex; justify-content: center;}
.build-business-section a{border: 0 !important;}

/* development process section  */
.development-process-section {padding: 40px 0;background: var(--section_bg);overflow: hidden;}
.process-timeline {position: relative;padding: 20px 0;}
.process-timeline::before {content: "";position: absolute;top: 0;left: 50%;width: 3px;height: 100%;background: var(--main_color);transform: translateX(-50%);}
.timeline-item {position: relative;width: 50%;margin-bottom: 60px;display: flex;align-items: center;}
.timeline-item:last-child{margin-bottom: 20px;}
.timeline-item.left {justify-content: flex-end;padding-right: 60px;text-align: right;}
.timeline-item.right {margin-left: auto;padding-left: 60px;text-align: left;}
.timeline-content h3 {font-size: 24px;font-weight: 700;margin-bottom: 10px;color: var(--main_color);}
.timeline-content p {max-width: 340px;}
.timeline-icon {position: absolute;top: 50%;width: 72px;height: 72px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transform: translateY(-50%);background: var(--text-color);border-color:var(--text-color);}
.timeline-icon i {font-size: 26px;}
.timeline-item.left .timeline-icon {right: -36px;}
.timeline-item.right .timeline-icon {left: -36px;}
.timeline-icon.active i {color: var(--white);}

/* web development allpage structure section */
.allpage-structure-section{padding: 40px 0;background: var(--section_bg);}
.allpage-structure-section .service-card{display: flex;flex-direction: column; justify-content: space-between; position: relative;background: var(--white);border-radius: 15px;padding: 30px;height: 100%;overflow: hidden;transition: 0.4s ease;border: 1px solid var(--gray-border);}
.allpage-structure-section .service-card:hover{background-color: var(--main_color); transform: translateY(-10px);}
.allpage-structure-section .service-card:hover .read-more-btn a, .allpage-structure-section .service-card:hover h3,.allpage-structure-section .service-card:hover p{color: var(--white);}
.allpage-structure-section .service-card:hover .service-icon{border: none !important;}
.allpage-structure-section .service-card:hover .read-more-btn .icon{background-color: var(--white); color: var(--main_color);}
.allpage-structure-section .service-icon{margin-bottom: 15px; padding: 15px;background: var(--badge-bg);width: 60px;height: 60px; align-items: center; display: flex; justify-content: center; border-radius: 10px;border: 1px solid var(--gray-border);}
.allpage-structure-section .service-icon i{font-size: 30px;color: var(--main_color);transition: 0.4s ease;}
.allpage-structure-section .service-card h3{font-size: 20px;font-weight: 600;margin-bottom: 10px;color: var(--text-color);}
.allpage-structure-section .service-card p{color: var(--black);line-height: 1.6;}
.allpage-structure-section .service-card .read-more-btn{align-items: center; display: flex;justify-content: space-between; margin-top: 15px;;}
.allpage-structure-section .service-card .read-more-btn a{color: var(--main_color);text-transform: uppercase;font-weight: 700;}
.allpage-structure-section .service-card .read-more-btn .icon{color: var(--white);padding: 5px 10px;background: var(--main_color);border-radius: 50%;}




/* Responsive */
@media screen and (max-width: 991px) {
    .corporate-section h1, .headtitle{font-size: 32px;}
    .process-timeline::before {left: 35px;}
    .timeline-item,
    .timeline-item.left,
    .timeline-item.right {width: 100%;padding-left: 100px;padding-right: 0;margin-left: 0;text-align: left;justify-content: flex-start;}
    .timeline-item.left .timeline-icon,
    .timeline-item.right .timeline-icon {left: 0;right: auto;}
    .timeline-content p {max-width: 100%;}
}

@media screen and (max-width: 768px) {
    .corporate-section{padding: 40px 0;}
    .faq {padding: 40px 0 !important;}
    .recent-corporate-section .ourprojects{padding: 0 !important;}
    .our-corporate-section .feature-card, .page-structure-section .card, .platforms-section .plan-card,.allpage-structure-section .service-card{padding: 20px;}
}

@media (max-width: 576px) {
    .timeline-icon {width: 60px;height: 60px;}
    .timeline-icon i {font-size: 22px;}
    .timeline-content h3 { font-size: 20px;}
    .timeline-item {margin-bottom: 50px;}
    .timeline-item,.timeline-item.left,.timeline-item.right {padding-left: 85px;}
}




