.maingroup { width: 100%; margin: 0 auto; padding: 0 }
.grouper { width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box }
.grouper { display: flex; flex-wrap: wrap; gap: 20px; align-content: space-between }
.center-75-liquid { display: flex; flex-wrap: wrap; gap: 20px; align-content: space-between; max-width: 80%; margin: auto }
.center-full-liquid { display: flex; flex-wrap: wrap; gap: 20px; align-content: space-between; max-width: 100%; margin: auto }
.liquidgrouper { display: flex; flex-wrap: wrap; gap: 20px; align-content: space-between; max-width: 100%; margin: auto; padding: 20px }
.yanyana { display: flex; gap: 15px }
.gap15 { gap: 15px; display: flex; width: 100%; height: 15px }
.ibox-1 { width: 100%; flex: 0 0 100%; box-sizing: border-box }
.ibox-2 { width: calc(50% - 10px); flex: 0 0 calc(50% - 10px); box-sizing: border-box }
.ibox-3 { width: calc(33.333% - 13.33px); flex: 0 0 calc(33.333% - 13.33px); box-sizing: border-box }
.ibox-4 { width: calc(25% - 15px); flex: 0 0 calc(25% - 15px); box-sizing: border-box }
.ibox-5 { width: calc(20% - 16px); flex: 0 0 calc(20% - 16px); box-sizing: border-box }
.ibox-6 { width: calc(16.666% - 16.66px); flex: 0 0 calc(16.666% - 16.66px); box-sizing: border-box }
.ibox-10 { width: calc(10% - 18px); flex: 0 0 calc(10% - 18px); box-sizing: border-box }
.ibox-20 { width: calc(20% - 16px); flex: 0 0 calc(20% - 16px); box-sizing: border-box }
.ibox-25 { width: calc(25% - 15px); flex: 0 0 calc(25% - 15px); box-sizing: border-box }
.ibox-30 { width: calc(30% - 14px); flex: 0 0 calc(30% - 14px); box-sizing: border-box }
.ibox-33 { width: calc(33.333% - 13.33px); flex: 0 0 calc(33.333% - 13.33px); box-sizing: border-box }
.ibox-40 { width: calc(40% - 12px); flex: 0 0 calc(40% - 12px); box-sizing: border-box }
.ibox-60 { width: calc(60% - 8px); flex: 0 0 calc(60% - 8px); box-sizing: border-box }
.ibox-67 { width: calc(66.666% - 6.66px); flex: 0 0 calc(66.666% - 6.66px); box-sizing: border-box }
.ibox-70 { width: calc(70% - 6px); flex: 0 0 calc(70% - 6px); box-sizing: border-box }
.ibox-75 { width: calc(75% - 5px); flex: 0 0 calc(75% - 5px); box-sizing: border-box }
.ibox-80 { width: calc(80% - 4px); flex: 0 0 calc(80% - 4px); box-sizing: border-box }
.ibox-90 { width: calc(90% - 2px); flex: 0 0 calc(90% - 2px); box-sizing: border-box }
.nopad-vertical { }
.nopad-horizontal { }
.middlecenter { align-items: center }
.flexliquid { display: flex; width: 100%; align-items: center }
.border { border: 1px solid var(--border-color) }
.w1 { width: 100% }
.mgtop { margin-top: 20px }
.pdtop { padding-top: 20px }
.pdbottom { padding-bottom: 20px }
.back_white { background: #fff }
.splitter { height: 73px; display: flex; width: 100%; align-items: center }
.radius-10 { border-radius: 10px }
.ohidden { overflow: hidden }
.splitter .heading { text-align: center; height: 50px; position: relative; top: 0; width: 100%; display: flex; justify-content: center }
.splitter .heading:after { content: ''; display: block; width: 100%; height: 2px; background: var(--seperator-line-color); position: absolute; z-index: 1; bottom: 46%; border: 1px dotted var(--border-color) }
.splitter .heading h3:after { content: ''; display: block; width: 250px; height: 102px; background: var(--seperator-icon-background); position: absolute; z-index: -1; bottom: 46%; border: 1px dotted var(--border-color); left: -112px; bottom: 0; transform: rotate(107deg) }
.splitter .heading h3 { font-size: var(--seperator-font-size); display: flex; position: relative; z-index: 2; padding: 13px 41px; text-shadow: none; background: var(--seperator-background); color: var(--seperator-text-color); border: navajowhite; gap: 22px; border-radius: 7px; font-weight: 600; overflow: hidden; align-items: center }
.splitter .heading h3 i { margin-left: -22px; margin-right: 18px; color: var(--seperator-icon-color) }

.strech {
    display: flex;
    width: 100%;
    max-width: 900px;
    margin: auto;
    flex-direction: column;
}
#emptyarea { }
@media (max-width:992px) {
    .grouper { padding: 0 15px; gap: 15px }
    .ibox-6 { width: calc(33.333% - 10px); flex: 0 0 calc(33.333% - 10px) }
    .ibox-5 { width: calc(33.333% - 10px); flex: 0 0 calc(33.333% - 10px) }
    .ibox-4 { width: calc(50% - 7.5px); flex: 0 0 calc(50% - 7.5px) }
    .ibox-3 { width: calc(50% - 7.5px); flex: 0 0 calc(50% - 7.5px) }
    .ibox-10,
    .ibox-20,
    .ibox-30,
    .ibox-33,
    .ibox-40 { width: calc(33.333% - 10px); flex: 0 0 calc(33.333% - 10px) }
    .ibox-60,
    .ibox-67,
    .ibox-70,
    .ibox-75,
    .ibox-80,
    .ibox-90 { width: calc(66.666% - 5px); flex: 0 0 calc(66.666% - 5px) }
}
@media (max-width:768px) {
    .grouper { padding: 0 15px; gap: 15px }
    .ibox-2,
    .ibox-3,
    .ibox-4,
    .ibox-5,
    .ibox-6,
    .ibox-10,
    .ibox-20,
    .ibox-25,
    .ibox-30,
    .ibox-33,
    .ibox-40,
    .ibox-60,
    .ibox-67,
    .ibox-70,
    .ibox-75,
    .ibox-80,
    .ibox-90 { width: 100%; flex: 0 0 100% }
}
@media (max-width:480px) {
    .grouper { padding: 0 10px; gap: 10px }
    .ibox-1,
    .ibox-2,
    .ibox-3,
    .ibox-4,
    .ibox-5,
    .ibox-6,
    .ibox-10,
    .ibox-20,
    .ibox-25,
    .ibox-30,
    .ibox-33,
    .ibox-40,
    .ibox-60,
    .ibox-67,
    .ibox-70,
    .ibox-75,
    .ibox-80,
    .ibox-90 { width: 100%; flex: 0 0 100% }
    .mobstrech { display: flex; justify-content: space-between; padding-right: 15px }
    .splitter .heading h3 { white-space: nowrap; font-size: 18px }
}
.grouper.gap-none { gap: 0 }
.grouper.gap-small { gap: 10px }
.grouper.gap-medium { gap: 20px }
.grouper.gap-large { gap: 30px }
.grouper.align-start { align-items: flex-start }
.grouper.align-center { align-items: center }
.grouper.align-end { align-items: flex-end }
.grouper.align-stretch { align-items: stretch }
.grouper.justify-start { justify-content: flex-start }
.grouper.justify-center { justify-content: center }
.grouper.justify-end { justify-content: flex-end }
.grouper.justify-between { justify-content: space-between }
.grouper.justify-around { justify-content: space-around }
.maingroup .grouper.max-width-sm { max-width: 576px }
.maingroup .grouper.max-width-md { max-width: 768px }
.maingroup .grouper.max-width-lg { max-width: 992px }
.maingroup .grouper.max-width-xl { max-width: 1200px }
.maingroup .grouper.max-width-xxl { max-width: 1400px }
.maingroup .grouper.max-width-full { max-width: 100% }
.grouper.padding-none { padding: 0 }
.grouper.padding-small { padding: 0 10px }
.grouper.padding-medium { padding: 0 20px }
.grouper.padding-large { padding: 0 30px }
.ibox-1,
.ibox-2,
.ibox-3,
.ibox-4,
.ibox-5,
.ibox-6,
.ibox-10,
.ibox-20,
.ibox-25,
.ibox-30,
.ibox-33,
.ibox-40,
.ibox-60,
.ibox-67,
.ibox-70,
.ibox-75,
.ibox-80,
.ibox-90 { padding: 0 }
.maingroup *,
.maingroup *::before,
.maingroup *::after { box-sizing: border-box }
#emptyarea { }
@media print {
    .maingroup { width: 100% }
    .grouper { max-width: 100%; padding: 0 }
    .ibox-1,
    .ibox-2,
    .ibox-3,
    .ibox-4,
    .ibox-5,
    .ibox-6,
    .ibox-10,
    .ibox-20,
    .ibox-25,
    .ibox-30,
    .ibox-33,
    .ibox-40,
    .ibox-60,
    .ibox-67,
    .ibox-70,
    .ibox-75,
    .ibox-80,
    .ibox-90 { width: 100%; flex: 0 0 100%; page-break-inside: avoid }
}