:root {
--fOaTImFurSZp:  #070416;
--XMIzQqbPiRUg: #FBF8FB;
--tAWaKJaLCkhH: #1D8C08;
--jKRSMjLcQDSq: #4B7467;
--FjlLwfqXZxuS:  #2D2F35;
--CZHdctXxWcDh:  #09040F;
--ukgcOCQMAjnP:   #E32B2B;

}

* {
box-sizing: border-box;
}

.HpNpclanrJiU a,
.rigEBCgpSOsK a{
color: var(--XMIzQqbPiRUg);
font-weight:600;
text-decoration: none;
font-size:16px;
}

a:hover {
text-decoration: underline;
}

body {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: var(--fOaTImFurSZp);
color: var(--XMIzQqbPiRUg);
scroll-behavior: smooth;
}

p {
font-size: 18px;
line-height: 21px;
}



h1 {
font-size: 34px;
line-height: 41px;
}

h2 {
font-size: 30px;
line-height: 36px;
}

h3 {
font-size: 24px;
line-height: 29px;
}

h4 {
font-size: 20px;
line-height: 24px;
}

img {
width: 100%;
}

figure {
margin: 0 0 24px;
}



.XxcfmfUMXOlF{
padding-inline:24px;

}
.MarhzMdZPKeL {
max-width: 1200px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;

}

.MBDnUpguEWFD,
.EygPvRrKqoSd,
.XIdllbOYsgfe {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}

.HpNpclanrJiU {
padding: 10px 24px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--FjlLwfqXZxuS);
}
.MarhzMdZPKeL img,
.LGMbhXZyAzfU{
width: 70px;
border-radius:10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.gJnqRhlLjLUf {
display: flex;
align-items: center;
justify-content: center;
}

.ZQXOgczwcIiQ {
list-style: none;
display: flex;
align-items: flex-start;
gap: 20px;
font-weight: 700;
font-size: 18px;
}

.ZQXOgczwcIiQ {
white-space: nowrap;
display: flex;
align-items: center;
gap: 20px;
width: 100%;
list-style: none;
padding: 25px;
margin: 0;

}


.CAxIvHqpEfVk.active a {
font-weight: bold;
text-decoration: underline;

}
.CAxIvHqpEfVk {
cursor: pointer;

}

.MBDnUpguEWFD {
padding: 2rem;
border-radius: 0.25rem;
}

.XuSabJgNiFhS {
display: flex;
justify-content: end;
align-items: center;
gap: 10px;
}

.XuSabJgNiFhS a {
font-size: 16px;
white-space: nowrap;
word-break: keep-all;
padding: 10px 20px;
text-align: center;
border-radius: 15px;
background-color: var(--XMIzQqbPiRUg);
color: var(--fOaTImFurSZp);
}

.XuSabJgNiFhS a:nth-child(2) {
background-color: var(--tAWaKJaLCkhH);
color: var(--XMIzQqbPiRUg);
border-radius: 16px;
padding: 10px 20px;
font-weight: 700;
transition: background 0.2s;
animation: pulse 2s infinite;
}

.XuSabJgNiFhS a:nth-child(2):hover {
transform: translateY(-3px);
}


.dNGZsRpDTGnm {
box-shadow: 3px 3px 15px #000;
border-radius: 22px;
position: relative;
overflow: hidden;
display: block;
width: 100%;
max-height: 400px;
aspect-ratio: 16 / 7;
background-color: rgba(0, 0, 0, 0.18);
}

.tfZtGNKKZXEX {
position: relative;
width: 100%;
height: 100%;
}

.tfZtGNKKZXEX::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
}


.dNGZsRpDTGnm img {
border-radius: 22px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.wsjgXNrmroip {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
padding: 32px 21px;
z-index: 2;
border-radius: 30px;
background: rgba(22, 14, 12, 0.7);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
transition: background-color 0.7s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 24px;
gap: 28px;

}

.wsjgXNrmroip > div {
max-width: 100%;
}


.giOEZdtsVZTO{
background-color: var(--tAWaKJaLCkhH);
color: var(--XMIzQqbPiRUg);
border: none;
cursor: pointer;
z-index: 2;
font-size: 24px;
line-height: 1;
border-radius: 20px;
padding: 20px;
transition: all 0.25s ease;
animation: pulse 2s infinite;
text-decoration: none;
text-transform: uppercase;
}

@keyframes pulse {
0% {
transform: scale(0.9);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}


.giOEZdtsVZTO:hover {
text-decoration: none;
transform: translateY(-3px);
}

.SkoOJUlQhByk {
display: flex;
justify-content: space-evenly;
gap: 20px;
margin-block: 40px;
flex-wrap: wrap;
}

.XAWZEyNoFzpg {
background-color: var(--tAWaKJaLCkhH);
padding: 15px;
border: none;
border-radius: 20px;
cursor: pointer;
min-width:250px;
text-align:center;
text-transform: uppercase;
transition: all 0.25s ease;
}

.XAWZEyNoFzpg:hover {
transform: translateY(-3px);
}

.RWXPdKOkBrLS {
color: var(--XMIzQqbPiRUg);
font-weight: 700;
font-size: 24px;
letter-spacing: 0%;
text-align: center;
text-decoration:none;
}

.CPDlGLYmMdVj {
margin: 40px 0;
}

.AqASRJhqgApF {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 20px;
}

.lbuLprEVXQNe {
position: relative;
min-width: 0;
}

.lbuLprEVXQNe figure,
.QSvPOSbfVnWt.lbuLprEVXQNe figure {
position: relative;
margin: 0;
overflow: hidden;
border-radius: 10px;
aspect-ratio: 385 / 500;
background: rgba(0, 0, 0, 0.12);
}

.lbuLprEVXQNe img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}

.lbuLprEVXQNe figure::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 0.25s ease;
pointer-events: none;
}

.QnSikVUAKJXA {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
padding: 20px;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, visibility 0.25s ease;
z-index: 1;
}

.ocyKTirDjtMX {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 124px;
padding: 12px 24px;
border-radius: 14px;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
line-height: 1;
color:var(--XMIzQqbPiRUg);
background: var(--tAWaKJaLCkhH);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
transition: transform 0.2s ease, background-color 0.2s ease;
}

.QnSikVUAKJXA .ocyKTirDjtMX:last-child {
background-color: var(--ukgcOCQMAjnP);
}

.lbuLprEVXQNe:hover img,
.lbuLprEVXQNe:focus-within img {
transform: scale(1.03);
}

.lbuLprEVXQNe:hover figure::after,
.lbuLprEVXQNe:focus-within figure::after {
opacity: 1;
}

.lbuLprEVXQNe:hover .QnSikVUAKJXA,
.lbuLprEVXQNe:focus-within .QnSikVUAKJXA {
opacity: 1;
visibility: visible;
}

.ocyKTirDjtMX:hover,
.ocyKTirDjtMX:focus-visible {
transform: translateY(-1px);
text-decoration: none;
filter: brightness(1.05);
}


table {
border-radius:15px;
border: 1px solid var(--jKRSMjLcQDSq);
overflow-x: auto;
overflow-y: hidden;
border: none;
border-collapse: collapse;
-webkit-overflow-scrolling: touch;
color: var(--fOaTImFurSZp);
background-color:  var(--XMIzQqbPiRUg);
width:100%;
}

td {
padding: 10px;
white-space: normal;
border: 1px solid var(--PZckELFaZUGd);
}

table thead th {
color: var(--XMIzQqbPiRUg);
font-size: 18px;
font-weight: 600;
text-align: center;
padding: 10px;
background-color: var(--tAWaKJaLCkhH);
}
table thead th:first-child {
border-top-left-radius: 15px;
}

table thead th:last-child {
border-top-right-radius: 15px;
}
table tbody tr {
border-bottom: 1px solid var(--jKRSMjLcQDSq);
}


table tbody td {
padding: 10px;

}
.hZyLpGeMjHTy {
display: flex;
flex-direction: column;
gap: 32px;
margin: 32px 0 40px;
}

.SoSlyhsKzZfS {
padding: 18px 16px 16px;
border-radius: 18px;
margin-bottom: 0;
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--jKRSMjLcQDSq);

}

.SoSlyhsKzZfS:last-child {
margin-bottom: 0;
}

.SoSlyhsKzZfS label {
display: block;
cursor: pointer;
}

.SoSlyhsKzZfS h3 {
margin: 0;
}

.lddYhOzqmvYD {
font-size: 20px;
font-weight: 700;
line-height: 1.35;
padding-bottom: 14px;
border-bottom: 1px solid var(--FjlLwfqXZxuS);
}

.ufbNRavROfGC {
padding-top: 12px;
}

.ufbNRavROfGC p {
margin: 0;
}

.oEtEtphbrfkH:first-child {
margin-top: 0;
margin-bottom: 12px;
}


.oEtEtphbrfkH {
width: 50%;
}

.cBQFzvOEZiWL {
font-size: 0.9em;
color: #666;
}


.iZuqfOJqCsWA {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}

.NUmOftcliJqb {
display: flex;
align-items: center;
}

.YILHZRlqlrOF {
color: var(--XMIzQqbPiRUg);
text-decoration: none;
transition: color .2s;
}

.YILHZRlqlrOF:hover {
text-decoration: underline;
color: var(--OOnNGKUDzhPR);
}

.YILHZRlqlrOF[aria-current="page"] {
color: #939090;
font-weight: bold;
cursor: default;
text-decoration: none;
}

.acnQbwlHnMDa {
margin: 0 0.5em;
color: #999;
font-size: 1.2em;
line-height: 1;
}

.IXOrHATKHLfy {
background-color: var(--fOaTImFurSZp);
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding-inline:2rem;
}

.XIdllbOYsgfe {
text-align: center;
}

.TUqZycJMMtgP {
position: fixed;
bottom: 40px;
right: 40px;
width: 55px;
height: 55px;
cursor: pointer;
border-radius:15px;
background-color: var(--XMIzQqbPiRUg);
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}

.TUqZycJMMtgP::after {
content: "\f062";
font-family: "Font Awesome";
font-size: 24px;
color: var(--fOaTImFurSZp);
}

.dweGqCbgtNCV {
display: none;
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
z-index: 1001;
}
.dweGqCbgtNCV::before {
content: '☰';
display: block;
transition: 0.3s;

}

.YhofSgukcpIa {
display: none;
}

.NulouDrhanBe {
display: none;
}

.rCEXNNlRrpda {
display: none;
}

.DNJKxovbzOTi {
display: flex;
}

.eIBVRMDXoSFm {
display: none;
}
.hToaPFdLWnsO:checked {
  opacity: 1;
  visibility: visible;
}
.hToaPFdLWnsO:checked + label::before {
content: '✕';
}

.PZjqIgwJYZCX {
display: block;
text-decoration: none;
color: inherit;
position: relative;
}

.tToqSiuryzaV {
display: none;
position: absolute;
border-radius: 15px;
background-color: var(--fOaTImFurSZp);
border: 1px solid var(--jKRSMjLcQDSq);
list-style: none;
margin: 0;
padding: 20px;
min-width: 180px;
z-index: 100;
left: 50%;
transform: translate(-50%);
}

@media (hover: hover) and (pointer: fine) {
.CAxIvHqpEfVk:hover > .tToqSiuryzaV {
display: block;
text-align: center;
width: 100%;
}
}
.IMBNCEeMmWUj{
position:relative;
}

.IMBNCEeMmWUj > a,
.IMBNCEeMmWUj > span {
position: relative;
display: inline-flex;
align-items: center;
padding-right: 24px;
}

.IMBNCEeMmWUj > a::after,
.IMBNCEeMmWUj > span::after{
content: "\f107";
font-family: "Font Awesome";
font-weight: 900;
font-size: 14px;
line-height: 1;
position: absolute;
top: 50%;
right:0;
transform: translateY(-50%);
transition: transform 0.3s ease;
pointer-events: none;
}

.cTRaUaOMjkjh {
margin: 0;
}
.cTRaUaOMjkjh a{
overflow-wrap: break-word;
white-space: normal;
}

.MuXASaNmBuRz {
padding:5px;
}

.MuXASaNmBuRz:hover {
background: rgba(0,0,0,0.05);
}

.rigEBCgpSOsK{
background-color: var(--CZHdctXxWcDh);
}

.SMGGAEoGiQsm {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
flex-wrap: nowrap;
margin: 0 auto 60px;
}

.cDnhUymiALnp {
display: flex;
}

.LsYkvXCGThLz {
position: relative;
display: inline-block;
}

.oRzFneXwYBFK {
color: var(--XMIzQqbPiRUg);
border: 1px solid var(--XMIzQqbPiRUg);
font-size: 16px;
font-weight: 600;
border-radius: 15px;
padding: 7px 22px;
transition: border 0.18s, color 0.18s, background 0.18s;
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
gap: 8px;
}

.oRzFneXwYBFK::after {
content: "\f107";
font-family: "Font Awesome";
font-weight: 900;
font-size: 16px;
line-height: 1;
margin-left: 6px;
transition: transform 0.22s;
}

#VUjLixjrAmye:checked + .oRzFneXwYBFK::after {
transform: rotate(180deg);
}

.zgeFdTxeurra {
display: none;
position: absolute;
min-width: 145px;
color: var(--XMIzQqbPiRUg);
background-color: var(--fOaTImFurSZp);
border-radius: 15px;
box-shadow: 0 2px 10px rgba(0,0,0,0.10);
border: 1px solid var(--XMIzQqbPiRUg);
z-index: 99;
padding: 6px 0;
}

#VUjLixjrAmye:checked ~ .zgeFdTxeurra {
display: flex;
flex-direction: column;
animation: fadeInLangList 0.18s;
}
@keyframes fadeInLangList {
from { opacity: 0; transform: translateY(10px);}
to { opacity: 1; transform: translateY(0);}
}

.zgeFdTxeurra .dzHJvTkercCs {
white-space: nowrap;
border-radius: 8px;
padding: 8px 22px;
font-weight: 500;
transition: background 0.18s, color 0.18s;
text-align: left;
display: block;
color: var(--XMIzQqbPiRUg);
}
.zgeFdTxeurra .dzHJvTkercCs:hover {
background-color: var(--tAWaKJaLCkhH);
color: var(--XMIzQqbPiRUg);
}
.zgeFdTxeurra .dzHJvTkercCs.is-active {
color: var(--fOaTImFurSZp);
font-weight: 600;
background: var(--OOnNGKUDzhPR);
border-radius: 8px;
}
.rigEBCgpSOsK{
padding:2rem;
}
.cqzIeZIxnMOg{
display: flex;
gap: 30px;
justify-content: center;
text-align: center;
max-width: 800px;
flex-wrap: wrap;
margin: 0 auto;
list-style: none;
padding:0;
}

.oVHPuOqsfeSV{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom:20px;
}

.HfxpiddLnQIj{
width: 200px;
height: auto;
}
.CgieHWcttGED{
width: 150px;
height: auto;
}
.YGYKTRNUjQzT{
width: 45px;
height: auto;
}


.KdFoowEbqlfN {
display: flex;
justify-content: space-between;
border-radius: 18px;
padding: 20px;
color: var(--XMIzQqbPiRUg);
background-color: var(--UVyNsLfceuSj);
}
.KdFoowEbqlfN .xBHpDPJAGorH ul,
.KdFoowEbqlfN .xBHpDPJAGorH ol {
list-style: none;
padding: 0;
margin: 0;
}

.KdFoowEbqlfN .xBHpDPJAGorH li {
list-style: none;
margin-bottom: 10px;
}
.makcZiEptrFL,
.TGQWoXqGblhU{
width: 50%;
}
.makcZiEptrFL .xBHpDPJAGorH ol li::before,
.makcZiEptrFL .xBHpDPJAGorH ul li::before {
content: "✅";
margin-right: 6px;
display: inline-block;
}

.TGQWoXqGblhU .xBHpDPJAGorH ol li::before,
.TGQWoXqGblhU .xBHpDPJAGorH ul li::before {
content: "❌";
margin-right: 6px;
display: inline-block;
}

.KdFoowEbqlfN h3{
text-align:center;
color: var(--ASzsfInRpApW);
}

@media(max-width: 1100px){
.XxcfmfUMXOlF{
padding-inline:0px;
}

.AqASRJhqgApF {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.iEhwPtzkivaS .KYOPYCmuTbIl {
min-width: 180px;
}
table{
display: block;
width: max-content;
max-width: 100%;
margin: 0 auto;
}
table:has(tr:first-child > td:nth-child(2):last-child),
table:has(tr:first-child > th:nth-child(2):last-child){
display: table;
width: 100%;
min-width: 0;
table-layout: fixed;
white-space: normal;
}

table:has(tr:first-child > td:nth-child(2):last-child) td,
table:has(tr:first-child > th:nth-child(2):last-child) th,
table:has(tr:first-child > th:nth-child(2):last-child) td {
width: 50%;
}
table:has(tr:first-child > th:nth-child(2):last-child) thead th:first-child {
border-top-left-radius: 15px;
}

table:has(tr:first-child > th:nth-child(2):last-child) thead th:last-child {
border-top-right-radius: 15px;
}
}

@media(max-width: 992px){
.HpNpclanrJiU .sEwshHfXwXIu{
margin-right:0;
}

.AqASRJhqgApF {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media(max-width: 767px){
.HpNpclanrJiU {
padding: 10px 20px;
}
.MarhzMdZPKeL{
padding: 0;
justify-content: space-between;
flex-wrap: wrap;
}

.AqASRJhqgApF {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}

.ocyKTirDjtMX {
min-width: 108px;
padding: 10px 18px;
font-size: 14px;
}

.wsjgXNrmroip {
padding: 20px;
gap: 20px;
font-size:18px;

}

.giOEZdtsVZTO {
font-size: 18px;
padding: 16px 28px;
}

h1{
font-size: 32px;
line-height: 38px;
}
h2{
font-size: 28px;
line-height: 34px;
}
h3{
font-size: 22px;
line-height: 27px;
}
h4{
font-size: 18px;
line-height: 22px;
}
.dweGqCbgtNCV {
display: block;
color: var(--XMIzQqbPiRUg);
order:2;
padding-right: 0;
margin-left: 0;
position: relative;
z-index: 1002;
}

.rCEXNNlRrpda {
display: inline-flex;
align-items: center;
justify-content: center;
order: 1;
padding:16px;
min-width:150px;
border-radius: 16px;
background-color: var(--tAWaKJaLCkhH);
color: var(--XMIzQqbPiRUg);
font-size: 14px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
text-decoration: none;
animation: pulse 2s infinite;
}

.rCEXNNlRrpda:hover {
text-decoration: none;
transform: translateY(-3px);
}

#WBALqLgYpoxa {
width: min(75vw, 360px);
max-width: 100%;
height: 100dvh;
overflow-y: auto;
transform: translateX(-100%);
position: fixed;
left:0;
bottom: 0;
background-color: var(--fOaTImFurSZp);
top:0;
opacity: 1;
z-index: 1001;
padding:25px;
transition: transform .3s ease;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 20px;
}
.hToaPFdLWnsO:checked ~ #WBALqLgYpoxa {
transform: translateX(0);
}
.hToaPFdLWnsO:checked ~ .YhofSgukcpIa {
display: block;
position: fixed;
inset: 0;
background: rgba(32, 32, 32, 0.45);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
z-index: 1000;
}
.ZQXOgczwcIiQ {
flex-direction: column;
gap: 0px;
padding: 0;
}

#WBALqLgYpoxa .XuSabJgNiFhS {
flex-direction: column;
}

#WBALqLgYpoxa .XuSabJgNiFhS a {
min-width: 100%;
}

.eIBVRMDXoSFm {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 4px;
}

.NulouDrhanBe {
display: flex;
}

.DNJKxovbzOTi {
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
height: 70px;
font-weight: 600;
font-size: 16px;
width: 100%;
gap: 15px;
padding-left: 20px;
padding-right: 20px;
justify-content: center;
background-color: var(--FjlLwfqXZxuS);
}

.DNJKxovbzOTi a {
max-width: none;
width: 100%;
}

.TUqZycJMMtgP {
position: fixed;
bottom: 75px;
right: 20px;
}
.iEhwPtzkivaS .KYOPYCmuTbIl {
min-width: 260px;
}
nav.gJnqRhlLjLUf li {
width:100%;
text-align:left;
padding: 10px 0;
}
.gJnqRhlLjLUf li span{
position:relative;
display:inline-flex;
align-items: center;
padding-right: 24px;
}
.IMBNCEeMmWUj.is-active > a::after,
.IMBNCEeMmWUj.is-active > span::after {
transform: translateY(-50%) rotate(180deg);
}
.CAxIvHqpEfVk.is-active > a,
.CAxIvHqpEfVk.is-active > span {
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}
.MBDnUpguEWFD {
padding: 20px;
}
.tToqSiuryzaV {
display: none;
position: static;
box-shadow: none;
transform: translate(0);
min-width: 100%;
padding: 12px 0 0 12px;
border: 0;
}
.tToqSiuryzaV li{
padding: 5px 0;

}

.CAxIvHqpEfVk.is-active > .tToqSiuryzaV {
display: block;
}
.CAxIvHqpEfVk.is-active {
box-shadow:
inset 0 1px 0 rgba(0,0,0,0.06),
0 4px 10px rgba(0,0,0,0.08);
}
.CAxIvHqpEfVk{
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}
.ynSUnepWSJcI{
flex-direction:column;
}

.oEtEtphbrfkH {
width: 100%;
}

.WPRdYUtqzScF{
flex-direction: column;
gap:20px;
}
.rigEBCgpSOsK{
margin-bottom: 70px;
}

.SMGGAEoGiQsm{
flex-direction: column;
}

}

@media(max-width: 576px){
.DNJKxovbzOTi {
gap: 12px;
}

.dNGZsRpDTGnm {
aspect-ratio: 4 / 3;
max-height: none;
}

.wsjgXNrmroip {
width: 90%;
}
.giOEZdtsVZTO {
width: auto;
max-width: 100%;
font-size: 16px;
padding: 14px 20px;
}

.KdFoowEbqlfN {
flex-wrap: wrap;
}
.KdFoowEbqlfN .oEtEtphbrfkH {
width: 100%;
}

.cBQFzvOEZiWL {
font-size: 14px;
}
h1{
font-size: 28px;
line-height: 34px;
}
h2{
font-size: 24px;
line-height: 29px;
}
h3{
font-size: 20px;
line-height: 24px;
}
h4{
font-size: 18px;
line-height: 22px;
}
.oVHPuOqsfeSV,
.cqzIeZIxnMOg{
flex-direction:column;
gap:15px;
align-items: center;
}

}