.about_title {
    color: #252b62;
}

.about_image {
    width: 540px;
}

.about_text {
    line-height: 32px !important;
}

.about_btn {
    background-color: #252b62;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;

}

.about_btn:hover {
    box-shadow: 0 0 10px#252B62;
}

.about_bot_btn {
    border-color: #44ce6f;
}

.about_bg {
    background-size: 100%;
    background-repeat: no-repeat;
}

.about_mid {
    .about_mid_left,
    .about_mid_right {
        background-color: #fff;
        opacity: 0.8;

        .about_mid_title {
            color: #252b62;
        }
    }
}

@media (max-width: 1200px) {
    .about_top {
        align-items: flex-start;

        .about_image {
            width: 460px;
        }

        .about_text_area {
            width: 50%;
            justify-content: center !important;
            align-items: center;

            .about_text {
                /* font-size: 20px; */

                .line {
                    display: none;
                }

                .indent {
                    display: none;
                }
                br {
                    display: none;
                }
            }
        }
    }

    .about_mid {
        .about_mid_left,
        .about_mid_right {
            width: 45%;
        }
    }
}

@media (max-width: 1000px) {
    .about_top {
        align-items: flex-start;

        .about_image {
            width: 300px;
        }

        .about_text_area {
            .about_text {
                /* font-size: 20px; */

                .line {
                    display: none;
                }
            }
        }
    }
    .about_mid {
        br {
            display: none;
        }
        .about_mid_left,
        .about_mid_right {
            padding-inline: 5px;
        }
    }
}

@media (max-width: 768px) {
    .about_title {
        padding: 40px 0 !important;
    }

    .about_top {
        flex-direction: column !important;
        align-items: center;

        .about_image {
            max-width: 400px;
            width: 100%;
        }

        .about_text_area {
            width: 100%;
            padding-top: 40px;
            padding-left: 0;

            .about_text {
                /* font-size: 18px; */

                .line {
                    display: none;
                }

                .indent {
                    display: none;
                }

                br {
                    display: none;
                }
            }

            .about_btn {
                margin-top: 40px;
            }
        }
    }

    .about_mid {
        flex-direction: column !important;

        .about_mid_right {
            margin-top: 30px;
        }

        .about_mid_left,
        .about_mid_right {
            width: 100%;
            padding-inline: 5%;

            img {
                max-width: 116px;
                width: 100%;
            }

            br {
                display: none;
            }
        }
    }
}