a,
       a:hover,
       a:focus,
       a:active {
           text-decoration: none;
           outline: none;
       }

       a,
       a:active,
       a:focus {
           color: #6f6f6f;
           text-decoration: none;
           transition-timing-function: ease-in-out;
           -ms-transition-timing-function: ease-in-out;
           -moz-transition-timing-function: ease-in-out;
           -webkit-transition-timing-function: ease-in-out;
           -o-transition-timing-function: ease-in-out;
           transition-duration: .2s;
           -ms-transition-duration: .2s;
           -moz-transition-duration: .2s;
           -webkit-transition-duration: .2s;
           -o-transition-duration: .2s;
       }

    
       section {
           padding: 60px 0;
           /* min-height: 100vh;*/
       }


       .list-style-one {
           position: relative;
       }

       .list-style-one li {
           position: relative;
           font-size: 16px;
           line-height: 26px;
           color: #222222;
           font-weight: 400;
           padding-left: 35px;
           margin-bottom: 12px;
       }

       .list-style-one li:before {
           content: "\f058";
           position: absolute;
           left: 0;
           top: 0px;
           display: block;
           font-size: 18px;
           padding: 0px;
           color: #ff2222;
           font-weight: 600;
           -moz-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
           font-style: normal;
           font-variant: normal;
           text-rendering: auto;
           line-height: 1.6;
           font-family: "Font Awesome 5 Free";
       }

       .list-style-one li a:hover {
           color: #44bce2;
       }

       .btn-style-one {
           position: relative;
           display: inline-block;
           font-size: 17px;
           line-height: 30px;
           color: #ffffff;
           padding: 10px 30px;
           font-weight: 600;
           overflow: hidden;
           letter-spacing: 0.02em;
           background-color: #00aeef;
       }

       .btn-style-one:hover {
           background-color: #0794c9;
           color: #ffffff;
       }

       .about-section {
           position: relative;
           /* padding: 120px 0 70px; */
           margin-left: 30px;
           margin-right: 30px;
       }

    

       .about-section .content-column {
           position: relative;
           margin-bottom: 50px;
       }

       .about-section .content-column .inner-column {
           position: relative;
           padding-left: 30px;
       }

       .about-section .text {
           margin-bottom: 20px;
           font-size: 16px;
           line-height: 26px;
           color: #848484;
           font-weight: 400;
           text-align: justify;
       }

       .about-section .list-style-one {
           margin-bottom: 45px;
       }

       .about-section .btn-box {
           position: relative;
       }

           .about-section .row {
               display: flex;
           }
    
           .about-section .image-column {
               flex: 1;
           }
    
        .about-image {
            display: block;
            margin: auto;
            max-width: 100%;
            height: auto;
        }
    
           .about-section .content-column {
               flex: 1;
           }
    
           .about-section .content-column .inner-column {
               padding: 0 30px;
           }

            .sec-title {
                text-align: center;
                margin-bottom: 30px;
                /* Adjust as needed for spacing */
            }

            .sec-title h2 {
                display: block;
                font-size: 36px;
                /* Adjust as needed for font size */
                line-height: 1.4;
                color: #222222;
                /* Adjust as needed for color */
                font-weight: 700;
                /* Bold */
                margin-top: 10px;
                /* Adjust as needed for spacing */
            }

            /* Optional: Add some additional styling for a decorative underline */
            .sec-title h2:before {
                content: '';
                display: block;
                width: 50px;
                /* Adjust as needed for the underline width */
                height: 3px;
                /* Adjust as needed for the underline height */
                background-color: #00aeef;
                /* Adjust as needed for underline color */
                margin: 10px auto;
                /* Adjust as needed for spacing */
            }

            @media (max-width: 767px) {
                .sec-title h2 {
                    margin-top: 0;
                    /* Adjust to move the h2 to the top in mobile view */
                }
            }
            
    
              
    
           @media (max-width: 767px) {
               .about-section .row {
                   flex-direction: column;
                   align-items: center;
               }
    
               .about-section .image-column,
               .about-section .content-column {
                   order: 0;
                   width: 100%;
               }
    
               .about-section .content-column .inner-column {
                   padding: 0;
               }
           }