.stabilitys-section { position: relative; width: 100%; }
/* .stabilitys-section:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--themebrown); opacity: 0.20; border-radius: 60px; content: ''; } */
.stabilitys-section .content_wrap { position: relative; width: 100%; max-width: 1183px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.stabilitys-section .left_col { position: relative; width: 430px; }
.stabilitys-section .left_col .imgbox { position: relative; z-index: 2; display: flex; width: 100%; aspect-ratio: 430 / 374; border-radius: 60px; }
.stabilitys-section .left_col .imgbox img { display: inline-flex; width: 100%; border-radius: 60px; }
.stabilitys-section .left_col .logo_shape { position: absolute; top: 122px; right: calc(100% - 140px); width: 406px; pointer-events: none; opacity: 0.20; }
.stabilitys-section .left_col .logo_shape img { display: inline-flex; width: 100%; }
.stabilitys-section .right_col { position: relative; width: 70%; max-width: 658px; }
.stabilitys-section .textblock { position: relative; width: 100%; }

.stabilitys-section .textblock h2 {margin-bottom: 28px;}
.stabilitys-section .textblock h3 { margin-top: 74px; color: #B5996D; font-weight: 300; }
.stabilitys-section .textblock h3:first-child { margin-top: 0; }
.stabilitys-section .textblock p { margin-top:0; color: #3E4828; font-weight: 300; }
.stabilitys-section .content_wrap .logobox { display: none; width: 72px; }
.stabilitys-section .content_wrap .logobox img { display: inline-flex; }


@media (min-width: 1600px) and (max-width: 1799px) {
    .stabilitys-section .left_col .logo_shape { right: calc(100% - 250px); top: 260px; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    
    .stabilitys-section .left_col .logo_shape {top: 260px; right: calc(100% - 180px); width: 280px;}
    .stabilitys-section .textblock h2 {font-size: 35px;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    
    .stabilitys-section .left_col .logo_shape {top: 260px; right: calc(100% - 230px); width: 280px;}
    .stabilitys-section .textblock h2 {font-size: 35px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    
    .stabilitys-section .right_col {width: 50%;}
    .stabilitys-section .left_col {width: 400px;}
    .stabilitys-section .left_col .logo_shape {top: 260px; right: calc(100% - 230px); width: 280px;}
    .stabilitys-section .textblock h2 {font-size: 35px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    
    .stabilitys-section .content_wrap {flex-direction: column-reverse;}
    .stabilitys-section .right_col {width: 100%;}
    .stabilitys-section .textblock {text-align: center; margin-bottom: 122px;}
    .stabilitys-section .textblock h3 {font-size: 18px;}
    .stabilitys-section .textblock h2 {font-size: 30px; margin-bottom: 18px;}
    .stabilitys-section .left_col {margin: 0 auto;}
    .stabilitys-section .left_col .logo_shape {width: 300px; top: 260px; right: calc(100% - 140px);}
}

@media (max-width: 991px) {
    .stabilitys-section .left_col .imgbox,
    .stabilitys-section .left_col .imgbox img { border-radius: 30px; }
}

@media (max-width: 767px) {
    
    .stabilitys-section .content_wrap {flex-direction: column-reverse; align-items: flex-end;}
    .stabilitys-section .right_col {width: 100%;}
    .stabilitys-section .textblock { padding: 0 27px; text-align: center; margin-bottom: 60px; }
    .stabilitys-section .textblock h3 {font-size: 18px;}
    .stabilitys-section .textblock h2 {font-size: 25px; margin-bottom: 18px;}
    .stabilitys-section .textblock p {font-size: 16px;}
    .stabilitys-section .left_col {max-width: 300px; width: 100%; margin-left: 60px;}
    .stabilitys-section .left_col .logo_shape { width: 200px; top: auto; right: calc(100% - 90px); bottom: -52px; }
    .stabilitys-section .right_col {max-width: 600px; margin: 0 auto;}
}