.container_service {
        display: flex;
        justify-content: space-between;
        width: 100%;

    }

    .column_service {
        flex: 2;
        padding-left: 50px;
        /* border: 2px groove #6699CC; */
        border: 2px groove green;
        border-radius: 5px;
        margin-right: 10px;
        width:50%;
    }

    

    .heading {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .bullet-points {
        list-style-type: none;
        padding-left: 0;
        padding-right:5px;
        padding-top: 20px;
        color:#fff;
        vertical-align:top;
    
        
    }

    .bullet-points li {
        margin-bottom: 10px;
        position: relative;
    }

    .bullet-points li::before {
        content: "✔"; /* Change to tick mark or any other symbol */
        /* color: green; Color of the tick mark */

        color:#fff; /* Color of the tick mark */
        font-size: 16px;
        position: absolute;
        left: -20px;
        top: 50%;
        transform: translateY(-50%);
    }



    .service_offer_container {
        display: flex;
        justify-content: space-between;
        color:#fff;

    }

    .service_offer_column {
        flex: 2;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: 10px;
    }

    .service_offer_heading {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .service_offer_icon {
        text-align: center;
        font-size: 50px;
    }


    .ser_container {
        display: flex;
        align-items: center; /* Center items vertically */
        color:#fff;
      
        padding-left:0px;
 
        
        
    }

    .ser_heading {
        padding-left: 10px;
      margin-top: 20px !important;
        font-size: 24px;
        color:#fff;


    }

    .ser_icon {
       
     
        font-weight: bold;
        margin-left: 10px; /* Add some space between heading and icon */
        margin-top: 20px !important;
        /* border:1px dashed red; */
     margin-left: 0px;
    }
    

    .sub_heading {
        width: 30%; /* Or any width you desire */
        margin: 0 auto; /* This centers the div horizontally*/
        font-size: 40px;
        font-weight: bold;
        padding-top: 40px;
        padding-bottom: 40px;
        /* margin-top: 40px;
        margin-bottom: 40px; */
    }

        

    .sub_heading_offfer {
        width: 100%; /* Or any width you desire */
        margin: 0 auto; /* This centers the div horizontally*/
        font-size: 40px;
        font-weight: bold;
        padding-top: 50px;
        padding-bottom: 0px;
        color:#54b948;
        /* margin-top: 40px;
        margin-bottom: 40px; */
    }


    .sub_heading_offfer1 {
        width: 40%; /* Or any width you desire */
        margin: 0 auto; /* This centers the div horizontally*/
        font-size: 40px;
        font-weight: bold;
        padding-top: 40px;
        padding-bottom: 40px;
        /* margin-top: 40px;
        margin-bottom: 40px; */
    }


    .sub_heading_what_customer {
        width: 100%; /* Or any width you desire */
        margin: 0 auto; /* This centers the div horizontally*/
        font-size: 40px;
        font-weight: bold;
        padding-top: 40px;
        padding-bottom: 40px;
        /* margin-top: 40px;
        margin-bottom: 40px; */
    }


    @media screen and (max-width: 768px) {
        @media (max-width: 768px) {
            .column_service {
                flex: 0 0 100%;
            }
        }


    }
    /* start contact us section */

    .contact-section {
        background: #f9f9f9;
        padding: 50px 0;
        text-align: center;
    }

    .contact-section h2 {
        margin-bottom: 20px;
    }

    .contact-info {
        max-width: 600px;
        margin: 0 auto;
        /* display: flex;
        flex-wrap: wrap; */
        justify-content: center;
    }

    .contact-info .info {
        flex: 0 0 calc(20% - 50%);
        margin: 20px;
        padding: 20px;
      
        border-radius: 5px;
        text-align: left;

        border:1px groove #D3D3D3
    }

    
                    
    .contact_us_sub_heading {
        width: 30%; /* Or any width you desire */
        margin: 0 auto; /* This centers the div horizontally*/
        font-size: 40px;
        font-weight: bold;
        padding-top: 40px;
        padding-bottom: 40px;
        /* margin-top: 40px;
        margin-bottom: 40px; */
    }




    /* Responsive styles */
    @media screen and (max-width: 768px) {


        .container_service {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
      
            width: 100%;
    
        }
    
        .column_service {
        
          margin-top: 20px;
            padding-left: 50px;
            border: 2px groove #54b948;
            border-radius: 5px;
            margin-right: 10px;
         
            width:50%;
           
        }

















        .contact-info .info {
            flex: 0 0 100%;
        }

        .contact_us_sub_heading {
            width: 100%; /* Or any width you desire */
            margin: 0 auto; /* This centers the div horizontally*/
            font-size: 40px;
            font-weight: bold;
            padding-top: 40px;
            padding-bottom: 40px;
            /* margin-top: 40px;
            margin-bottom: 40px; */
        }

        
        
    .sub_heading_offfer {
        width: 100%; /* Or any width you desire */
        margin: 0 auto; /* This centers the div horizontally*/
        font-size: 30px;
        font-weight: bold;
        padding-top: 40px;
        padding-bottom: 40px;
        /* margin-top: 40px;
        margin-bottom: 40px; */
    }

    .sub_heading_offfer1 {
        width: 100%; /* Or any width you desire */
        margin: 0 auto; /* This centers the div horizontally*/
        font-size: 30px;
        font-weight: bold;
        padding-top: 40px;
        padding-bottom: 40px;
        /* margin-top: 40px;
        margin-bottom: 40px; */
    }



    }


    @media screen and (max-width: 700px) and (min-width: 350px) { 


        .sub_heading_offfer {
            width: 100%; /* Or any width you desire */
            margin: 0 auto; /* This centers the div horizontally*/
            font-size: 40px;
            font-weight: bold;
            padding-top: 50px;
            padding-bottom: 0px;
            line-height: 42px;
            /* margin-top: 40px;
            margin-bottom: 40px; */
        }


        .ser_heading {
            padding-left: 10px;
          margin-top: 20px !important;
            font-size: 14px;
            line-height: 16px;
    
        }


        .bullet-points {
            list-style-type: none;
            padding-left: 0;
            padding-right:5px;
            padding-top: 20px;
            color:#fff;
            vertical-align:top;
        
            
        }
        
        .contact-info .info {
            flex: 0 0 calc(10% - 50px);
            margin: 5px;
            padding: 5px;
            font-size: 10px !important;
          
            border-radius: 5px;
            text-align: left;
    
            border:1px groove #D3D3D3
        }



    }
    /* end contact us section */