@media(max-width:1100px){
    .main-menu ul li {
        margin: 0 0px;
        position: relative;
    }
    .sp-cta-content h2 {
        font-size: 32px;
    }
    .main-form-img img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    }


}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 992px) {

    .main-form-img img {
    height: 200px;
    width: 100%;
    object-fit: contain;
    }

    .sp-footer-links-area{
        padding-top: 0px;
    }
    .sp-founder-person{
        display: none;
    }
    .sp-founder-message-card{
        width: 100%;
        margin-left: 0px;
    }
    .sp-fonder-imgmain{
        display: block ;
        border-radius: 50%;
        height: 180px;
        width: 180px;
    }
    .sp-fonder-imgmain img{
        height: 180px;
        width: 180px;
        object-fit: cover;
        border-radius: 50%;
    }
    .sp-founder-details{
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .sp-founder-person img {
        display: block;
        width: 100%;
        max-width: 280px;
        height: 680px;
        object-fit: contain;
        object-position: center bottom;
        /* margin-bottom: -100px; */
        position: relative;
        z-index: 4;
    }

    .sp-founder-card-content {
     padding: 50px 55px 45px 90px;
    }

    .sp-brochure-section {
     margin-top: 60px;
    }
    .sp-footer-company::after {
        display: none;
    }
    .journey_wrapper {
        margin-top: 65px;
        padding-bottom: 60px;
    }


    .journey-box-white,
    .journey-box-orange {
        min-height: 320px;
        gap: 20px;
        padding: 15px;
        width: 90%;
    }


    .main-text {
        gap: 18px;
        padding: 25px 15px;
        flex-wrap: wrap;
    }


    .journey-icon {
        width: 54px;
        height: 54px;
        min-width: 54px;
    }


    .journey-icon i {
        font-size: 26px;
    }


    .journey-year {
        font-size: 42px;
    }


    .jou-title {
        font-size: 24px;
    }


    .jou-text {
        font-size: 14px;
    }


    .journey-main-img {
        flex: 0 0 240px;

        width: 240px;
        height: 240px;
    }


    .main-journey-box {
        padding: 40px 30px;
    }

    .journey-main-title {
        font-size: 42px;
        margin-bottom: 30px;
    }

    .journey-main-title::before {
        height: 37px;
    }

    .journery-img {
        height: 170px;
    }

    .col-lg-6 .journery-img {
        height: 354px;
    }

    .main-journey-box .justify {
        margin-top: 35px;
    }

    .main-journey-subheding {
        font-size: 25px;
    }

    /* ==== team section ==== */
   
    .team-slide {
        height: 380px;
    }

    .team-slider .swiper-slide-active .team-slide {
        transform: scale(1.03);
    }

    /* quote section about  */
    .quote-section {
        padding: 65px 0;
    }

    .quote-box {
        padding: 60px 45px 45px;
    }

    .quote-text {
        font-size: 18px;
    }

      .certificat-section {
        padding: 65px 0;
    }

    .certificate-img {
        height: 320px;
    }

    .certificate-content {
        padding: 16px;
    }

    .certificate-content h3 {
        font-size: 18px;
    }

    .certificate-modal-inner {
        max-width: 750px;
    }
}


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

@media (max-width: 768px) {

    .main-form-img img {
    height: 200px;
    width: 100%;
    object-fit: contain;
    margin-top: 20px;
    }
    
	.hero{
		position: relative;
		background-image: url('../images/hero-main.webp') !important;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% 60%;
		background-color: #ffffff;
		min-height: 640px;
		padding: 115px 15px 100px;
		overflow: hidden;
	}
    .hero .section-title h1, .hero-content h1.banner-title {
        font-size: 29px !important;
        line-height: 1.2;
        color: #1f2933 !important;
        margin-bottom: 14px;
    }

    .journey_wrapper {
        margin-top: 50px;
        padding-bottom: 45px;
    }

    .sp-founder-card-content {
        padding: 45px;
    }
    .sp-founder-person img{
        max-width: 180px;
    }
    
    .sp-cta-section {
        position: relative;
        overflow: hidden;
        background-image: url("../images/cta-bg-mobile.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

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

    /* Both boxes become vertical */

    .journey-box-white,
    .journey-box-orange {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        min-height: auto;
    }


    /* Content */

    .main-text,
    .journey-box-orange .main-text {
        width: 100%;
        display: flex;
        flex: none;
        order: 1;
        gap: 16px;
        padding: 28px 22px;
        flex-wrap: nowrap;
    }


    /* Image */

    .journey-main-img,
    .journey-box-orange .journey-main-img {
        height: 300px;
        width: 100%;
    }


    .journey-main-img img {
        width: 100%;
        height: 100%;
    }


    /* Icon */

    .journey-icon {
        width: 52px;
        height: 52px;

        min-width: 52px;

        margin-top: 2px;
    }


    .journey-icon i {
        font-size: 25px;
    }


    /* Text */

    .journey-text {
        max-width: 100%;
    }


    .journey-year {
        font-size: 40px;
    }


    .jou-title {
        font-size: 24px;

        margin-bottom: 12px;
    }


    .jou-text {
        font-size: 14px;

        line-height: 1.7;
    }


    /* =====================================================
       CONNECTOR
    ===================================================== */

    .bootom-shap {
        width: 100%;
        display: flex;
        align-items: flex-start;
        margin: 0;
        padding: 0;
    }

    /* White → left */

    .journey-box-white + .bootom-shap {
        justify-content: flex-start;
    }


    /* Orange → right */

    .journey-box-orange + .bootom-shap {
        justify-content: flex-end;
    }


    /* Mobile side accent */

    .journey-box-white::before,
    .journey-box-orange::before {
        top: 0;
        bottom: 0;

        left: 0;
        right: auto;

        width: 3px;
    }


    .journey-box-orange::before {
        background: var(--white-color);
    }

    .main-journey-box {
        padding: 32px 20px;
    }

    .journey-main-title {
        font-size: 36px;
        margin-bottom: 25px;
        padding-left: 14px;
    }

    .journey-main-title::before {
        width: 3px;
        height: 32px;
    }


    /* all images same clean size */

    .journery-img,
    .col-lg-6 .journery-img {
        width: 100%;
        height: 220px;

        margin-bottom: 12px;
    }


    .main-journey-box .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }


    .main-journey-box .justify {
        margin-top: 25px;

        justify-content: flex-start;
    }


    .main-journey-subheding {
        font-size: 23px;
    }


    .main-journey-text {
        font-size: 14px;
        line-height: 1.7;
    }

    /* ===team section about */
   
    .team_wrapper {
        padding-bottom: 45px;
    }

    .team-slider {
        padding: 20px 0 35px;
    }

    .team-slide {
        height: 360px;
    }

    .team-slider .swiper-slide-active .team-slide {
        transform: scale(1.01);
    }

    .slider-btn-main {
        gap: 10px;
    }

    .slider-btn-main .common-slider-btn {
        width: 46px;
        height: 46px;
    }

    
    .quote-section {
        padding: 55px 15px;
    }

    .quote-box {
        padding: 55px 25px 35px;
    }

    .quote-icon {
        width: 52px;
        height: 52px;
    }

    .quote-icon i {
        font-size: 24px;
    }

    .quote-text {
        font-size: 16px;
        line-height: 1.7;
    }

    .quote-author h3 {
        font-size: 20px;
    }

     .certificat-section {
        padding: 55px 0;
    }

    .certificate-img {
        height: 350px;
    }

    .certificate-content {
        padding: 15px;
    }

    .certificate-content h3 {
        font-size: 18px;
    }

    .certificate-modal {
        padding: 20px;
    }

    .certificate-modal-inner {
        width: 100%;
        max-width: 100%;
        padding: 12px;
    }

    .certificate-modal-img {
        max-width: 100%;
        max-height: 75vh;
    }

    .certificate-close {
        top: -15px;
        right: -8px;

        width: 40px;
        height: 40px;
    }

       .page-category-list .page-category-list-title {
        padding: 18px 20px;
        font-size: 19px;
    }

    .page-category-list ul {
        padding: 5px 15px;
    }

    .page-category-list ul li a {
        min-height: 70px;
        font-size: 14px;
    }

    .category-img {
        width: 45px;
        height: 45px;
        min-width: 45px;
        margin-right: 13px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */
@media(max-width:575px){
    .contact-info-item .icon-box{
        position: relative;
        height: 35px;
        width: 35px;
        background-color: var(--accent-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .contact-info-item .icon-box img {
        width: 100%;
        max-width: 18px;
        transition: all 0.4s ease-in-out;
        z-index: 1;
    }

    .contact-info-item-content h2 {
        font-size: 15px;
    }
    .hero{
		position: relative;
		background-image: url('../images/hero-main.webp') !important;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% 45%;
		background-color: #ffffff;
		min-height: 640px;
		padding: 115px 0px 100px;
		overflow: hidden;
	}
    .main-text, .journey-box-orange .main-text {
        flex-wrap: wrap;
    }
    .sp-fonder-imgmain{
        display: block ;
        border-radius: 50%;
        height: 100px;
        width: 100px;
    }
    .sp-fonder-imgmain img{
        height: 100px;
        width: 100px;
        object-fit: cover;
        border-radius: 50%;
    }
    .sp-founder-card-content {
        padding: 20px;
    }

}

@media (max-width: 480px) {

    .sp-cta-item {
        min-height: 330px;
        padding: 47px 6px;
    }
    .sp-cta-content h2 {
        font-size: 25px;
    }
    .journey_wrapper {
        margin-top: 45px;
    }


    .main-text,
    .journey-box-orange .main-text {
        gap: 14px;

        padding: 24px 18px;
    }


    .journey-icon {
        width: 46px;
        height: 46px;

        min-width: 46px;
    }


    .journey-icon i {
        font-size: 22px;
    }


    .journey-year {
        font-size: 34px;

        margin-bottom: 8px;
    }


    .jou-title {
        font-size: 21px;

        margin-bottom: 10px;

        padding-left: 12px;
    }


    .jou-title::before {
        width: 2px;
        height: 19px;

        top: 3px;
    }


    .jou-text {
        font-size: 13px;

        line-height: 1.65;
    }


    .journey-main-img,
    .journey-box-orange .journey-main-img {
        height: 260px;
    }

    .bootom-shap img {
        height: 90px;
    }

     .journeybox-main {
        padding: 35px 0 45px;
    }

    .journey-main-title {
        font-size: 31px;
        margin-bottom: 22px;
    }

    .journey-main-title::before {
        height: 28px;
    }


    .journery-img,
    .col-lg-6 .journery-img {
        height: 190px;

        margin-bottom: 10px;
    }


    .main-journey-box .row {
        --bs-gutter-x: 8px;
        --bs-gutter-y: 8px;
    }


    .main-journey-subheding {
        font-size: 21px;
    }


    .main-journey-subheding::before {
        width: 2px;
        height: 24px;
    }


    .main-journey-text {
        font-size: 13px;
    }

    /* ==== team slide ==== */
    .team-slide {
        height: 330px;
    }

    .slider-btn-main .common-slider-btn {
        width: 44px;
        height: 44px;
    }

     .certificat-section {
        padding: 45px 0;
    }

    .certificate-img {
        height: 300px;
    }

    .certificate-content h3 {
        font-size: 17px;
    }

    .certificate-modal {
        padding: 15px;
    }

    .certificate-modal-inner {
        padding: 8px;
    }

    .certificate-modal-title {
        font-size: 16px;
        padding-top: 12px;
    }

    .certificate-close {
        top: -12px;
        right: -5px;

        width: 36px;
        height: 36px;
    }

    .certificate-close i {
        font-size: 17px;
    }

     .page-category-list ul {
        padding: 4px 12px;
    }

    .page-category-list ul li a {
        min-height: 64px;
        font-size: 13px;
    }

    .category-img {
        width: 40px;
        height: 40px;
        min-width: 40px;
        margin-right: 11px;
    }

    .page-category-list ul li a::after {
        width: 14px;
        height: 14px;
    }

    .journey-box-white, .journey-box-orange {
        width: 100%;
    }
}