:root {
    --p: #006cbe;
    --ph: #0a82df;

    --bgc_p_f: #236190;


    --s: #18181b;
    --sh: #2d2d31;

    --st: rgb(24 24 27 / 80%);

    --fc1: rgb(22, 22, 22);
    --fc2: rgb(48, 48, 48);
    --fc3: #80808a;
    --fc9: #e0e0e0;
    --fc10: #fff;

   /*  --font_family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; */
    --font_family: Segoe UI Variable Text, 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;

    --bgc1: #fff;
    --bgc2: #f8fafc;
    --bgc3: #eff1f5;
    --bgc4: #e2e6ec;
    --bgc5: #cbd1db;
    --bgc7: #5c6169;
    --bgc10: #000;

    --danger: #E53935;
    --notice: #eb782c;
    --info: #f9c034;

    --success1: #4a8208;
    --success2: #ceead6;
    --success3: #e6f4ea; 

    --br1 : #edf0f5;
    --br2 : #d8dde2;
    --br3 : #bdc4ca;
    --br4 : #959da3;

    --trans_vslw: all 0.5s ease-in-out;
    --trans: all 0.3s ease-in-out;
    --trans_md: all 0.2s ease-in-out;
    --trans_fst: all 0.1s ease-in-out;
    --trans_var: all 0.25s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}

*,
::before,
::after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* pseudo element style */
::placeholder{color: var(--fc3)}
.no_sbar::-webkit-scrollbar{
    display: none;
}
.no_sbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


/* element style */
html {
    font-size: 10px;
}
body {
    min-height: 100vh;
    font: normal 400 1.6rem/1.6 var(--font_family);
    font-feature-settings: 'fina' on, 'init' on;
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    color: var(--fc1);
    text-align: left;
    margin-inline: auto;
    width: 100%;
}
header {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
main {
    overflow: hidden;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 2rem;
}
h1 {
    font-size: 4rem;
    font-weight: 600;
}
h2 {
    font-size: 3.6rem;
}
h3 {
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}
strong {
    color: var(--fc1);
    font-weight: 600;
}
h4 {
    font-size: 1.7rem;
    margin-bottom: .3rem;
}
img, svg {
    display: block;
    width: 100%;
    height: auto;
}
.trig svg,
use {
    pointer-events: none;
}

a {
    text-decoration: none;
    color: var(--fc1);
}
a:hover {
    color: var(--p);
}
ul {
    list-style: none;
    list-style-position: inside;
}
input,
select,
textarea {
    border: 1px solid var(--br2);
    height: 4.4rem;
    width: 100%;
    border-radius: 6px;
    padding: 0 1.4rem;
    font-family: var(--font);
    font-weight: 400;
    font-size: 1.5rem;
}
input:focus,
select:focus, 
textarea:focus {
    border: 1px solid var(--s);
    outline: none;
    box-shadow: 0 0 0px 1px var(--s);
}
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: none;
    display: block;
    margin-top: 1px;
}
input[type="radio"] {
    width: 2.6rem;
    height: 2.6rem;
    display: block;
    opacity: 0;
}



input.sm {
    height: 3.2rem;
    padding: 0 1rem;
}




@keyframes zoom_in {
	0% {transform: scale(1)}
	50% {transform: scale(.94)}
	100% {transform: scale(1)}
}
@keyframes float {
	0% {transform: translatey(0px)}
	50% {transform: translatey(-20px)}
	100% {transform: translatey(0px)}
}
@keyframes scroll_x {
    0% {transform: translateX(0)}
    100% {transform: translateX(-100%)}
}
@keyframes scroll_y {
    0% {
        transform: translateY(0);
        opacity: 1;
    } 96% {
        opacity: 1
    } 100% {
        transform: translateY(calc(-100% + 150px));
        opacity: 0;
    }
}
@keyframes move_rand {
    10% {
        transform: translate(50px, 100px);
    } 40% {
        transform: translate(70px, 0);
    } 70% {
        transform: translate(70px, 0);
    } 80% {
        transform: translate(70px, 80px);
    } 100% {
        transform: translate(0);
    }
}
@keyframes move_rand2 {
    30% {
        transform: translate(100px, 0);
    } 50% {
        transform: translate(70px, 70px);
    } 60% {
        transform: translate(70px, 70px);
    } 80% {
        transform: translate(90px, 90px);
    } 100% {
        transform: translate(0);
    }
}


.anim_float {
    animation: float 4s ease-in-out infinite;
}
.anim_zoom_in {
    animation: zoom_in 4s ease-in-out infinite
}
.anim_scroll_y {
    animation: scroll_y 5s linear infinite
}
.anim_move_rand {
    animation: move_rand 12s ease-out 3s infinite
}
.anim_move_rand2 {
    animation: move_rand2 15s ease-out 1s infinite
}
.accord_c,
.anim{
    animation-duration:.3s;
    animation-fill-mode: both
}
.trans {
    -webkit-transition: var(--trans);
    -moz-transition: var(--trans);
    -ms-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}
.anim_delay1 {animation-delay: 1s}
.trans_fst,
.btn,
.tab,
.tabc {
    -webkit-transition: var(--trans_fst);
    -moz-transition: var(--trans_fst);
    -ms-transition: var(--trans_fst);
    -o-transition: var(--trans_fst);
    transition: var(--trans_fst);
}
input,
label,
.accord_i,
.accord_c,
.scroll_card,
.trans_md {
    -webkit-transition: var(--trans_md);
    -moz-transition: var(--trans_md);
    -ms-transition: var(--trans_md);
    -o-transition: var(--trans_md);
    transition: var(--trans_md);
}
.scroll_card,
.trans_vslw {
    -webkit-transition: var(--trans_vslw);
    -moz-transition: var(--trans_vslw);
    -ms-transition: var(--trans_vslw);
    -o-transition: var(--trans_vslw);
    transition: var(--trans_vslw);
}





.container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.wrapper.wp {
    max-width: 1330px;
    padding-left: 15px;
    padding-right: 15px;
}
section, .section {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.lazy {
    filter: blur(6px);
}
.sub_heading {
    color: var(--fc2);
    max-width: 800px;
    margin: 0 auto 5rem auto;
}
.radio_label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bgc1);
    z-index: 1;
    border-radius: 50%;
    border: 1px solid var(--br2);
}


.form_group {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 2.5rem;
}
.form_field_desc {
    font-size: 1.4rem;
    display: block;
    font-weight: 400;
    color: var(--fc2);
}
.form_field::placeholder {
    opacity: 0;
}
.form_field ~ label {
    position: absolute;
    top: 1.4rem;
    left: 1.5rem;
    color: var(--fc2);
    font-size: 1.6rem;
    line-height: 1;
}
.form_field:not(:placeholder-shown) ~ label,
.form_field:is(:focus-within, :-webkit-autofill, :autofill) ~ label {
    transform: translate(-.4rem, -2.2rem);
    font-size: 1.3rem;
    padding: 0 4px 0px 4px;
    background-color: inherit;
    border-radius: 3px;
}
.form_field:focus ~ label {
    color: var(--fc1);
}
.form_field.field_dng ~ label {
    color: var(--danger);
}
.hero {
    background-color: var(--bgc_p_f);
    background-image: linear-gradient(180deg, var(--bgc_p_f) 0%, var(--bgc_p_f) 5%, rgb(228 190 201) 100%);
}
.accord {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.accord_b {
    border: 1px solid var(--br1);
    border-radius: 10px;
    background-color: var(--fc10);
    width: 100%;
}
.accord_h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0;
    padding: 1.7rem 2rem;
    cursor: pointer;
}
.accord_c {
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.accord_ci {
    padding: 0 3rem 2rem;
}
.accord_b.active .accord_c {
    height: auto;
    opacity: 1;
}
.accord_b.active .accord_i {
    transform: rotate(-180deg);
}


.marquee {
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    padding: 3rem 0;
    overflow: hidden;
    display: flex;
    /* mask: linear-gradient(90deg, #0000, #000 2% 98%, #0000); */
}
.oh_pause .marquee_group {
    animation-play-state: paused;
}
.marquee_group {
    display: flex;
    gap: 5rem;
    align-items: center;
    padding-right: 5rem;
    will-change: transform;
    animation: scroll_x 40s linear infinite;
}
.scroll_cards {
    width: 100%;
    max-width: 1944px;
    max-width: 1368px;
    margin: 0 auto;
    position: relative;
    height: 420px;
}
.scroll_card {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scale(0);
    transform-origin: center bottom;
    z-index: 0;
    opacity: 0;
    width: 360px;
    border-radius: 10px 10px 0 0;
    background-color: var(--bgc1);
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);

}

.scroll_card:nth-child(1) {
    transform: translatex(-257%) scale(.55);
    z-index: 3;
}
.scroll_card:nth-child(2) {
    transform: translateX(-205%)  scale(.7);
    z-index: 4;
    opacity: 1;
}
.scroll_card:nth-child(3) {
    transform: translateX(-140%) scale(.85);
    z-index: 5;
    opacity: 1;
}
.scroll_card:nth-child(4) {
    transform: translateX(-50%) scale(1);
    z-index: 6;
    opacity: 1;
}
.scroll_card:nth-child(5) {
    transform: translateX(40%) scale(.85);
    z-index: 5;
    opacity: 1;
}
.scroll_card:nth-child(6) {
    transform: translateX(105%) scale(.7);
    z-index: 4;
    opacity: 1;
}
.scroll_card:nth-child(7) {
    transform: translateX(157%) scale(.55);
    z-index: 3;
}

/* .psteps:before,
.psteps:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 2.8rem;
    margin-top: -2px;
    height: 3px;
    background-color: var(--bgc4);
    z-index: -1;
} */

.pstep:after,
.pstep.active:after,
.pstep:before,
.pstep.active:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 2.8rem;
    margin-top: -2px;
    height: 3px;
    width: 50%;
    background-color: var(--bgc4);
    z-index: -1;
}
.pstep:before,
.pstep.active:before {
    left: 0;
}
.pstep:first-child:before,
.pstep:last-child:after {
    content: none;
}

.pstep.active .pstep_icon {
    background-color: var(--success1);
    color: var(--fc10);
    border-color: var(--success1);
}
.pstep.active:after,
.pstep.active:before {
    background-color: var(--success1);
    z-index: -1;
}


.icon {
    width: 2.4rem;
    height: 2.4rem;
}


.btn {
    padding: 0 1.2rem;
    width: auto;
    min-width: 3.6rem;
    height: 3.6rem;
    border-radius: 6px;
    color: var(--fc1);
    background-color: transparent;
    border: 1px solid var(--br2);
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: .8rem;
    font-family: inherit;
}
.btn:hover {
    background-color: var(--bgc3);
    border-color: var(--br3);
    text-decoration: none;
    color: var(--fc1);
}
.btn:active {
    transform: scale(.95);
}
.btn.p {
    background-color: var(--p);
    color: var(--fc10);
    border-color: var(--p);
}
.btn.p:hover {
    background-color: var(--ph);
    border-color: var(--ph);
}
.btn.s {
    background-color: var(--s);
    color: var(--fc10);
    border-color: var(--s);
}
.btn.s:hover {
    background-color: var(--sh);
    border-color: var(--sh);
}
.btn.trp {
    background-color: transparent;
    border-color: transparent;
}
.btn.trp:hover {
    background-color: rgb(255 255 255 / 50%);
    border-color: rgb(255 255 255 / 50%);
}
.btn.xl,
.btn.learn_more {
    height: 4.2rem;
    padding: 0 2rem;
    font-size: 1.6rem;
}
.btn.xxl {
    height: 4.6rem;
    padding: 0 2.2rem;
    font-size: 1.7rem;
}

.btn .icon {
    width: 2rem;
    height: 2rem;
}
.learn_more {
    margin-top: 2.5rem;
    background-color: transparent;
}
.tag,
.tag2 {
    color: var(--p);
    background-color: var(--bgc3);
    display: inline-flex;
    gap: 1rem;
    align-items: center;
    border-radius: 100px;
    padding: .5rem 1.8rem;
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
}
.tag2 {
    padding-right: 1.2rem;
}
.icon.xxsm {
    width: 1.8rem;
    height: 1.8rem;
}
.icon.xsm {
    width: 2rem;
    height: 2rem;
}
.icon.sm {
    width: 2.2rem;
    height: 2.2rem;
}
.icon.lg {
    width: 2.6rem;
    height: 2.6rem;
}
.icon.xl {
    width: 2.8rem;
    height: 2.8rem;
}
.icon.xxl {
    width: 3.2rem;
    height: 3.2rem;
}
.figure_phone:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 3px;
    z-index: 1;
    width: 3px;
    height: 26%;
    border-radius: 8px;
    background-color: var(--br3);
    transform: translateY(-50%);
}





.bs_cb {box-sizing: content-box;}
.block {display: block}
.iflex {
    display: inline-flex;
}
.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: flex-start;
    justify-content: flex-start;
}
.wrap {
    flex-wrap: wrap;
}
.grid {
    display: grid;
    grid-template-columns: 1fr;
}
.gtc2 {grid-template-columns: repeat(2, 1fr)}
.gtc3 {grid-template-columns: repeat(3, 1fr)}
.gtc4 {grid-template-columns: repeat(4, 1fr)}
.gtc5 {grid-template-columns: repeat(5, 1fr)}

.gtr2 {grid-template-rows: repeat(2, 1fr);}

.gc1_2 {
    grid-column: 1 / 2;
}
.gc2_3 {
    grid-column: 2 / 3;
}
.gc3_4 {
    grid-column: 3 / 4;
}
.gc1_1 {
    grid-column: 1 /-1;
}

.gr1_2 {grid-row: 1/2}
.gr1_3 {grid-row: 1/3}
.gr2_3 {grid-row: 2/3}

.fb0 {flex-basis: 0}
.fg1 {flex-grow: 1}


.ai_c {align-items: center}
.ai_s {align-items: stretch}
.ai_e {align-items: end}

.jc_c {justify-content: center}
.jc_e {justify-content: end}
.jc_sb {justify-content: space-between}
.jc_sa {justify-content: space-around}
.gp_5{gap:.5rem}
.gp1{gap:1rem}
.gp1_5{gap:1.5rem}
.gp2{gap:2rem}
.gp3{gap:3rem}
.gp5{gap:5rem}
.gp_r4 {
    row-gap: 4rem;
}
.tabs {
    display: inline-flex;
    gap: .5rem;
}
.tab {
    padding: .4rem 1.2rem;
    font-weight: 600;
    border-radius: 6px;
}
.tab:hover {
    background-color: var(--bgc3);
    color: var(--fc1);
}
.tab.active {
    color: var(--fc10);
    background-color: var(--s);
    padding: .4rem 1.2rem;
    border-radius: 6px;
}
.tabc {
    display: none;
    opacity: 0;
}
.tabc.active {
    display: flex;
    opacity: 1;
}


.cvis_a {
    content-visibility: auto;
    contain-intrinsic-size: 1000px;
}

.radio,
.rel {
    position: relative;
}
.sticky {
    position: sticky;
}
.abs {
    position: absolute
}
.rel, .abs{
    left: 0;
    top: 0;
}

.abs.cntr_x {
    left: 50%;
    transform: translateX(-50%);
}

.tp_a {top: auto}
.tp0 {top: 0}
.tp_5 {top: .5rem}
.tp1 {top: 1rem}
.tp2 {top: 2rem}
.tp4 {top: 4rem}

.rgt0 {right: 0}
.rgt1_5 {right: 1.5rem}
.rgt1 {right: 1rem}
.rgt5 {right: 5rem}

.btm0 {bottom: 0}
.btm_5 {bottom: .5rem}
.btm1 {bottom: 1rem}

.lft_a {left: auto}
.lft1 {left: 1rem}
.lft50p{left: 50%}

.zi0{z-index: 0}
.zi1{z-index: 1}
.zi2{z-index: 2}

.rotate270 {transform: rotate(270deg)}
.rotate290 {transform: rotate(290deg)}

.m0auto{margin: 0 auto}

.mt0{margin-top: 0}
.mt1{margin-top: 1rem}
.mt2{margin-top: 2rem}
.mt3{margin-top: 3rem}
.mt5{margin-top: 5rem}

.mr_a{margin-right: auto}
.mr1{margin-right: 1rem}

.mb0{margin-bottom: 0}
.mb_5{margin-bottom: .5rem}
.mb1{margin-bottom: 1rem}
.mb1_5{margin-bottom: 1.5rem}
.mb2{margin-bottom: 2rem}
.mb2_5{margin-bottom: 2.5rem}
.mb3{margin-bottom: 3rem}
.mb3_5{margin-bottom: 3.5rem}
.mb5{margin-bottom: 5rem}
.mb6{margin-bottom: 6rem}
.mb8{margin-bottom: 8rem}
.mb10{margin-bottom: 10rem}

.ml_a{margin-left: auto}
.mll_minus{margin-left: -1rem}
.ml1{margin-left: 1rem}
.ml2{margin-left: 2rem}
.ml3{margin-left: 3rem}


.p0{padding: 0}
.p_5{padding: .5rem}
.p1{padding: 1rem}
.p1_5{padding: 1.5rem}
.p2{padding: 2rem}
.p2_5{padding: 2.5rem}
.p3{padding: 3rem}
.p4{padding: 4rem}
.p5{padding: 5rem}

.pt0{padding-top: 0}
.pt1{padding-top: 1rem}
.pt1_5{padding-top: 1.5rem}
.pt2_5{padding-top: 2.5rem}
.pt3{padding-top: 3rem}
.pt3_5{padding-top: 3.5rem}
.pt5{padding-top: 5rem}

.pr0{padding-right: 0}
.pr_5{padding-right: .5rem}
.pr1{padding-right: 1rem}
.pr1_5{padding-right: 1.5rem}

.pb0{padding-bottom: 0}
.pb1{padding-bottom: 1rem}
.pb1_5{padding-bottom: 1.5rem}
.pb2_5{padding-bottom: 2.5rem}
.pb3{padding-bottom: 3rem}
.pb3_5{padding-bottom: 3.5rem}
.pb5{padding-bottom: 5rem}

.pl0{padding-left: 0}
.pl_5{padding-left: .5rem}
.pl1{padding-left: 1rem}
.pl3{padding-left: 3rem}


.wa{width: auto}
.w2_6r{width:2.6rem}
.w3_6r{width:3.6rem}
.w40{width:40px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w150{width:150px}
.w200{width:200px}

.w20p{width:20%}
.w33p{width:33.3333333333%}
.w40p{width:40%}
.w50p{width:50%}
.w60p{width:60%}
.w66p{width:66.6666666666%}
.w100p{width:100%}

.mxw170{max-width:170px}
.mxw180{max-width:180px}
.mxw200{max-width:200px}
.mxw220{max-width:220px}
.mxw250{max-width:250px}
.mxw280{max-width:280px}
.mxw400{max-width:400px}
.mxw430{max-width:430px}
.mxw450{max-width:450px}
.mxw500{max-width:500px}
.mxw800{max-width:800px}
.mxw900{max-width:900px}

.mnw180{min-width: 180px}

.h17{height:17px}
.h18{height:18px}
.h20{height:20px}
.h22{height:22px}
.h24{height:24px}
.h26{height:26px}
.h30{height:30px}
.h2_6r{height:2.6rem}
.h3_6r{height:3.6rem}
.h40{height:40px}
.h200{height:200px}

.fs_sm{
    font-size:1.3rem;
    line-height: 1.5;
}
.fs_md{
    font-size:1.5rem;
    line-height: 1.4;
}
.fs1_5 {
    font-size: 1.5rem;
    line-height: 1.5;
}
.fs_xl{
    font-size:1.8rem;
}
.fs2{
    font-size:2rem;
    line-height: 1.5;
}
.fs2_2{
    font-size:2.2rem;
    line-height: 1.4
}
.fs_2xl{
    font-size:2.6rem;
    line-height: 1.3
}
.fs_3xl{
    font-size:3rem;
    line-height: 1.3
}
.fs_5xl{
    font-size: 5.6rem;
    line-height: 1.2;
}


.lh1_6 {line-height: 1.6}
.lh3_6r {line-height: 3.6rem}

.fc1{color: var(--fc1)}
.fc2{color: var(--fc2)}
.fc3{color: var(--fc3)}
.fc9{color: var(--fc9)}
.fc10{color: var(--fc10)}

.fc_p{color: var(--p)}
.fc_s{color: var(--s)}
.fc_dng{color: var(--danger)}
.fc_scs{color: var(--success1)}
.fc_ntc{color: var(--notice)}

.fc_ptb{
    background: linear-gradient(90deg, #c72c91 33.54%, #006cbe 73.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tt_c{text-transform: capitalize;}
.tt_u{text-transform: uppercase;}

.bgc_p{background-color: var(--p)}
.bgc_s{background-color: var(--s)}

.bgc_dng{background-color: var(--danger)}
.bgc_scs{background-color: var(--success1)}
.bgc_ntc{background-color: var(--notice)}

.bgc1{background-color: var(--bgc1)}
.bgc2{background-color: var(--bgc2)}
.bgc3{background-color: var(--bgc3)}

.bgc1_83{background-color: hsl(0deg 0% 100% / 83%)}
.bgc_p_f{background: var(--bgc_p_f);}

.bgs_c{background-size: cover;}
.bgs100p{background-size: 100%;}

.bgp_c{background-position: center;}
.bgp_ct{background-position: center top;}

.bgr_nr{background-repeat: no-repeat}

.bgi_g {background-image: radial-gradient(circle at 85% -15%, #006cbe -20%, transparent 20%), radial-gradient(circle at 65% 10%, #005fa7 10%, transparent 50%), radial-gradient(circle at 30% 55%, #0e7cd1 -20%, transparent 40%)}

.bxs{
    box-shadow: inset 0 -1px .5px #0000000a,0 8px 8px -4px #00000005,0 4px 4px -2px #00000008,0 3px 3px -1.5px #1b1b1b08,0 2px 2px -1px #0000000a,0 .5px 1px #0000000f,0 0 0 1px #0000000a;
}
.bxs_lite {
    box-shadow: 0 0 0 1px #0000000f,0 24px 48px -12px #0a0d122e,0 4px 4px -2px #0a0d120a;
}
.bxs_wod {
    box-shadow: 0 0 2px hsl(0deg 0% 100% / 67%);
}

.br0 {border: none}
.br_p{border: 1px solid var(--p)}
.br_s{border: 1px solid var(--s)}
.br1{border: 1px solid var(--br1)}
.br2{border: 1px solid var(--br2)}

.br1_t{border-top: 1px solid var(--br1)}
.br1_b{border-bottom: 1px solid var(--br1)}

.br2_b{border-bottom: 1px solid var(--br2)}

.br_w2{border-width: 2px}
.br_w4{border-width: 4px}

.brr3{border-radius: 3px}
.brr6{border-radius: 6px}
.brr10{border-radius: 10px}
.brr16{border-radius: 16px}
.brr100{border-radius: 100px}
.brr50p{border-radius: 50%}


.brr10_tl_tr,
.brr10_tl {
    border-top-left-radius: 10px;
}
.brr10_tl_tr,
.brr10_tr {
    border-top-right-radius: 10px;
}
.brr10_bl_br,
.brr10_br {
    border-bottom-right-radius: 10px;
}
.brr10_bl_br,
.brr10_bl {
    border-bottom-left-radius: 10px;
}


.fw4 {font-weight: 400}
.fw5 {font-weight: 500}
.fw6 {font-weight: 600}
.fw7 {font-weight: 700}

.ta_c{text-align:center}
.ta_l{text-align:left}
.ta_r{text-align:right}

.ws_n {white-space: nowrap}


.om_block,
.om_flex,
.hidden {display: none;}

.of_h {overflow:hidden}
.of_x_a {overflow-x: auto}

.flt_gs {filter: grayscale(1)}

a.fc10:hover {
    color: var(--fc9);
}


@media (max-width: 1200px) {
    .container {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
    
    .mxw1100_gp1_5 {
        gap: 1.5rem;
    }
}

@media (max-width: 1000px) {
    .mxw1000_gc1_1 {grid-column: 1/-1;}
}
@media (max-width: 900px) {
    html {
        font-size: 9px;
    }
    h1 {
        font-size: 3.1rem;
        margin-bottom: 1.3rem;
    }
    h2 {
        font-size: 2.8rem;
    }
    h3 {font-size: 1.8rem}



    section, .section {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .accord_h {
        padding: 1.4rem;
    }
    .accord_ci {
        padding: 0 2rem 1.5rem;
    }
    .marquee {
        padding: 1.7rem 0;
    }
    .marquee_group {
        gap: 3rem;
        padding-right: 3rem;
    }

    .btn.xxl {
        height: 4.2rem;
        padding: 0 1.8rem;
        font-size: 1.6rem;
    }


    .om_tp_5 {top: .5rem}
    .om_rgt_5 {right: .5rem}
    .om_btm_5 {bottom: .5rem}
    .om_lft_5 {left: .5rem}
    

 
    .fs_2xl {
        font-size: 2.2rem;
    }
    .fs_3xl {
        font-size: 2.4rem;
    }
    .fs_5xl{
        font-size: 4rem;
    }
    .p3 {
        padding: 2rem;
    }
    .p2_5 {
        padding: 1.7rem;
    }
    .p2 {
        padding: 1.5rem;
    }
    .mb5 {
        margin-bottom: 3.5rem;
    }
    .mb6 {
        margin-bottom: 4rem;
    }
    .mb8 {
        margin-bottom: 5rem;
    }
    .mb10 {
        margin-bottom: 7rem;
    }

    .mxw220 {
        max-width: 190px;
    }

    .om_gtc1{grid-template-columns: 1fr}
    .om_gtc2{grid-template-columns: repeat(2, 1fr)}
    .gp1_5{gap: 1rem}
    .gp2 {gap: 1rem}
    .gp3 {
        gap: 1.5rem;
    }
    .om_gp3 {gap: 3rem}
    .om_wrap {
        flex-wrap: wrap;
    }
    .om_jc_c {
        justify-content: center;
    }

    .om_zi10 {
        z-index: 10;
    }



    .om_w170 {width: 170px;}
    .om_w100p {
        width: 100%
    }

    .om_p0 {padding: 0}
    .om_p1 {padding: 1rem}
    .om_pt1 {padding-top: 1rem}
    .om_pt3 {padding-top: 3rem}
    .om_pr3 {padding-right: 3rem}
    .om_pb1 {padding-bottom: 1rem}
    .om_pb3 {padding-bottom: 3rem}

    .om_mb5 {margin-bottom: 5rem}

    .om_brr10 {border-radius: 10px}


    .om_block {
        display: block;
    }
    .om_flex {
        display: flex;
    }
    .om_hidden {
        display: none;
    }

    .om_sticky {
        position: sticky;
    }
    .om_fxd {
        position: fixed;
    }

    #mobile_menu {
        position: fixed;
        left: 0;
        top: -300px;
        width: 100%;
        z-index: 9;
        background-color: rgb(0 0 0 / 90%);
        padding: 2rem;
        -webkit-transition: var(--trans);
        -moz-transition: var(--trans);
        -ms-transition: var(--trans);
        -o-transition: var(--trans);
        transition: var(--trans);
    }
    #mobile_menu.active {
        transform: translateY(351px);
    }

}

@media (max-width: 600px) {

    /* .scroll_card {
        width: 330px;
    
    } */


    .mxw600_gtc1 {grid-template-columns: 1fr}

    .mxw600_p0 {
        padding: 0;
    }
}