.col-lg-6.col-sm-6 h2 {
    font-size: 24px!important;
}

        .contact-button {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #25ca7f; /* رنگ پس‌زمینه عادی */
        border: none;
        border-radius: 8px;
        color: white; /* رنگ متن عادی */
        transition: background-color 0.3s, color 0.3s; /* انیمیشن تغییر رنگ */
        font-family:'primary-font';
    }

    .contact-button:hover {
        background-color: #0e9b5b; /* رنگ پس‌زمینه در حالت هاور */
        color: white; /* رنگ متن عادی */



    }
     .contact-button {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #25ca7f; /* رنگ پس‌زمینه دکمه */
        border: 2px solid transparent; /* حاشیه شفاف */
        border-radius: 8px;
        color: white; /* رنگ متن */
        transition: transform 0.3s, border-color 0.3s; /* انیمیشن تغییر اندازه و رنگ حاشیه */
        position: relative; /* برای انیمیشن */
        overflow: hidden; /* جلوگیری از نمایش محتوای اضافی */
    }

    .contact-button:hover {
        animation: pulse 1s infinite; /* فعال کردن انیمیشن در حالت هاور */
        border-color: white; /* تغییر رنگ حاشیه به سفید در حالت هاور */
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.05); /* اندازه بزرگتر در وسط انیمیشن */
        }
        100% {
            transform: scale(1);
        }
    }
    
    
    /* کد 4تا دکمه صفحه اصلی*/
            .button-container {
            display: flex;
            flex-wrap: wrap;
            gap: 5px; /* فاصله بین دکمه‌ها */
            justify-content: center;
        }
           .button-container1 {
            padding-top: 35px;
        }
        .button {
            flex: 1 1 calc(50% - 25px); /* دو دکمه در موبایل */
            text-align: center;
            padding: 10px;
            color: white;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        @media (min-width: 768px) {
            .button {
                flex: 1; /* یک دکمه در دسکتاپ */
            }
        }
        /*دکمه مشاوره رایگان */
      .contact-button-red {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #ed0000; /* رنگ پس‌زمینه عادی */
        border: none;
        border-radius: 8px;
        color: white; /* رنگ متن عادی */
        transition: background-color 0.3s, color 0.3s; /* انیمیشن تغییر رنگ */
        font-family:'primary-font';
    }

    .contact-button-red:hover {
        background-color: #ff0000; /* رنگ پس‌زمینه در حالت هاور */
        color: #e1e2e3; /* رنگ متن عادی */
        font-size: large;



    }
     .contact-button-red {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #ed0000; /* رنگ پس‌زمینه دکمه */
        border: 2px solid transparent; /* حاشیه شفاف */
        border-radius: 8px;
        color: white; /* رنگ متن */
        transition: transform 0.3s, border-color 0.3s; /* انیمیشن تغییر اندازه و رنگ حاشیه */
        position: relative; /* برای انیمیشن */
        overflow: hidden; /* جلوگیری از نمایش محتوای اضافی */
    }

    .contact-button-red {
        animation: pulse 1s infinite; /* فعال کردن انیمیشن در حالت هاور */
        border-color: white; /* تغییر رنگ حاشیه به سفید در حالت هاور */
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.05); /* اندازه بزرگتر در وسط انیمیشن */
        }
        100% {
            transform: scale(1);
        }
    }
    
    
     /*استایل4تا دکمه */
      .contact-button-services {
        padding: 10px 20px;
        font-size: 14px;
        cursor: pointer;
        background-color: #08080852; /* رنگ پس‌زمینه عادی */
        border: none;
        border-radius: 8px;
        color: white; /* رنگ متن عادی */
        transition: background-color 0.3s, color 0.3s; /* انیمیشن تغییر رنگ */
        font-family:'primary-font';
    }

    .contact-button-services:hover {
        background-color: #25ca7f; /* رنگ پس‌زمینه در حالت هاور */
        color: white; /* رنگ متن عادی */



    }
     .contact-button-services {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #08080852; /* رنگ پس‌زمینه دکمه */
        border: 2px solid transparent; /* حاشیه شفاف */
        border-radius: 8px;
        color: white; /* رنگ متن */
        transition: transform 0.3s, border-color 0.3s; /* انیمیشن تغییر اندازه و رنگ حاشیه */
        position: relative; /* برای انیمیشن */
        overflow: hidden; /* جلوگیری از نمایش محتوای اضافی */
    }

    .contact-button-services:hover {
        animation: pulse 1s infinite; /* فعال کردن انیمیشن در حالت هاور */
        border-color: white; /* تغییر رنگ حاشیه به سفید در حالت هاور */
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.05); /* اندازه بزرگتر در وسط انیمیشن */
        }
        100% {
            transform: scale(1);
        }
    }




@media (min-width: 768px) {
 
    .name { 
        padding-top: 160px; 
    }
}

@media (max-width: 767px) {
    .is-visible { 
        padding-bottom: 20px; 
    } 
    .name { 
        padding-top: 70px; 
    }
}