html {scroll-behavior: smooth;}

body{font-family: 'Raleway', sans-serif; margin: 0;}

h1,h2,h3,h4,p{margin: 0;}

.green_color{color: #5fb3a3;}
.green_color2{color: #0000; background: linear-gradient(90deg, #4a9b8e, #5fb3a3); background-clip: text;}

.grey_color{color: #ebe6e7;}

.font_w6{font-weight: 600;}

.margin_sty1{ margin-block-start: 0; margin-block-end: 24px;}

.margin_sty2{margin-block-end: 0 !important;}

#logo_nav{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #101828;
    padding-block: 16px;
    padding-inline: 16px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}


#logo_row{display: flex; justify-content: space-between; align-items: center; max-width: 1280px; margin-inline: auto;}

#logo_wrapper{display: flex; align-items: center; gap: 16px;}

#zlk_logo{height: 40px; width: auto;}

#logo_border{background-color: #d1d5dc; width: 1px; height: 24px; }

#btn_nav_logo_wrapper{
    font-weight: 500; 
    font-size: 14px; 
    line-height: 20px; 
    gap: 32px;
    align-items: center;
    display: flex;
}

#btn_nav_logo{
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    color: #fff;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding-block: 8px;
    padding-inline: 16px;
    background-color: #4a9b8e;
    border-radius: 8px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 36px;
    display: inline-flex;
    border: none;
    font-family: 'Raleway', sans-serif;
}

#btn_nav_logo:hover{background-color: #3a8b7e;}


#settlement_amount_wrapper{color:#fff; text-align: center; padding-block: 12px; padding-inline: 16px; background-image: linear-gradient(to right in oklab, rgb(74, 155, 142) 0px, rgb(58, 139, 142) 100%);}

#settlement_amount_wrapper > span{font-weight: 700; font-size: 18px; line-height: 28px;}


#btn_fom{
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    color: #fff;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;    
    padding-inline: 16px;
    background-color: #0000;
    border-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    gap: 6px;
    justify-content: center;
    align-items: center;
    height: 32px;
    display: inline-flex;
    margin-left: 12px;
    font-family: 'Raleway', sans-serif;
    
}

#btn_fom:hover{color: #4a9b8e; background-color: #fff;}


#sws_form_section{
    color: #fff; 
    padding-block: 96px; 
    padding-inline: 16px;
    background-image: linear-gradient(to right bottom, oklch(0.208 0.042 265.755) 0px, oklch(0.279 0.041 260.031) 50%, oklch(0.208 0.042 265.755) 100%);
    overflow: hidden;
    position: relative;

}

#sws_form_bg{background-color:#00000099; inset: 0; position: absolute;}

#sws_form_wrapper{max-width: 1280px;margin-inline: auto;position: relative;}

#sws_form_inner{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; align-items: center; display: grid;}

#sws_form_inner_left_text_section{margin-block-start: 0; margin-block-end: 32px;}

#sws_form_inner_left_text_section > h1{font-size: 72px; line-height: 90px; font-weight: 700; margin: 16px 0 24px;}

#sws_form_inner_left_text_section > h1 > span{color: #0000; background: linear-gradient(90deg, #4a9b8e, #5fb3a3); background-clip: text;}

#sws_form_inner_left_text_section > p{font-size: 24px; line-height: 39px; color: #ebe6e7; font-weight: 300;}

#sws_form_inner_left_text_row_section{gap:16px; flex-wrap: wrap; display: flex; margin-block-start:0; margin-block-end: 32px;}

#sws_form_inner_left_text_row_section > span{
    transition-property: color, box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    color: #fff;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding-block: 8px;
    padding-inline: 16px;
    background-color: #4a9b8e4d;
    border-color: #4a9b8e80;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    overflow: hidden;
    gap: 4px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: fit-content;
    display: inline-flex;
}

#sws_form_inner_left_text_row_section > span > svg{width: 12px; height: 12px; pointer-events: none; margin-right: 8px;}

#btn_syfcr{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #fff;
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding-block: 16px;
    padding-inline: 32px;
    background-color: #4a9b8e;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    height: 40px;
    display: inline-flex;
    border: none;
}

#btn_syfcr:focus-visible{
    box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
}

#btn_syfcr:hover{background-color: #3a8b7e; scale: 1.02;}

#sws_form_inner_right{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    color: #0a0a0a;
    padding-block: 24px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    gap: 24px;
    flex-direction: column;
    max-width: 448px;
    display: flex;
    margin-inline: auto;
    backdrop-filter: blur(8px);

}

#sws_form_inner_right_inner{padding: 24px;}

#sws_form_inner_right_inner_text_section{text-align: center; margin-bottom: 24px;}

#sws_form_inner_right_inner_text_section > h2{color: #101828; font-weight: 700; font-size: 30px; line-height: 36px; margin:0 0 12px;}

#sws_form_inner_right_inner_text_section > p{color:#4a5565; font-size: 18px; line-height: 28px;}

.sws_form2_row{gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; margin-block-start: 0; margin-block-end: 24px;}

#sws_form2 label{user-select: none; color: #364153; font-weight: 600; font-size: 14px; line-height: 20px; align-items: center; display: block; margin-bottom: 8px;}

#sws_form2 input{
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 20px;
    outline-style: none;
    transition-property: color, box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    font-weight: 500;
    padding-block: 12px;
    padding-inline: 16px;
    background-color: #0000;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    min-width: 0;
    width: 100%;
    height: 36px;
    display: flex;
    box-sizing: border-box;

}

#sws_form2 input:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

#btn_sws_form2{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #fff;
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding-block: 16px;
    padding-inline: 16px;
    background-image: linear-gradient(to right in oklab, rgb(74, 155, 142) 0px, rgb(58, 139, 126) 100%);
    background-color: #171717;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    width: 100%;
    height: 36px;
    display: inline-flex;
    margin-block-start: 0;
    margin-block-end: 24px;
    border: none;
}

#btn_sws_form2:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
}

#btn_sws_form2:hover{scale: 1.02; background-image: linear-gradient(to right in oklab, rgb(58, 139, 126) 0px, rgb(42, 123, 110) 100%);}

#sws_form2 > p{color: #6a7282; font-size:12px; line-height: 16px; text-align: center; margin-top:16px;}

#lmitsm_section{padding-block: 80px; padding-inline: 16px; overflow: hidden; position: relative;}

#lmitsm_bg_section{inset: 0; position: absolute;}

#lmitsm_bg_img{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: transparent;
    object-position: center;
    object-fit: cover;
    scale: -1 1;
    max-width: 100%;
}

#lmitsm_bg{
    background-image: linear-gradient(to right, oklab(0 0 0 / 0.5) 0px, oklab(0 0 0 / 0.7) 50%, oklab(0 0 0 / 0.9) 100%); 
    inset: 0; 
    position: absolute;
}

#lmitsm_text_section{padding-right: 64px; color: #fff; justify-content: flex-end; max-width: 1280px; display: flex; margin-inline: auto; position: relative;}

#lmitsm_text_wrapper{text-align: right; max-width: 768px; width: 100%; margin-left: auto; }

#lmitsm_text_wrapper > h2{font-size: 48px; line-height: 60px; font-weight: 700; margin-bottom: 32px;}

#mitsm_text{font-size: 20px; line-height: 32.5px;}

#mitsm_text p:first-child{color: #f6f3f4; margin-block-start: 0; margin-block-end: 24px;}

#mitsm_text p:last-child{color: #fff; font-weight: 600;font-size: 20px; line-height: 28px; }

#mitsm_btn_wrapper{margin-top: 40px;}

#btn_mitsm{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #fff;
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding-block: 16px;
    padding-inline: 32px;
    background-color: #4a9b8e;
    border: none;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    height: 40px;
    display: inline-flex;
}


#btn_mitsm:hover{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
    background-color: #3a8b7e;
    scale: 1.02;
}

#wwysic_section{padding-block: 80px; padding-inline: 16px; background-color: #fff;}

#wwysic_wrapper{text-align: center; max-width: 1024px; margin-inline: auto;}

#wwysic_wrapper > h2{font-size: 48px; line-height: 48px; color: #101828; font-weight: 700; margin-bottom: 24px;}

#wwysic_wrapper > h3{font-weight: 600; font-size: 30px; line-height: 36px; margin-bottom: 40px; color: #0000; background: linear-gradient(90deg, #4a9b8e, #5fb3a3); background-clip: text;}

#wwysic_text1{color: #364153; line-height: 32.5px; font-size: 20px; max-width: 896px; margin-bottom: 64px; margin-inline: auto;}

#loftrf_section{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    padding: 40px;
    background-image: linear-gradient(to right bottom, oklch(0.971 0.013 17.38) 0px, oklch(0.936 0.032 17.717) 100%);
    border: 1px solid oklch(88.5% .062 18.334);
    border-radius: 16px;
    margin-bottom: 64px;
}

#loftrf_section > h4{color: #101828; font-weight: 700; font-size: 24px; line-height: 32px; justify-content: center; align-items: center; display: flex; margin-bottom: 32px;}

#loftrf_section > h4 > svg{color: oklch(57.7% .245 27.325); width: 32px; height: 32px; margin-right: 12px;}

#loftrf_wrapper{grid-template-columns: repeat(2, minmax(0, 1fr)); text-align: left; gap: 24px; max-width: 896px; display: grid;margin-inline: auto;}

#loftrf_wrapper > div >div{align-items: flex-start; display: flex; margin-block-start: 0; margin-block-end: 16px;}


#loftrf_wrapper > div >div > div{background-color: oklch(57.7% .245 27.325); border-radius: 3.40282e+38px; flex-shrink: 0; width: 12px; height: 12px; margin: 8px 16px 0 0;}

#loftrf_wrapper > div >div > span{color: #1e2939; font-weight: 500; line-height: 24px;}

#wwysic_text2{font-weight: 600; font-size: 20px; line-height:28px; margin-bottom: 32px; color: #364153;}

#loftrf_btn_row{flex-direction: row; gap: 16px; justify-content: center; align-items: center; display: flex;}

#btn_cyen{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #fff;
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding-block: 16px;
    padding-inline: 32px;
    background-color: #4a9b8e;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    flex-shrink: 0;
    height: 40px;
    display: inline-flex;
    border: none;
}

#btn_cyen:focus-visible{box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;}

#btn_cyen:hover{background-color: #3a8b7e; scale: 1.02;}

#btn_dmtdcn{
    outline-style: none;
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #4a9b8e;
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding-block: 16px;
    padding-inline: 32px;
    background-color: #0000;
    border: 1px solid #4a9b8e;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    flex-shrink: 0;
    height: 40px;
    display: inline-flex;
}

#btn_dmtdcn:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
    border-color: #a1a1a1;
}

#btn_dmtdcn:hover{color: #fff; background-color: #4a9b8e; scale: 1.02;}

#orrcrr_section{padding-block: 80px; padding-inline: 16px; background-color: #fbf9fa;}

#orrcrr_wrapper{max-width: 1152px; margin-inline: auto; }

#orrcrr_text_wrapper{text-align: center; margin-bottom: 64px; }

#orrcrr_text_wrapper > h2{font-size: 48px; line-height: 48px; color: #101828; font-weight: 700; margin-bottom: 24px;}

#orrcrr_text_wrapper > p{color: #4a5565; font-size: 20px; line-height: 28px; margin-bottom: 32px;}

#orrcrr_text_wrapper > p >span{font-weight: 700; color: #4a9b8e;}

#btn_siyq{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    color: #4a9b8e;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding-block: 8px;
    padding-inline: 16px;
    background-color: #0000;
    border: 1px solid #4a9b8e;
    border-radius: 8px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    height: 36px;
    display: inline-flex;
}

#btn_siyq:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-color: #a1a1a1;
}


#btn_siyq:hover{color:#fff; background-color: #4a9b8e;}

.settlement_slide{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
    color: #0a0a0a;
    padding-block: 24px;
    background-color: #fff;
    border-radius: 14px;
    gap: 24px;
    flex-direction: column;
    transform: none;
    height: 100%;
    display: flex;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    margin: 0 16px;
}

.settlement_slide:hover{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    scale: 1.02;
}

.settlement_slide_inner{padding: 32px;}

.settlement_title_section{margin-bottom: 24px; }

.settlement_title_section > h3{color: #101828; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 12px;}

.sa_text{color: #4a5565; font-weight: 600; font-size:14px; line-height: 20px; margin-bottom: 8px; }

.sa_num{font-weight: 700; font-size: 30px; line-height: 36px; color: #0000; background: linear-gradient(90deg, #4a9b8e, #5fb3a3); background-clip: text;}

.settlement_slide_inner > p{color: #364153; line-height: 26px;}

#slmt-prev, #slmt-next{
    padding-inline: 10px;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    background-color: #0000;
    border: 1px solid oklch(0.922 0 0);
    border-radius: 3.40282e+38px;
    gap: 6px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
}

#slmt-prev:hover, #slmt-next:hover{color: #171717; background-color: whitesmoke; }

#slmt-prev > svg,  #slmt-next > svg{width: 16px; height: 16px; flex-shrink: 0; pointer-events: none;}

#slmt_slider-controls{gap: 16px; justify-content: center; align-items: center; display: flex; margin-top: 32px;}

.settlement_dot{list-style: none; padding: 0; margin: 0; gap: 8px; display: flex;}

.settlement_dot > .slick-active{background-color: #4a9b8e;}

.settlement_dot > li{
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    background-color: #d1d5dc;
    border-radius: 3.40282e+38px;
    width: 12px;
    height: 12px;

}

.settlement_dot > li > button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 8px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

#wlk_section{padding-block: 80px; padding-inline: 16px; background-color:#fff;}

#wlk_wrapper{max-width: 1152px; margin-inline: auto;}

#wlk_title_section, #whrnfi_title_section{text-align: center; margin-bottom: 64px;}

#wlk_title_section > h2{font-size: 48px; line-height: 48px; color: #101828;font-weight: 700; margin-bottom: 24px;}

#wlk_title_section > p{color: #4a5565; font-size: 20px; line-height: 28px; margin-bottom: 48px;}

#wlk_items_section{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; display: grid; margin-bottom: 80px; }

.wlk_item_wrapper{text-align: left;}

.wlk_item_inner{align-items: flex-start; display: flex;}

.wlk_icon{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    padding: 16px;
    background-image: linear-gradient(to right bottom in oklab, rgb(74, 155, 142) 0px, rgb(58, 139, 126) 100%);
    border-radius: 16px;
    flex-shrink: 0;
    margin-right: 24px;
}

.wlk_icon > svg{color: #fff; width: 32px; height: 32px; vertical-align: middle; display: block;}

.wlk_text > h3{color: #101828; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 16px;}

.wlk_text > p{color: #364153; line-height: 29.25px; font-size: 18px;}

#whrnfi_section{padding-block: 80px; padding-inline: 16px; background-color: #fbf9fa;}

#whrnfi_wrapper{max-width: 1152px; margin-inline: auto;}

#whrnfi_title_section > h2{font-size: 48px; line-height: 48px; font-weight: 700; margin-bottom: 24px;}

#whrnfi_title_section > h3{color: #101828; font-weight: 700; font-size: 30px; line-height: 36px; margin-bottom: 32px;}

#whrnfi_title_section > p{color: #4a5565; font-size: 20px; line-height: 28px;margin-bottom: 48px;}

#whrnfi_items_section{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; display: grid; margin-bottom: 64px;}

.whrnfi_item{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    padding: 32px;
    background-color: #fff;
    border: 1px solid #f6f3f4;
    border-radius: 16px;

}

.whrnfi_item > div{align-items: center; display: flex; margin-bottom: 16px;}

.whrnfi_item > div > svg{color: #4a9b8e; width: 32px; height: 32px; margin-right: 16px; }

.whrnfi_item > div > h4{color: #101828;font-weight: 700; font-size: 20px; line-height: 28px; }

.whrnfi_item > p{color: #4a5565; line-height: 24px;}

#whrnfi_btn_section{text-align: center;}

#whrnfi_btn_wrapper{flex-direction: row; gap: 16px; justify-content: center; align-items: center; display: flex;}

#btn_gyfc{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #fff;
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding-block: 16px;
    padding-inline: 32px;
    background-color: #4a9b8e;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    flex-shrink: 0;
    height: 40px;
    display: inline-flex;
    border: none;
}

#btn_gyfc:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
}

#btn_gyfc:hover{background-color: #3a8b7e; scale: 1.02;}

#sws2_faq_section{padding-block: 80px; padding-inline: 16px; background-color: #fff;}

#sws2_faq_wrapper{max-width: 896px; margin-inline: auto;}

#sws2_faq_title_section{text-align: center; margin-bottom: 64px; }

#sws2_faq_title_section > h2{font-size: 48px; line-height: 48px; color: #101828; font-weight: 700; margin-bottom: 24px;}

#sws2_faq_title_section > p{color: #4a5565; font-size: 20px; line-height: 28px; }

.sws2_faq_item_wrapper{border: 1px solid #ebe6e7; border-radius: 10px; overflow: hidden; margin-block-start: 0; margin-block-end: 16px;}

.sws2_faq_item_wrapper > button{
    font-family: 'Raleway', sans-serif;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-t;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    text-align: left;
    padding-block: 16px;
    padding-inline: 24px;
    background-color: #fbf9fa;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    border: none;
}

.sws2_faq_item_wrapper > button:hover{background-color: #f6f3f4;}


.sws2_faq_item_wrapper > button > h3{color: #101828; font-weight: 600; font-size: 18px; line-height: 28px;}

.sws2_faq_item_wrapper > button > svg{
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    color: #6a7282;
    width: 20px;
    height: 20px;
}

.sws2_faq_answer{padding-block: 16px; padding-inline: 24px; background-color: #fff;}

.sws2_faq_answer > p{color: #364153; line-height: 26px;}

.sws2_faq_answer{display: none;}

#sws2_faq_btn_section{text-align: center; margin-top: 48px;}

#btn_shqgfc{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #fff;
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding-block: 16px;
    padding-inline: 32px;
    background-color: #4a9b8e;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    height: 40px;
    display: inline-flex;
    border: none;
}

#btn_shqgfc:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6p;   
}

#btn_shqgfc:hover{background-color: #3a8b7e; scale: 1.02;}

#lmitsmlit_section{padding-block: 80px; padding-inline: 16px; background-color: #fbf9fa; }

#lmitsmlit_wrapper{text-align: center; max-width: 1024px; margin-inline: auto;}

#lmitsmlit_wrapper > h2{font-size: 48px; line-height: 48px; color: #101828; font-weight: 700; margin-bottom: 48px;}

#lmitsmlit_btn_row{flex-direction: row; gap: 24px; justify-content: center; align-items: center; display: flex;}

#btn_sws2_call{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
    color: #fff;
    white-space: nowrap;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    padding-block: 20px;
    padding-inline: 40px;
    background-color: #4a9b8e;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    flex-shrink: 0;
    height: 40px;
    display: flex;
    border: none;
}

#btn_sws2_call:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

#btn_sws2_call:hover{background-color: #3a8b7e; scale: 1.05;}

#btn_sws2_call > span, #btn_sws2_ce > span{margin-right: 8px;}

#btn_sws2_ce{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
    color: #4a9b8e;
    white-space: nowrap;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    padding-block: 20px;
    padding-inline: 40px;
    background-color: #0000;
    border: 1px solid #4a9b8e;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transform: none;
    flex-shrink: 0;
    height: 40px;
    display: flex;
}

#btn_sws2_ce:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    border-color: #a1a1a1;

}

#btn_sws2_ce:hover{color: #fff; background-color: #4a9b8e; scale: 1.05;}

#rtfbawsf_section{
    color: #fff; 
    padding-block: 80px; 
    padding-inline: 16px; 
    background-image: linear-gradient(to right bottom in oklab, rgb(74, 155, 142) 0px, rgb(58, 139, 142) 100%);
}

#rtfbawsf_wrapper{text-align: center; max-width: 1024px; margin-inline: auto;}

#rtfbawsf_wrapper > h2{font-size: 48px; line-height: 48px; font-weight: 700; margin-bottom: 24px; }

#rtfbawsf_text1{font-size: 24px; line-height: 32px; opacity: .9; font-weight: 300; margin-bottom: 40px; }

#rtfbawsf_text2{opacity: .75; font-size: 14px; line-height: 20px; margin-top: 24px;}

#btn_rtfbawsf_syfcr{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
    color: #4a9b8e;
    white-space: nowrap;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    padding-block: 20px;
    padding-inline: 40px;
    background-color: #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    transform: none;
    height: 40px;
    display: inline-flex;
    border: none;
}

#btn_rtfbawsf_syfcr:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;    
}

#btn_rtfbawsf_syfcr:hover{background-color: #f6f3f4; scale: 1.05;}

#sws2_footer_section{color: #101828; padding-block: 64px; padding-inline: 16px; background-color: #fff; border: 1px solid #ebe6e7; }

#sws2_footer_wrapper{max-width: 1152px; margin-inline: auto;}

#sws2_footer_row{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; display: grid;}

#footer_zlk_logo{color: transparent; width: auto; height: 40px; margin-bottom: 24px;}

#sws2_footer_col1 > p{color: #4a5565; line-height: 26px;}

#sws2_footer_col2 > h4{color: #101828; font-weight: 700; font-size: 18px; line-height: 28px; margin-bottom: 24px;}

#sws2_footer_col2 > div{color: #4a5565; line-height: 24px;}

#sws2_footer_col2 > div p:first-child{margin-block-start: 0; margin-block-end: 8px; }

#sws2_footer_col3 > h4{color: #101828; font-weight: 700; font-size: 18px; line-height: 28px; margin-bottom: 24px;}

#sws2_footer_col3 > ul{color: #4a5565; list-style: none; margin: 0; padding: 0;}

#sws2_footer_col3 > ul li:first-child{margin-block-start: 0; margin-block-end: 12px; line-height: 24px;}

#sws2_footer_col3 > ul > li > a{
    text-decoration: none; 
    color: inherit; 
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

#sws2_footer_col3 > ul > li > a:hover{color: #4a9b8e;}

#sws2_footer_inner{color: #6a7282; text-align: center; padding-top: 32px; border-top: 1px solid #ebe6e7; margin-top: 48px;}

#sws2_footer_inner p:first-child{margin-bottom: 8px; line-height: 24px;}

#sws2_footer_inner p:last-child{font-size: 14px; line-height: 20px;}

#sws2_fixed_section{
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .5s;
    backdrop-filter: blur(12px);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    background-color: oklab(0.21 -0.00316127 -0.0338527 / 0.95);
    border-top: 1px solid #364153;
    transform: none;
    z-index: 50;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    display: none;
}

#sws2_fixed_wrapper{padding-block: 12px; padding-inline: 16px; justify-content: space-between; align-items: center; align-items: center; max-width: 1280px; display: flex; margin-inline: auto;}

#sws2_fixed_logo{gap: 16px; align-items: center; display: flex;}

#fixed_zlk_logo{color: transparent; width: auto; height: 32px; }

#fixed_border{display: block; background-color: #6a7282; width: 1px; height: 24px; }

#fixed_sws_logo{color: transparent; width: 40px; height: 40px; }

#btn_fixed_gfec{
    font-family: 'Raleway', sans-serif;
    outline-style: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    color: #fff;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding-block: 8px;
    padding-inline: 24px;
    background-color: #4a9b8e;
    border-radius: 8px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 36px;
    display: inline-flex;
    border: none;
}

#btn_fixed_gfec:focus-visible{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.708 0 0 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

#btn_fixed_gfec:hover{background-color: #3a8b7e; scale: 1.05;}


/*#########################################################################################

   TY Page
	
#########################################################################################*/
#TY_Body{background-color: #fbf9fa; min-height: 100vh;}

#TY_header_section{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
    padding-block: 24px;
    padding-inline: 16px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

#TY_header_wrapper{justify-content: center; align-items: center; max-width: 896px; display: flex; margin-inline: auto;}

#TY_header_inner{gap: 16px; align-items: center; display: flex;}

#TY_zlk_logo{color: transparent; width: auto; height: 48px; }

#TY_logo_border{background-color: #d1d5dc; width: 1px; height: 32px;}

#TY_sws_logo{color: transparent; width: 48px; height: 48px;}

#TY_body_width{padding-block: 48px; padding-inline: 16px;}

#TY_body_width_wrapper{max-width: 896px; margin-inline: auto;}

#tyfyi_section, #whn_section{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #0a0a0a;
    padding-block: 24px;
    background-color: white;
    border-radius: 14px;
    gap: 24px;
    flex-direction: column;
    display: flex;
    margin-bottom: 32px;
}

#tyfyi_wrapper{padding: 48px; text-align: center; }

#tyfyi_wrapper > div{
    background-color:#f0fdf4; 
    border-radius: 3.40282e+38px; 
    justify-content: center; 
    align-items: center; 
    width: 64px; 
    height: 64px;     
    display: flex;
    margin-bottom: 24px;
    margin-inline: auto;
}

#tyfyi_wrapper > div > svg{color: oklch(72.3% .219 149.579); width: 40px; height: 40px; vertical-align: middle; display: block;}

#tyfyi_wrapper > h1{font-size: 36px; line-height: 40px; color: #101828; font-weight: 700; margin-bottom: 16px;}

#tyfyi_wrapper > p{color: #4a5565; line-height: 29.25px; font-size: 18px; max-width: 672px; margin-inline: auto;}

#tyfyi_wrapper > p > span{color: #4a9b8e; font-weight: 600;}

#whn_wrapper{padding: 32px;}

#whn_wrapper > h2{color: #101828; font-weight: 700; font-size: 24px; line-height: 32px; text-align: center; margin-bottom: 32px; }

#whn_wrapper > div{gap: 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}

#whn_wrapper > div > div{text-align: center;}

#whn_wrapper > div > div > div{
    color: #fff; 
    font-weight: 700; 
    font-size: 18px; 
    line-height: 28px; 
    background-color: #4a9b8e; 
    border-radius: 3.40282e+38px; 
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    margin-bottom: 16px;
    margin-inline: auto;
}

#whn_wrapper > div > div > h3{color: #101828; font-weight: 600; margin-bottom: 8px; font-size: 16px; line-height: 24px; }

#whn_wrapper > div > div > p{color: #4a5565; font-size: 14px; line-height: 20px;}

#TY_contact_section{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; display: grid; margin-bottom: 32px;}

#TY_contact_left{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #0a0a0a;
    padding-block: 24px;
    background-color: white;
    border-radius: 14px;
    gap: 24px;
    flex-direction: column;
    display: flex;
}

#TY_contact_left_inner{padding: 32px;}

#TY_contact_left_inner > h3{color: #101828; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 24px;}

#TY_contact_left_inner > p{color: #4a5565; font-size: 14px; line-height: 20px; margin-bottom: 24px;}

.media_list{
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
    padding: 12px;
    border-radius: 10px;
    align-items: center;
    display: flex;
    text-decoration: none;
    color:inherit;
}

.media_list:not(:last-child){margin-block-start: 0; margin-block-end: 16px;}

.media_list > svg{vertical-align: middle; display: block; width: 20px; height: 20px; margin-right: 12px;}

.media_text1{color: #101828; font-weight: 500; line-height: 24px;}

.media_text2{color: #6a7282; font-size: 14px; line-height: 20px;}

#whatsapp_url > svg{color: oklch(72.3% .219 149.579); }

#whatsapp_url:hover{background-color: #f0fdf4;}

#whatsapp_url:hover .media_text1{color: oklch(62.7% .194 149.214);}

#ig_url > svg{color: #f6339a;}

#ig_url:hover{background-color: #fdf2f8;}

#ig_url:hover .media_text1{color: oklch(59.2% .249 .584);}

#fb_url > svg{color: oklch(62.3% .214 259.815);}

#fb_url:hover{background-color: #eff6ff;}

#fb_url:hover .media_text1{color: #155dfc;}

#ytb_url > svg{color: #fb2c36;}

#ytb_url:hover{background-color: #fef2f2;}

#ytb_url:hover .media_text1{color: oklch(57.7% .245 27.325);}

#ttk_icon, #x_icon{background-color: #000; border-radius: 4px; justify-content: center; align-items: center; width: 20px; height: 20px; display: flex; margin-right: 12px;}

#ttk_icon > span, #x_icon > span{color: #fff; font-weight: 700; font-size: 12px; line-height: 16px;}

#ttk_url:hover, #x_url:hover{background-color: #fbf9fa;}

#ttk_url:hover .media_text1 , #x_url:hover .media_text1{color:#4a5565;}

#linkedin_url > svg{color: #155dfc;}

#linkedin_url:hover{background-color: #eff6ff;}

#linkedin_url:hover .media_text1{color: #155dfc;}

#TY_contact_right{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #0a0a0a;
    padding-block: 24px;
    background-color: #fff;
    border-radius: 14px;
    gap: 24px;
    flex-direction: column;
    display: flex;
}

#TY_contact_right_inner{padding: 32px;}

#TY_contact_right_inner > h3{color: #101828; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 24px;}

#zlk_info_section > div{align-items: flex-start; display: flex;}

#TY_call_section{margin-block-start: 0; margin-block-end: 24px;}

#TY_call_icon, #TY_email_icon{background-color: #4a9b8e1a; border-radius: 10px; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; margin-right: 16px;}

#TY_call_icon > svg, #TY_email_icon > svg{color: #4a9b8e; width: 20px; height: 20px; vertical-align: middle; display: block;}

#TY_call_info > h4, #TY_email_info > h4{color: #101828; font-weight: 600; margin-bottom: 4px; font-size: 16px; line-height: 24px;}

#TY_call_info > a, #TY_email_info > a{color: #4a9b8e; font-weight: 600; text-decoration: none; line-height: 24px;}

#TY_call_info > a:hover, #TY_email_info > a:hover{text-decoration: underline;}

#TY_call_info > p, #TY_email_info > p{color: #6a7282; font-size: 14px; line-height: 20px; margin-top: 4px;}

#TY_company_info_section{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    color: #0a0a0a;
    padding-block: 24px;
    background-color: white;
    border-radius: 14px;
    gap: 24px;
    flex-direction: column;
    display: flex;
}

#TY_company_info_wrapper{padding:32px;}

#TY_company_info_row{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; display: grid; margin-bottom: 32px;}

#TY_company_info1 > img{color: transparent; width: auto; height: 32px; margin-bottom: 16px;}

#TY_company_info1 > p{color: #4a5565; font-size: 14px; line-height: 22.75px;}

#TY_company_info2 > h4, #TY_company_info3 > h4{color: #101828; font-weight: 700; font-size: 14px; line-height: 20px; margin-bottom: 16px;}

#TY_company_info2 > div{color: #4a5565; font-size: 14px; line-height: 20px;}

#TY_company_info2 > div p:not(:last-child){margin-block-start: 0; margin-block-end: 4px;}

#TY_company_info2_phone{padding-top: 8px; }

#TY_company_info2_phone > a {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    font-weight: 600;
    text-decoration: none;
    color: inherit;
}

#TY_company_info2_phone > a:hover{color: #4a9b8e;}

#TY_company_info3 > ul{color: #4a5565; font-size: 14px; line-height: 20px; list-style: none; margin: 0; padding: 0;}

#TY_company_info3 > ul li:not(:last-child){margin-block-start: 0; margin-block-end: 8px;}

#TY_company_info3 > ul > li > a{
    text-decoration: none;
    color: inherit;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

#TY_company_info3 > ul > li > a:hover{color: #4a9b8e;}

#TY_copy_right_section{flex-direction: row; padding-top:24px; border-top: 1px solid #ebe6e7; justify-content: space-between; align-items: center; display: flex;}

#TY_copy_right_section > div{text-align: left; margin-bottom: 0;}

#TY_copy_right_text1{color: #6a7282; font-size: 14px; line-height: 20px; margin-bottom:4px; }

#TY_copy_right_text2{color: #99a1af; font-size: 12px; line-height: 16px; }

#TY_copy_right_section > a{
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    text-decoration: none;
    color: #4a9b8e;
    font-weight: 600;
    padding-block: 8px;
    padding-inline: 16px;
    background-color: #0000;
    border: 1px solid #4a9b8e;
    border-radius: 8px;
    align-items: center;
    display: inline-flex;
    line-height: 24px;
}

#TY_copy_right_section > a:hover{color: #fff; background-color: #4a9b8e;}

#TY_copy_right_section > a > svg{width: 16px; height: 16px; margin-right: 8px; vertical-align: middle; display: block;}

/*#########################################################################################

   Media Query
	
#########################################################################################*/
@media only screen and (max-width: 64rem) {
    #sws_form_inner{grid-template-columns: initial;}

    #sws_form_inner_left_text_section > h1{font-size: 48px; line-height: 60px;}

    #sws_form_inner_left_text_section > p{font-size: 20px; line-height: 32.5px;}

    #lmitsm_text_section{padding-right: 32px;}

    #lmitsm_text_wrapper > h2{font-size: 36px; line-height: 45px; }

    #mitsm_text{font-size: 18px; line-height: 29.25px;}

    #wwysic_wrapper > h2, #orrcrr_text_wrapper > h2, #wlk_title_section > h2,#whrnfi_title_section > h2, 
    #sws2_faq_title_section > h2,#lmitsmlit_wrapper > h2,#rtfbawsf_wrapper > h2{font-size: 36px; line-height: 40px;}

    #rtfbawsf_text1{font-size: 20px; line-height: 28px;}

}



@media only screen and (max-width: 48rem) {
    #btn_nav_logo_wrapper{display: none;}

    #sws_form2 input{font-size: 16px; line-height: 24px;}

    #lmitsm_text_wrapper{text-align: center;}

    #lmitsm_text_wrapper > h2{font-size: 30px; line-height: 37.5px; }

    #loftrf_wrapper, #wlk_items_section, #whrnfi_items_section, #sws2_footer_row,#whn_wrapper > div,
    #TY_contact_section, #TY_company_info_row{grid-template-columns: initial;}




    #tyfyi_wrapper{padding: 32px; }

    #tyfyi_wrapper > h1{font-size: 30px; line-height: 36px;}


}


@media only screen and (max-width: 40rem) {
    #sws_logo, #fixed_sws_logo{width: 32px; height: 32px;}

    #lmitsm_text_wrapper > h2{font-size: 24px; line-height: 30px; }

    #loftrf_btn_row, #whrnfi_btn_wrapper, #lmitsmlit_btn_row,#TY_copy_right_section{flex-direction: column;}

    #fixed_border{display: none;}

    #TY_copy_right_section > div{text-align: center; margin-bottom: 16px;}

}