* {
    box-sizing: border-box;
}

.__on_page_all_7__[data-theme-switch="Dark"] {
    background-color: #2D033B;
    --point: #f09819;
    padding-block: 0px;
    --all-text-color: white;
}

.__on_page_all_7__[data-theme-switch="Light"] {
    background-color: rgb(255, 255, 255);
    padding-block: 0px;
    --point: #2D033B;
    --all-text-color: rgb(0, 0, 0);
}

.about_points {
    color: var(--point);
}

.__text_color_all__ {
    color: var(--all-text-color);
}

.__padding__for__mobile__ {
    padding: 3rem;
}

/* 2 image start */
.images-2-1 {
    top: 0px;
    left: 0;
    height: auto;
    width: 100%;
    position: absolute;


}


.fhc {
    height: 600px;
    position: relative;
    background-image: url("../../images/home-about.jpg");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}


/* CSS */
.button-87 {
    margin: 10px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    display: block;
    border: 0px;
    font-weight: 700;
    box-shadow: 0px 0px 14px -7px #f09819;
    background-image: linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-size: clamp(10px, 3vh, 14px );
}

.button-87:hover {
    background-position: right center;

    color: #fff;
    text-decoration: none;
}

.button-87:active {
    transform: scale(0.95);
}

@media (max-width: 1200px) {
    .images-2-1 {
        top: 0px;
    }

    .fhc {
        height: 600px;

    }

    .button-000 .btn {

        color: white;
    }

    .button-000 .btn-warning {
        --bs-btn-bg: #ffa807;
        border-radius: 5px;
    }

    .__padding__for__mobile__ {
        padding: 0;
    }

    .__padding__for__container__ {
        padding: 0;
    }
}

@media (max-width: 1000px) {
    

    .fhc {
        height: 215px;

    
}
}





@media (max-width: 250px) {

    .fhc {
        height: 215px;
        position: relative;
    }

    .button-000 .btn {
        --bs-btn-padding-x: 1%;
        --bs-btn-padding-y: 0.375rem;
        color: white;
    }


}