section.gt-block.image-text-biege-background {
padding: 10rem 0;
background: var(--biege);
}
@media screen and (max-width: 1024px) {
section.gt-block.image-text-biege-background {
padding: 6rem 0;
}
}
section.gt-block.image-text-biege-background .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
--basic-padding: 5rem;
}
@media screen and (max-width: 1024px) {
section.gt-block.image-text-biege-background .container {
--basic-padding: 3rem;
}
}
@media screen and (max-width: 700px) {
section.gt-block.image-text-biege-background .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 3rem;
}
}
section.gt-block.image-text-biege-background .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: var(--basic-padding);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 700px) {
section.gt-block.image-text-biege-background .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
}
}
section.gt-block.image-text-biege-background .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.5rem;
padding-left: var(--basic-padding);
}
@media screen and (max-width: 700px) {
section.gt-block.image-text-biege-background .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
}
}