@charset "utf-8";
/*===============================*/
.show-479, .show-tab, .show-767, .show-400, .show-340, .show-359, .show-389{display:none;}
@media only screen and (max-width: 1020px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 389px){
.show-389{display:block;}
.hide-389{display:none;}
}
@media only screen and (max-width: 359px){
.hide-359{display:none;}
.show-359{display:block;}
}

.flex-center-container{
    display: flex;
    justify-content: center;
}

.mt-2{
    margin-top: 2rem;
}

.trimology-button {
    display: flex;
    align-items: center;
    background: linear-gradient(to bottom, #4cd137, #44bd32); /* Vibrant green gradient */
    color: white;
    font-weight: bold;
    font-size: 45px;
    padding: 15px 80px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    font-family: 'Arial', sans-serif;
    position: relative;
}

.trimology-button::after {
    content: '▶';
    position: absolute;
    right: 20px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
}