/* Title & Main Pic */

.lng_container {
    width: 100%;
    height: 250vh;
    position: relative;
    padding: 0px;
    z-index: 110;
    border: 0px double rgb(255 255 255 / 39%);
}

.lng_content {
    width: 100%;
    /* margin: 0px auto 0px auto; */
    max-width: 1512px;
    position: fixed;
    z-index: 100;
    top: 63%;
    transform: translate(9%, -100%);
}

.lng_sentence_l {
    width: 60%;
    height: auto;
    max-width: 640px;
    float: left;
    padding: 0% 0% 0% 2%;
    color: rgba(255, 255, 255, 1);
    font-weight: 200;
    letter-spacing: 0.2px;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.lng_image_r {
    width: 100%;
    height: auto;
    position: absolute;
    right: -50%;
    top: -60%;
    transform: translate(0%, 0%);
}

.lng_img {
    float: left;
    margin: 1%;
    clear: none;
    width: 48%;
    padding: 0.5em;
}

.align_r {
    float: right !important;
}

.align_l {
    float: left !important;
}


/* B A N N E R */

.banner_container {
    width: 100%;
    height: 64vh;
    transition: 0.4s all;
    position: relative;
    z-index: 100;
    overflow: hidden;
    background-color: #0a0f2b;
}

.banner_sect {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    position: relative;
}

.lng_banner_main {
    width: max-content;
    max-width: 1200px;
    position: fixed;
    color: #fff;
    z-index: 1200;
    bottom: 17%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lng_banner_main.hide {
    display: block;
}

.lng_htitle_main {
    width: max-content;
    max-width: 1200px;
    position: fixed;
    color: #fff;
    z-index: 1200;
    bottom: 17%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lng_intro_img.hide {
    display: block;
}

.i_more {
    font-size: 16px;
    vertical-align: -2px;
}

.imore_btn {
    color: rgb(88 207 166) !important;
    font-size: 16px;
    font-weight: 300;
    transition: 0.3s;
}

.imore_btn:hover {
    color: rgb(255, 255, 255) !important;
    transition: 0.2s;
}

.logo_anim_cover {
    width: 100vw;
    height: 100vh;
    position: relative;
}

.banner_title {
    font-size: 32px;
    line-height: 40px;
    color: rgba(47, 47, 47, 1);
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: center;
}

.banner_header {
    font-size: 56px;
    line-height: 65px;
    color: rgba(0, 67, 112, 1);
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: center;
}

.banner_header h1 {
    font-size: 56px;
    line-height: 65px;
    color: rgba(0, 67, 112, 1);
    font-weight: 600;
    letter-spacing: -0.5px;
    font-family: 'Noto Sans Thai', sans-serif;
}

.banner_header_pg {
    font-size: 56px;
    line-height: 65px;
    color: rgba(0, 67, 112, 1);
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: center;
}

.banner_header_pg h1 {
    font-size: 56px;
    line-height: 65px;
    background: linear-gradient(47deg, rgb(88 164 137) 15%, rgb(85 170 228)) text;
    color: transparent;
    font-weight: 500;
    letter-spacing: -0.5px;
    font-family: 'Noto Sans Thai', sans-serif;
}

.banner_sub {
    font-size: 17px;
    line-height: 24px;
    padding-top: 8px;
    color: rgba(36, 36, 36, 1);
    text-align: center;
}

.banner_sub p {
    font-size: 22px;
    line-height: 28px;
    padding-top: 8px;
    color: rgb(255 255 255);
    letter-spacing: 0.5px;
    font-family: 'Noto Sans Thai', sans-serif;
}

.banner_subpg_main {
    width: 100%;
    max-width: 1200px;
    position: absolute;
    top: 38%;
    left: 50%;
    margin-left: -600px;
    color: #fff;
    text-align: left;
    z-index: 200;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.banner_subpg_header {
    font-size: 36px;
    line-height: 56px;
    color: rgb(255 255 255);
    font-weight: 500;
    letter-spacing: 0.5px;
}

.banner_subpg_title {
    font-size: 24px;
    line-height: 40px;
    color: rgb(238 238 238);
    font-weight: 200;
    letter-spacing: 0.5px;
}


/* B A N N E R */


/* O V E R V I E W */

.lng_ov_container {
    width: 100%;
    height: 70vh;
    position: relative;
    padding: 0px;
    z-index: 110;
    border: 0px double rgb(255 255 255 / 39%);
}

.lng_banner_pg {
    width: 90%;
    max-width: 1200px;
    position: fixed;
    color: #fff;
    z-index: 1200;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lng_ov_content {
    width: 96.5%;
    margin: 80px auto 0px auto;
    position: relative;
    border: 1px solid #ffffff38;
    padding: 32px 40px 32px 32px;
    display: block;
    border-radius: 20px;
    float: right;
    -webkit-backdrop-filter: saturate(112%) blur(4px);
    backdrop-filter: saturate(95%) blur(4px);
}

.lng_sect_overview {
    width: 97%;
    height: auto;
    margin: 0px auto 120px auto;
    max-width: 1348px;
    position: relative;
    z-index: 120;
    padding: 0px;
    /* background-color: rgb(255 255 255 / 70%); */
    /* background: linear-gradient(140deg, rgb(189 204 215) 0%, rgb(255 255 255) 49%, rgb(197 221 237) 100%); */
    border-radius: 20px 20px;
}

.lng_ov_l {
    width: 44%;
    height: auto;
    float: left;
    padding: 0% 0%;
    margin-left: -6.5%;
}

.lng_ov_r {
    width: 45%;
    height: auto;
    float: right;
    position: relative;
    margin-right: 5%;
}

.lng_ov_ban {
    width: 100%;
    padding: 240px 0px;
    font-size: 36px;
    margin: 0px auto 80px auto;
    border-radius: 24px;
    background-color: rgb(255 255 255 / 52%);
}

.lng_ov_sect_cont {
    width: 97%;
    height: auto;
    margin: 0px auto 120px auto;
    max-width: 1348px;
    position: relative;
    z-index: 120;
    padding: 0px;
    /* background-color: rgb(255 255 255 / 70%); */
    /* background: linear-gradient(140deg, rgb(189 204 215) 0%, rgb(255 255 255) 49%, rgb(197 221 237) 100%); */
    border-radius: 20px 20px;
}

.lng_sect_details {
    padding: 64px 0px;
}

.lng_count_body {
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.lng_count_body h2 {
    font-size: 17px;
    line-height: 32px;
    color: rgb(199 222 238);
    font-weight: 200;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0.5px;
    text-align: center;
}

.lng_count_body h3 {
    font-size: 16px;
    line-height: 28px;
    color: rgb(199 222 238);
    font-weight: 100;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0px;
    text-align: center;
}

.lng_ob_stitle h2 {
    font-size: 17px;
    line-height: 32px;
    color: rgb(199 222 238);
    font-weight: 200;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0px;
    text-align: center;
}

.lng_count_sect {
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 100;
}

.lng_count_data_l {
    width: 280px;
    height: 280px;
    padding: 17px;
    border: 5px rgba(253, 254, 255, 0.5);
    filter: brightness(1.1);
}

.lng_ov_cont {
    width: 100%;
    height: auto;
    margin: auto;
    position: relative;
    text-align: center;
    max-width: 920px;
}

.g_subtitle_wh {
    font-size: 36px;
    line-height: 48px;
    color: rgb(0 67 112);
    font-weight: 400;
    letter-spacing: 0px;
    font-family: 'Noto Sans Thai', sans-serif;
    font-weight: 600;
}

.lng_ov_htitle {
    font-size: 24px;
    margin: 4px 0px;
    line-height: 48px;
    background: linear-gradient(47deg, rgb(154 181 199) 45%, rgb(81 156 130)) text;
    color: rgb(39 57 70 / 0%);
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: 0.8px;
}

.lng_ov_title {
    font-size: 36px;
    margin: 4px 0px 16px 0px;
    line-height: 48px;
    font-family: 'Noto Sans Thai', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    background: linear-gradient(47deg, rgb(81 156 130) -11%, rgb(109 162 198)) text;
    color: transparent;
}

.lng_ov_subtitle {
    font-size: 20px;
    margin: 4px 0px;
    line-height: 24px;
    color: rgb(189 212 228);
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    text-transform: capitalize;
    text-align: left;
    letter-spacing: 0.8px;
}

.lng_ob_title {
    font-size: 36px;
    margin: 4px 0px 16px 0px;
    line-height: 48px;
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
}

.lng_ob_body {
    font-weight: 300;
    color: rgb(231 235 246);
    font-family: 'Noto Sans Thai', sans-serif;
    font-size: 17px;
    letter-spacing: 0.2px;
    text-align: left;
}

.lng_ob_body h2 {
    font-weight: 300;
    color: rgb(231 235 246);
    font-family: 'Noto Sans Thai', sans-serif;
    font-size: 17px;
    letter-spacing: 0.2px;
    text-align: left;
}

.lng_ov_img {
    width: 100%;
    padding: 240px 0px;
    font-size: 36px;
    margin: 0px auto 88px auto;
    border-radius: 24px;
    background-color: rgb(255 255 255 / 52%);
}

.img_ov_bor_c {
    width: 94%;
    height: auto;
    border: 1px solid #ffffff38;
    padding: 278px 0px;
    position: absolute;
    border-radius: 20px;
    top: -40px;
    margin: auto;
    z-index: 139;
    left: 50%;
    transform: translate(-50%, 0px);
}

.img_ov_bor_c2 {
    width: 94%;
    height: auto;
    border: 1px solid #ffffff38;
    padding: 280px 0px;
    position: absolute;
    border-radius: 20px;
    top: -40px;
    margin: auto;
    z-index: 139;
    left: 50%;
    transform: translate(-50%, 0px);
}

.img_ov {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
    background-color: rgba(213, 213, 213, 1);
    filter: grayscale(0.2);
}

.lng_ov_fcont {
    margin: 0px auto 0px auto;
    position: relative;
    text-align: center;
    padding: 80px 2%;
    display: none;
    /* background: rgb(0, 67, 112); */
    background: linear-gradient(140deg, rgb(8 36 44) 0%, rgb(51 89 108 / 77%) 49%, rgb(8 33 44) 100%);
}

.txt_cut {
    display: inline-block;
}

.g_title_body {
    font-weight: 300;
    color: rgb(255 255 255);
    font-family: 'Noto Sans Thai', sans-serif;
    font-size: 17px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}

.pk_notice_title {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 500;
}

.img_thumbs {
    max-width: 320px;
    display: block;
    height: auto;
    width: 100%;
}

.gr2_r_cont {
    float: right;
    position: relative;
    font-weight: 400;
    color: rgb(0 0 0);
    font-family: 'Noto Sans Thai', sans-serif;
    font-size: 17px;
    letter-spacing: 0.2px;
}

.gr2_header {
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0px;
    color: rgb(0 55 93);
    font-family: 'Noto Sans Thai', sans-serif;
}

.lng_txt_head {
    font-size: 20px;
    line-height: 44px;
    color: rgba(0, 67, 112, 1);
    font-weight: 600;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0px;
    margin-top: 12px;
}

.lng_txt_body {
    font-weight: 400;
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans Thai', sans-serif;
    font-size: 17px;
    letter-spacing: 0.2px;
    text-align: right;
}

.txt_hli {
    color: rgba(26, 157, 255, 1);
    font-weight: 600;
    font-size: 16px;
}

.lng_product_title {
    font-size: 28px;
    line-height: 48px;
    background: linear-gradient(47deg, rgb(255 255 255) 52%, rgb(29 255 177)) text;
    color: transparent;
    font-family: 'Noto Sans Thai', sans-serif;
    font-weight: 600;
    width: max-content;
    margin-left: auto;
}

.lng_product_body {
    font-weight: 300;
    color: rgb(255, 255, 255);
    font-family: 'Noto Sans Thai', sans-serif;
    font-size: 17px;
    letter-spacing: 0.2px;
    text-align: left;
}

.lng_product_body.txt_right {
    text-align: right;
}

.lng_product_sect {
    width: 100%;
    margin: 24px auto 0px auto;
    max-width: 1174px;
    position: relative;
    border-radius: 12px;
}

.lng_product_l {
    width: 46%;
    height: auto;
    float: left;
    padding: 0% 0%;
    position: relative;
}

.lng_product_r {
    width: 46%;
    height: auto;
    float: right;
    padding: 0% 0%;
    position: relative;
}

.lng_product_col {
    width: 100%;
    margin: 24px auto;
    position: relative;
    padding: 5%;
    border-radius: 12px;
}

.lng_product_col.bgl {
    background-color: rgb(255 255 255 / 5%);
    background: linear-gradient(-163deg, rgb(255 255 255 / 80%) -75%, rgb(175 194 208 / 0%) 60%, rgb(66 126 93 / 0%) 100%);
}

.lng_product_col.bgr {
    background-color: rgb(255 255 255 / 5%);
    background: linear-gradient(163deg, rgb(255 255 255 / 80%) -75%, rgb(175 194 208 / 0%) 60%, rgb(66 126 93 / 0%) 100%);
}

.lng_product_img {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    display: inline-grid;
    justify-items: flex-end;
}

.yr_float {
    width: min-content;
    height: auto;
    position: absolute;
    top: 55px;
    font-size: 114px;
    font-weight: 600;
    line-height: 98px;
    color: transparent;
    -webkit-text-stroke: 1px #d8faeb;
    -webkit-text-fill-color: #ffffff00;
    text-shadow: 1px 1px 12px rgb(255 255 255);
}

.yr_float.lside {
    left: 5%;
    text-align: left;
    /*background: linear-gradient(-47deg, rgb(184 216 240 / 57%) 52%, #0094fa) text;*/
}

.yr_float.rside {
    right: 5%;
    text-align: right;
    /*background: linear-gradient(47deg, rgb(184 216 240 / 57%) 52%, #0094fa) text;*/
}

.yr_float_txt {
    font-size: 40px;
    font-weight: 200;
    text-align: right;
    margin: -33px 4px -33px 0px;
}

.lng_product_img2 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    display: inline-grid;
}

.lng_product_cont {
    width: 100%;
    height: auto;
    position: relative;
}

.img_products {
    max-width: 240px;
    min-height: 245px;
    display: block;
    height: auto;
}

.lng_bg_product {
    background-image: url(../img/why_bg.jpg);
    background-repeat: no-repeat;
    background-position: 3% 140%;
    background-size: cover;
    background-color: rgba(213, 213, 213, 1);
}

.lng_bg_lmain {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: cover;
    background-attachment: initial;
    float: left;
    filter: grayscale(0.4);
}

.lng_bg_rmain {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: cover;
    background-attachment: initial;
    float: right;
    filter: grayscale(0.4);
}

.lng_pk_ico {
    width: 66%;
    height: auto;
    margin: auto;
    padding: 12px 0px 0px 0px;
}

.lng_intro_lf {
    width: 50vw;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    top: 0%;
    background-color: rgba(213, 213, 213, 1);
    left: 0%;
    z-index: 1400;
}

.lng_intro_lf.hide {
    display: block;
}

.lng_intro_rg {
    width: 50vw;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    top: 0%;
    background-color: rgba(213, 213, 213, 1);
    right: 0%;
    z-index: 1400;
}

.lng_intro_rg.hide {
    display: block;
}


/* O V E R V I E W */


/* O U R  B U S I N E S S */

.lng_cont_ob {
    margin: auto;
    position: relative;
    z-index: 120;
}

.lng_sect_ob {
    width: 90vw;
    height: auto;
    margin: auto;
    position: relative;
    overflow: hidden;
    z-index: 120;
    padding: 0px;
    background-color: rgb(4 15 23);
    border-radius: 28px 28px;
    background: linear-gradient(140deg, rgb(0 8 17) 0%, rgb(2 15 16) 100%);
}

.lng_ob_sect {
    width: 96%;
    margin: auto;
    max-width: 1200px;
    position: relative;
    z-index: 100;
}

.lng_ob_tbody {
    width: fit-content;
    position: absolute;
}

.lng_ob_stk {
    position: sticky;
    top: 0px;
}

.img_ob_stk {
    position: sticky;
    top: 340px;
}

.ob_vidbg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
    opacity: 0.1;
    object-fit: cover;
    width: -webkit-fill-available;
    height: 100vh;
}

.lng_ob_cont {
    width: 100%;
    height: auto;
    margin: auto;
    max-width: 1376px;
    z-index: 120;
    padding: 12px 12px 0px 12px;
}

.ob_row_t {
    margin: -120px auto 120px auto !important;
}

.ob_row_n {
    margin: 0px auto 120px auto !important;
}

.ob_cont_emp {
    width: 100%;
    height: 140px;
    margin: auto;
    position: relative;
    z-index: 120;
}

.lng_ob_sect_cont {
    width: 100%;
    max-width: 1348px;
    height: auto;
    margin: 0px auto 120px auto;
    position: relative;
    z-index: 120;
    display: flex;
    justify-content: center;
}

.img_ob_sect_cont {
    width: 97%;
    height: auto;
    border: 1px solid #ffffff38;
    padding: 0px 0px;
    position: relative;
    border-radius: 20px;
    z-index: 140;
    margin: auto;
    max-width: 1348px;
    background-color: rgb(6 26 33 / 0%);
    -webkit-backdrop-filter: saturate(112%) blur(20px);
    backdrop-filter: saturate(112%) blur(8px);
}

.img_ov_sect_cont {
    width: 97%;
    height: auto;
    padding: 0px 0px;
    position: relative;
    border-radius: 20px;
    z-index: 140;
    margin: 48px auto 0px auto;
    max-width: 1348px;
}

.lng_ov_txtbody {
    padding: 0px;
    position: relative;
}

.lng_ov_txtbody p {
    font-size: 14px;
    line-height: 28px;
    color: rgb(144 144 144);
    font-weight: 100;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0.5px;
    text-align: left;
    padding-left: 0px;
}

.ob_chart_sect {
    width: 100%;
    height: auto;
    padding: 0px 0px;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ob_num_col {
    clear: none;
    width: 33.3%;
    padding: 0% 1%;
    border-radius: 6px;
    float: left;
    /* margin: 1%; */
}

.ob_num_frame {
    width: 100%;
    clear: none;
    margin: 0px auto;
    padding: 48px 0px;
    text-align: center;
}

.ob_num_frame.bor_fr {
    border-right: 1px solid #ffffff38;
    border-left: 1px solid #ffffff38;
}

.ob_num_frame h2 {
    font-size: 56px;
    line-height: 64px;
    color: rgb(170 206 244 / 0%);
    font-weight: 700;
    font-family: 'Noto Sans Thai', sans-serif;
    background: linear-gradient(180deg, rgb(152 202 235) 21%, rgb(39 128 97)) text;
}

.ob_num_frame h3 {
    font-size: 17px;
    line-height: 26px;
    color: rgb(154 181 199);
    font-weight: 300;
    letter-spacing: 0.2px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    padding: 0px 0px 16px 0px;
}

.ob_num_frame h4 {
    font-size: 17px;
    line-height: 26px;
    color: rgb(154 181 199);
    font-weight: 300;
    letter-spacing: 0.2px;
    font-family: 'Noto Sans Thai', sans-serif;
    text-transform: uppercase;
    padding: 0px 0px 16px 0px;
}

.ob_num_frame h5 {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 24px;
    color: rgb(119 209 199);
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.ob_num_frame p {
    font-size: 15px;
    line-height: 24px;
    color: rgb(110 163 148);
    font-weight: 100;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0.8px;
    margin: 32px auto 0px auto;
    max-width: 65%;
}

.lng_ob_cont_l {
    width: 36%;
    height: auto;
    z-index: 120;
    float: left;
}

.lng_ob_txttile {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.lng_ob_txttile h2 {
    font-size: 32px;
    margin: 4px 0px 16px 0px;
    line-height: 44px;
    background: linear-gradient(47deg, rgb(81 156 130) 45%, rgb(109 162 198)) text;
    color: transparent;
    font-family: 'Noto Sans Thai', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.lng_ob_txttile h3 {
    font-size: 20px;
    margin: 4px 0px;
    line-height: 48px;
    background: linear-gradient(47deg, rgb(154 181 199) 45%, rgb(81 156 130)) text;
    color: rgb(39 57 70 / 0%);
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
}

.lng_ob_txttile p {
    font-size: 16px;
    line-height: 28px;
    color: rgb(199 222 238);
    font-weight: 100;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0px;
    text-align: left;
}

.lng_ob_txtbody {
    width: 100%;
    height: auto;
    float: left;
    margin: 48px auto 0px auto;
    padding: 0px;
    position: relative;
}

.lng_ob_txtbody h3 {
    font-size: 17px;
    line-height: 28px;
    color: rgb(92 159 157);
    font-weight: 600;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0px;
    text-align: left;
    padding-left: 16px;
}

.lng_ob_txtbody p {
    font-size: 16px;
    line-height: 28px;
    color: rgb(199 222 238);
    font-weight: 100;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0px;
    text-align: left;
    padding-left: 12px;
}

.lng_ob_bu_cont {
    width: 36%;
    height: auto;
    z-index: 120;
    float: right;
}

.img_ob {
    max-width: 100%;
    display: block;
    height: auto;
    border-radius: 24px;
    z-index: 120;
    position: relative;
}

.txt_ob_bg {
    width: 34%;
    display: block;
    height: auto;
    border-radius: 24px;
    z-index: 120;
    position: relative;
    min-height: 320px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
    margin: 2% 6% 0% 0%;
}

.img_ob_bg {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 24px;
    z-index: 120;
    position: relative;
    min-height: 320px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
    filter: grayscale(0.5);
}

.lng_ob_bu_cont.mr6 {
    margin-right: 6%;
}

.img_ob_bor_l {
    width: 100%;
    height: auto;
    border: 1px solid #ffffff38;
    padding: 188px 0px;
    position: absolute;
    border-radius: 20px;
    top: -29px;
    margin-left: -32px;
    z-index: 110;
}

.img_ob_bor_r {
    width: 100%;
    height: auto;
    border: 1px solid #ffffff38;
    padding: 188px 0px;
    position: absolute;
    border-radius: 20px;
    top: -29px;
    margin-left: 32px;
    z-index: 110;
}

.lng_ob_txtcont {
    display: block;
    margin: 0px auto 120px auto;
    position: relative;
    z-index: 150;
}

.lng_ob_htitle {
    font-size: 24px;
    margin: 4px 0px;
    line-height: 48px;
    background: linear-gradient(47deg, rgb(253 253 253) 5%, rgb(27 96 143)) text;
    color: rgb(39 57 70 / 0%);
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: 0.8px;
}

.lng_ob_stitle {
    font-size: 40px;
    margin: 4px 0px 16px 0px;
    line-height: 56px;
    background: linear-gradient(47deg, rgb(109 130 145) 45%, rgb(81 156 130)) text;
    color: transparent;
    font-family: 'Noto Sans Thai', sans-serif;
    font-weight: 600;
    text-align: center;
}

.lng_ob_stitle h2 {
    font-size: 17px;
    line-height: 32px;
    color: rgb(199 222 238);
    font-weight: 200;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0px;
    text-align: center;
    padding: 16px 0px 0px 0px;
}

.seemore_col {
    display: block;
    text-align: left;
}


/* O U R  B U S I N E S S */


/* P R O J E C T  R E F E R E N C E */

.lng_cont_pr {
    width: 100%;
    height: auto;
    margin: 0px auto 0px auto;
    position: relative;
    z-index: 120;
    padding: 120px 0px;
    background-color: rgb(3 14 21);
    /*background: linear-gradient(140deg, rgb(15 37 61 / 17%) 0%, rgb(48 82 87 / 49%) 100%);*/
}

.lng_pr_sect {
    width: 100%;
    margin: auto;
    max-width: 1376px;
    position: relative;
    z-index: 100;
}

.lng_pr_img {
    width: 100%;
    padding: 200px 0px;
    font-size: 36px;
    margin: 0px auto 53px auto;
    border-radius: 24px;
    background-color: rgb(255 255 255 / 52%);
}

.img_pr {
    background-repeat: no-repeat;
    background-position: 0px -5px;
    background-size: cover;
    background-color: rgba(213, 213, 213, 1);
}

.lng_pr_details {
    width: 100%;
    margin: auto;
    max-width: 1348px;
    position: relative;
    display: block;
}

.lng_pr_content {
    width: 96.5%;
    margin: auto;
    position: relative;
    border: 1px solid #ffffff38;
    padding: 32px;
    display: block;
    border-radius: 20px;
    float: right;
    -webkit-backdrop-filter: saturate(112%) blur(4px);
    backdrop-filter: saturate(95%) blur(4px);
    /*background-color: rgb(5 27 41);
    background: linear-gradient(140deg, rgb(17 38 43 / 64%) 0%, rgb(23 41 54 / 64%) 49%, rgb(8 44 56 / 48%) 100%);*/
}

.lng_pr_l {
    width: 45%;
    height: auto;
    float: left;
    padding: 0% 0%;
    margin-left: -6.5%;
    opacity: 0.8;
    filter: grayscale(0.5);
}

.lng_img_l {
    max-width: 100%;
    display: block;
    height: auto;
    border-radius: 24px;
}

.lng_pr_r {
    width: 52%;
    height: auto;
    float: right;
    position: relative;
}

.lng_pr_rcont {
    width: 100%;
    height: auto;
    text-align: left;
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(0%, 30%);
}

.lng_pr_titl {
    display: block;
    margin: 0px auto 80px auto;
    position: relative;
    z-index: 150;
}

.lng_pr_body {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px auto 0px auto;
    padding: 0px;
    position: relative;
}

.lng_pr_body h4 {
    font-size: 16px;
    line-height: 28px;
    color: rgb(110 163 148);
    font-weight: 500;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0.5px;
    text-align: left;
}

.lng_pr_body p {
    font-size: 16px;
    line-height: 28px;
    color: rgb(199 222 238);
    font-weight: 100;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0.5px;
    text-align: left;
}

.lng_pr_body b {
    color: rgb(110 163 148);
}

.lng_pr_bg {
    background-image: url(../img/project_ref_bg.png);
    background-repeat: no-repeat;
    background-position: 3% 4%;
    background-size: cover;
}

.lng_pr_fcont {
    width: 96%;
    margin: 72px auto 0px auto;
    position: relative;
    text-align: center;
    padding: 64px 2% 520px 2%;
    display: block;
    border-radius: 20px;
}

.img_pr_sect_cont {
    width: 100%;
    height: auto;
    border: 0px solid #ffffff38;
    padding: 0px 0px;
    position: relative;
    border-radius: 20px;
    z-index: 140;
    margin: 148px auto 80px auto;
    max-width: 1348px;
    background-color: rgb(6 26 33 / 0%);
    -webkit-backdrop-filter: saturate(112%) blur(20px);
    backdrop-filter: saturate(112%) blur(8px);
}

.pr_bor_fr {
    border-radius: 20px;
}

.pr_plant_col {
    padding: 100px 24px 180px 24px !important;
}

.pr_num_col {
    clear: none;
    width: 51.3%;
    padding: 0% 1%;
    border-radius: 6px;
    float: left;
    margin: 0%;
}

.pr_num_scol {
    clear: none;
    width: 24.3%;
    padding: 0% 1%;
    border-radius: 6px;
    float: left;
    /* margin: 1%; */
}

.pr_num_col.float_t2 {
    margin-top: -5%;
}

.pr_chart_sect {
    width: 100%;
    height: auto;
    padding: 48px 0px;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.pr_block_count {
    width: 97%;
    height: auto;
    border: 0px solid #ffffff38;
    padding: 0px 0px;
    position: absolute;
    border-radius: 20px;
    z-index: 140;
    margin: 0px auto;
    bottom: 40px;
}

.pr_num_count {
    clear: none;
    width: 33.3%;
    min-width: 320px;
    padding: 0% 1%;
    border-radius: 6px;
    float: left;
}

.pr_num_frame {
    width: 100%;
    clear: none;
    margin: 0px auto;
    padding: 41px 0px;
    text-align: center;
    -webkit-backdrop-filter: saturate(112%) blur(4px) brightness(0.5);
    backdrop-filter: saturate(112%) blur(4px) brightness(0.5);
    border-radius: 20px;
    background-color: rgb(18 31 53 / 44%);
}

.pr_num_frame.bor_fr {
    border-right: 1px solid #ffffff38;
    border-left: 1px solid #ffffff38;
}

.pr_num_frame h2 {
    font-size: 48px;
    line-height: 56px;
    color: rgb(170 206 244 / 0%);
    font-weight: 700;
    font-family: 'Noto Sans Thai', sans-serif;
    background: linear-gradient(180deg, rgb(152 202 235) 21%, rgb(39 128 97)) text;
}

.pr_num_frame h3 {
    font-size: 36px;
    margin: 4px 0px 16px 0px;
    line-height: 48px;
    color: rgba(255, 255, 255, 1);
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.pr_num_frame h4 {
    font-size: 17px;
    line-height: 26px;
    color: rgb(207 223 233);
    font-weight: 400;
    letter-spacing: 0.2px;
    font-family: 'Noto Sans Thai', sans-serif;
    text-transform: uppercase;
    padding: 0px 0px 16px 0px;
}

.pr_num_frame h5 {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 24px;
    color: rgb(119 209 199);
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.pr_num_frame p {
    font-size: 15px;
    line-height: 28px;
    color: rgb(207 223 233);
    font-weight: 100;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0.5px;
    margin-top: 20px;
}

.pr_tx_title {
    font-size: 40px;
    margin: 4px 0px 16px 0px;
    line-height: 48px;
    background: linear-gradient(47deg, rgb(0 64 108) 52%, rgb(73 148 122)) text;
    color: transparent;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-shadow: 1px 2px 3px rgb(0 0 0 / 12%);
}

.pr_tx_subtitle {
    font-size: 20px;
    margin: 4px 0px;
    line-height: 24px;
    color: rgb(189 212 228);
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    text-transform: capitalize;
    text-align: left;
    letter-spacing: 0.8px;
}


/* P R O J E C T  R E F E R E N C E */


/* C O N T A C T */

.img_ct_sect_cont {
    width: 97%;
    height: auto;
    border: 1px solid #ffffff38;
    padding: 0px 0px;
    position: relative;
    border-radius: 20px;
    z-index: 140;
    margin: 0px auto 56px auto;
    max-width: 1348px;
    background-color: rgb(6 26 33 / 0%);
    -webkit-backdrop-filter: saturate(112%) blur(20px);
    backdrop-filter: saturate(112%) blur(8px);
}

.ct_num_frame {
    width: 100%;
    clear: none;
    margin: 0px auto;
    padding: 40px 16px 40px 16px;
    text-align: center;
}

.ct_num_frame.bor_fr {
    border-radius: 20px;
    background: rgb(0, 67, 112);
    background: linear-gradient(140deg, rgb(17 38 43 / 85%) 0%, rgb(34 76 91 / 90%) 49%, rgb(14 43 44 / 85%) 100%);
}

.ct_num_frame h2 {
    color: rgb(170 206 244 / 0%);
    margin: 0px auto 16px auto;
}

.ct_num_frame h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0.2px;
    font-family: 'Noto Sans Thai', sans-serif;
    text-transform: uppercase;
    padding: 0px 0px 16px 0px;
    Background: linear-gradient(47deg, rgb(81 156 130) -11%, rgb(109 162 198)) text;
    color: transparent;
}

.ct_num_frame h5 {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 24px;
    color: rgb(213 229 240);
    font-weight: 300;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0.5px;
}

.ct_num_frame p {
    font-size: 15px;
    line-height: 28px;
    color: rgb(110 163 148);
    font-weight: 100;
    font-family: 'Noto Sans Thai', sans-serif;
    letter-spacing: 0.5px;
    margin-top: 32px;
}

.ct_num_col {
    clear: none;
    width: 33.3%;
    padding: 0% 1%;
    border-radius: 6px;
    float: left;
    /* margin: 1%; */
}

.ct_num_col.float_t6 {
    margin-top: -6%;
}

.ct_img_leaf {
    width: 60px;
    margin: auto;
}


/* C O N T A C T */

.lng_bu_sect {
    width: 100%;
    height: auto;
    margin: auto;
    position: relative;
    z-index: 120;
    padding: 400px 0px 80px 0px;
    background-color: rgb(251 251 253);
}

.lng_bu_cont {
    width: 96.5%;
    margin: 0px auto;
    position: relative;
    text-align: center;
    padding: 56px 2%;
    display: block;
    /* background: rgb(0, 67, 112); */
    /* background: linear-gradient(140deg, rgb(17 38 43 / 85%) 0%, rgb(34 76 91 / 90%) 49%, rgb(14 43 44 / 85%) 100%); */
    max-width: 1348px;
    border-radius: 20px;
    border: 1px solid #ffffff38;
}

.lng_bu_body {
    width: 100%;
    max-width: 960px;
    margin: auto;
    position: relative;
}

.lng_tx_title {
    font-size: 36px;
    margin: 4px 0px 0px 0px;
    line-height: 48px;
    background: linear-gradient(47deg, rgb(0 64 108) 52%, rgb(73 148 122)) text;
    color: transparent;
    font-family: 'Noto Sans Thai', sans-serif;
    font-weight: 600;
}

.lng_bu_txt {
    font-weight: 300;
    color: rgb(255 255 255);
    font-family: 'Noto Sans Thai', sans-serif;
    font-size: 17px;
    letter-spacing: 0.2px;
}

.lng_ct_l {
    width: 55%;
    height: 430px;
    float: left;
    padding: 0% 0%;
    margin-left: -6.5%;
}

.lng_ct_r {
    width: 42%;
    height: auto;
    float: right;
    position: relative;
}


/* V I D E O B G */

.ov_vidbg {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: 1;
    object-fit: cover;
    width: 100vw;
    height: 128%;
}

.qa_vidbg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
    opacity: 0.25;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
}

.ov_in_vidbg {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.25;
    object-fit: cover;
    width: 100vw;
    height: 128%;
}

.bu_in_vidbg {
    position: fixed;
    top: -168px;
    left: 0px;
    z-index: 2;
    opacity: 0.25;
    object-fit: cover;
    width: 100vw;
    height: 128%;
}

.lng_bg_fixed {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: auto;
}

.lng_sect_bg {
    margin: auto;
    z-index: 150;
    position: fixed;
    top: 0%;
    opacity: 0.5;
}

.lng_bg3_img {
    background-image: url(../img/bu_sum_img.jpg);
    background-repeat: no-repeat;
    background-position: center 90%;
    background-size: cover;
    background-color: rgba(213, 213, 213, 1);
    filter: grayscale(0.4);
}

.pr_blg_bg {
    background-position: center center;
    background-size: cover;
    background-color: rgb(22 30 43);
    filter: brightness(1.2) grayscale(0.3);
}

.pr_blg1_img {
    background-image: url(../plant/GSRC_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg2_img {
    background-image: url(../plant/GPD_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg3_img {
    background-image: url(../plant/GNLL1_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg4_img {
    background-image: url(../plant/GNLL2_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg5_img {
    background-image: url(../plant/GTS1_2_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg6_img {
    background-image: url(../plant/GTS3_4_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg7_img {
    background-image: url(../plant/GVTP_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg8_img {
    background-image: url(../plant/GNNK_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg9_img {
    background-image: url(../plant/GNC_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg10_img {
    background-image: url(../plant/GNRV1_2_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg11_img {
    background-image: url(../plant/GTLC_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg12_img {
    background-image: url(../plant/GKP1_2_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg13_img {
    background-image: url(../plant/GNK2_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg14_img {
    background-image: url(../plant/GNPM_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg15_img {
    background-image: url(../plant/GBL_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg16_img {
    background-image: url(../plant/GBP_pro_img.png);
    background-repeat: no-repeat;
}

.pr_blg17_img {
    background-image: url(../plant/GCRN_pro_img.png);
    background-repeat: no-repeat;
}


/* V I D E O B G */


/*for Anim*/

.lng_cover {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 65%;
    background-size: cover;
    position: fixed;
    z-index: 1100;
    display: block;
    opacity: 0.99;
}

.scroll_profile {
    position: fixed;
    bottom: 8%;
    left: 48.8%;
    transform: translate(-50%, 0%);
    width: 16px;
    height: 16px;
    -webkit-animation: profile_ani 1.5s 5 forwards;
    animation: profile_ani 1.5s 5 forwards;
    filter: opacity(0.4);
    box-sizing: border-box;
    transition: 0.5s;
    z-index: 1500;
}

.scroll_profile:hover {
    bottom: 7.5% !important;
    filter: opacity(1);
    transition: 0.3s;
}

@keyframes profile_ani {
    0% {
        transform: rotate(0deg) translate(0, 0);
        opacity: 0.8;
    }

    50% {
        -webkit-transform: rotate(-0deg) translate(0px, 15px);
        opacity: 0;
    }

    100% {
        transform: rotate(0deg) translate(0px, 0px);
        opacity: 0.8;
    }
}


/*for Anim*/


/* Title & Main Pic */

@media only screen and (max-width: 1439.98px) {
    .scroll_profile {
        left: 48.75%;
    }
}

@media only screen and (max-width: 1375.98px) {
    .lng_ob_sect_cont {
        width: 100%;
        max-width: none;
        margin: 0px auto 80px auto;
        display: flex;
        justify-content: center;
        padding: 0px 16px;
    }

    .lng_pr_details {
        width: 97%;
    }
}

@media only screen and (max-width: 1279.98px) {
    .st_sect {
        width: 100%;
        margin: 0px auto;
        padding: 0px 2%;
    }

    .ov_sect_content {
        width: 100%;
        padding: 0px 2%;
    }

    .p_top44 {
        padding: 8px 0px 0px 0px;
    }
}

@media only screen and (max-width: 1179.98px) {
    .ov_info_result {
        width: 66%;
        float: right;
        min-width: unset;
    }

    .img_ov_bor_c {
        width: 90%;
    }

    .img_ov_bor_c2 {
        width: 90%;
    }

    .lng_product_sect {
        width: 94%;
    }

    .lng_txt_head {
        line-height: 24px;
    }

    .lng_pr_rcont {
        transform: translate(0%, 15%);
    }

    .lng_pr_l {
        width: 50%;
        margin-left: -7%;
    }

    .lng_ov_l {
        width: 50%;
        margin-left: -7%;
    }

    .lng_ct_l {
        margin-left: -7%;
    }
}

@media only screen and (max-width: 991.98px) {
    .st_sect_l {
        width: 44%;
    }

    .st_sect_r {
        width: 54%;
    }

    .st_sect {
        width: 90%;
        padding: 0px 0%;
    }

    .ov_sect_l {
        width: 40%;
        padding: 0% 0%;
    }

    .ov_sect_r {
        width: 100%;
        margin-top: unset;
        margin-right: unset;
    }

    .ov_sect_content {
        width: 90%;
        padding: 0px 0%;
    }

    .ov_info_result {
        width: 100%;
        float: left;
        min-width: unset;
    }

    .lng_pr_l {
        width: 46%;
        height: auto;
        float: left;
        padding: 0% 0%;
    }

    .lng_ov_l {
        width: 46%;
        height: auto;
        float: left;
        padding: 0% 0%;
    }

    .lng_ct_l {
        width: 50%;
        height: 320px;
        float: left;
        padding: 0% 0%;
    }

    .lng_pr_r {
        width: 49%;
        height: auto;
        float: right;
        position: relative;
    }

    .lng_ov_r {
        width: 52%;
        height: auto;
        float: right;
        position: relative;
        margin-right: unset;
    }

    .lng_ct_r {
        width: 49%;
        height: auto;
        float: right;
        position: relative;
    }

    .lng_pr_rcont {
        position: absolute;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
    }

    .pr_blg_bg {
        background-size: cover !important;
    }

    .sus_body_th h1 {
        width: 51%;
        margin: 4px 0px 16px 0px;
    }

    .sus_body_th h5 {
        width: 45%;
    }

    .sus_img_float {
        max-width: 340px;
        min-width: 340px;
    }

    .lng_banner_main {
        margin-left: unset;
        padding: 0px 2%;
    }

    .lng_htitle_main {
        margin-left: unset;
        padding: 0px 2%;
    }

    .lng_count_body {
        transform: unset;
        right: 0%;
    }

    .scroll_profile {
        left: 48.25%;
    }
}

@media only screen and (max-width: 947.98px) {
    .lng_sect_overview {
        padding: 120px 0px 200px 0px;
    }

    .lng_ov_cont {
        padding: 4px 0px 0px 0px;
        margin: 0px 0px 80px 0px;
    }

    .lng_count_body {
        top: 66%;
    }

    .lng_count_cont {
        top: -48px;
        position: relative;
        transform: scale(0.9) !important;
    }
}

@media only screen and (max-width: 934.98px) {
    .pk_notice_sect {
        width: 69%;
    }

    .yr_float {
        width: min-content;
        position: absolute;
        top: 55px;
        font-size: 84px;
    }
}

@media only screen and (max-width: 859.98px) {
    .st_sect_l {
        width: 100%;
        height: auto;
        float: none;
        margin: auto;
    }

    .st_sect_r {
        width: 100%;
        height: auto;
        float: none;
        margin: 44px auto 32px auto;
    }

    .st_cont_r {
        float: none;
        margin: auto;
    }

    .st_img_group {
        margin: 0%;
        clear: none;
    }

    .st_cont_img {
        padding: 0%;
    }

    .ov_sect_l {
        width: 100%;
        padding: 0% 0%;
    }

    .ov_sect_r {
        width: 100%;
        margin: 48px auto 0px auto;
    }

    .ov_info_result {
        width: 65%;
        float: right;
    }

    .ov_info_sect_r {
        width: 100%;
    }

    .lng_pr_l {
        width: 44%;
        height: auto;
        float: left;
        padding: 0% 0%;
        margin-left: -8%;
    }

    .lng_ov_l {
        width: 44%;
        height: auto;
        float: left;
        padding: 0% 0%;
        margin-left: -8%;
    }

    .lng_ct_l {
        width: 48%;
        float: left;
        padding: 0% 0%;
        margin-left: -8%;
    }

    .lng_pr_r {
        width: 54%;
        height: auto;
        float: right;
        position: relative;
    }

    .lng_ov_r {
        width: 54%;
        height: auto;
        float: right;
        position: relative;
    }

    .lng_ct_r {
        width: 54%;
        height: auto;
        float: right;
        position: relative;
    }

    .lng_pr_rcont {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }

    .lng_banner_main {
        margin-left: unset;
        padding: 0px 2%;
        position: relative;
    }

    .lng_htitle_main {
        margin-left: unset;
        padding: 0px 2%;
        position: relative;
    }


    .lng_ob_bu_cont {
        width: 48%;
        height: auto;
        z-index: 120;
        float: right;
    }

    .lng_ob_bu_cont.fl {
        float: left !important;
    }

    .lng_ob_sect_cont {
        width: 92%;
        max-width: none;
        display: block;
    }

    .lng_banner_main {
        margin-left: unset;
        padding: 0px 2%;
        left: unset;
        transform: translate(0px, -50%);
        width: 100%;
        top: 40% !important;
        position: relative;
        bottom: unset !important;
    }

    .lng_htitle_main {
        margin-left: unset;
        padding: 0px 2%;
        left: unset;
        transform: translate(0px, -50%);
        width: 100%;
        top: 40% !important;
        position: relative;
        bottom: unset !important;
    }

    .txt_ob_bg {
        width: 100%;
        display: block;
        margin: auto;
        position: relative;
        z-index: 120;
        min-height: unset;
        padding: 0px 0px 64px 0px;
    }

    .lng_ob_txtbody {
        margin: 32px auto 0px auto;
    }

    .lng_sect_overview {
        width: 100%;
        padding: 120px 0px 200px 0px;
    }

    .lng_sect_ob {
        width: 100vw !important;
        height: 100vh !important;
        border-radius: 0px !important;
    }

    .img_ob_bg {
        display: block;
        height: auto;
        float: left;
        min-height: 360px;
    }

    .lng_ob_bu_cont.mr6 {
        margin-right: unset;
    }

    .lng_ob_txtcont {
        margin: -400px auto 40px auto;
    }

    .lng_ob_txtbody p {
        padding-left: 16px;
    }

    .lng_sect_details {
        padding: 0px 16px;
    }

    .lng_ob_txttile h2 {
        font-size: 32px;
        text-align: center;
    }

    .lng_ob_txttile h3 {
        font-size: 17px;
        text-align: center;
    }

    .lng_ob_txttile p {
        text-align: center;
    }

    .seemore_col {
        display: block;
        text-align: center;
        padding-bottom: 32px;
    }

    .gr2_l {
        width: 42%;
        float: left;
        padding: 0% 0%;
    }

    .gr2_r {
        width: 53%;
        float: right;
    }

    .gr2_r_ico_l1 {
        width: 25%;
    }

    .gr2_r_cont_r1 {
        width: 70% !important;
        padding-top: 0%;
    }

    .gr2_r_ico_l2 {
        width: 25%;
    }

    .gr2_r_cont_r2 {
        width: 70% !important;
        padding-top: 0%;
    }

    .gr2_r_ico_l3 {
        width: 25%;
    }

    .gr2_r_cont_r3 {
        width: 70% !important;
        padding-top: 0%;
    }

    .img_products {
        max-width: 200px;
        min-height: 204px;
    }

    .lng_ov_title {
        font-size: 36px;
        margin: 4px 0px 16px 0px;
        line-height: 52px;
    }

    .lng_ob_stitle {
        font-size: 36px;
        margin: 16px 0px 16px 0px;
        line-height: 52px;
    }

    .img_ov {
        background-position: -104px -5px !important;
        background-size: 156%;
    }
}

@media only screen and (max-height: 767.98px) {
    .lng_banner_main {
        bottom: 13% !important;
    }
}

@media only screen and (max-width: 767.98px) {
    .ov_vidbg {
        position: absolute;
    }

    .top_content {
        top: 0px;
    }

    .lng_content {
        position: relative !important;
        top: 50% !important;
    }

    .lng_cover {
        display: none;
    }

    .lng_container {
        height: 100vh;
        padding: 64px 0% 0px 0%;
    }

    .banner_title {
        font-size: 26px;
        line-height: 32px;
    }

    .banner_header {
        font-size: 44px;
        line-height: 48px;
    }

    .banner_sub {
        font-size: 15px;
        line-height: 20px;
    }

    .lng_bg2_img {
        filter: brightness(1.1);
    }

    .img_pr_sect_cont {
        margin: 88px auto 80px auto;
    }

    .st_sect_row {
        width: 90%;
        padding: 40px 3% 56px 3%;
        top: 0px;
    }

    .st_sect_contain {
        padding: 80px 0px;
    }

    .st_main_contain {
        padding: 64px 0px 24px 0px;
    }

    .st_sect {
        margin: 0px auto;
    }

    .st_sect_row_titl {
        width: 90%;
    }

    .sus_img_float {
        max-width: 240px;
        min-width: 240px;
    }

    .st_sect_titl {
        padding: 96px 2% 80px 2%;
    }

    .st_body_intro {
        position: relative;
        right: unset;
        bottom: unset;
        height: auto;
        margin-bottom: 64px;
    }

    .sus_img_float {
        max-width: 100%;
        min-width: unset;
    }

    .sus_body_th h1 {
        width: 100%;
        margin: 4px 0px 16px 0px;
    }

    .sus_body_th h5 {
        width: 100%;
    }

    .st_cont_r {
        float: left;
        margin: auto;
        width: 96%;
    }

    .lng_product_l {
        width: 49%;
        float: left;
        padding: 0% 0%;
    }

    .lng_product_r {
        width: 49%;
        float: right;
        padding: 0% 0%;
    }

    .lng_tx_title {
        font-size: 32px;
        text-align: center;
    }

    .pr_tx_title {
        text-align: center;
    }

    .lng_banner_pg {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .lng_pr_fcont {
        width: 96%;
        margin: 72px auto 0px auto;
        padding: 80px 2% 690px 2%;
    }

    .pr_num_scol {
        clear: none;
        width: 90%;
        padding: 0% 1%;
        float: none;
        margin: auto;
    }

    .pr_num_count {
        clear: none;
        padding: 0% 1%;
        float: none;
        margin: 12px auto;
        width: 60%;
        min-width: unset;
    }

    .ct_num_col {
        clear: none;
        width: 90%;
        padding: 0% 1%;
        float: none;
        margin: auto;
    }

    .ct_num_col.float_t6 {
        margin-top: 0%;
    }

    .pr_num_col {
        clear: none;
        width: 90%;
        padding: 0% 1%;
        float: none;
        margin: auto;
    }

    .pr_num_col.float_t6 {
        margin-top: 0%;
    }

    .pr_num_col.float_t2 {
        margin: 24px auto 32px auto;
    }

    .ct_num_frame p {
        font-size: 17px;
        line-height: 28px;
    }

    .gr2_l {
        width: 100%;
        float: left;
        padding: 0% 0%;
    }

    .gr2_l_cont {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
    }

    .gr2_r {
        width: 100%;
        float: left;
        display: block;
        margin: 40px 0px 0px 0px;
        padding: 56px 4% 24px 4%;
    }

    .gr2_r_sect {
        width: 100%;
        margin: unset;
        position: relative;
        margin: 1% 1% 24px 1%;
        padding-right: 2%;
    }

    .gr2_content {
        display: block;
        width: 96%;
    }

    .lng_subhead2 {
        text-align: center;
    }

    .lng_title {
        font-size: 32px;
        text-align: center;
    }

    .lng_txt_body {
        text-align: center;
    }

    .scroll_profile {
        left: 47.8%;
    }
}

@media only screen and (max-width: 739.98px) {
    .lng_count_cont {
        width: fit-content;
        height: auto;
        float: none;
        margin: auto;
        display: block;
        transform: scale(1.2) !important;
        top: -17px;
    }

    .lng_count_body {
        width: 90%;
        transform: unset;
        right: unset;
        margin: 0px auto 0px auto;
        display: block;
        float: none;
        position: relative;
        text-align: center;
    }

    .lng_sect_overview {
        padding: 120px 0px 120px 0px;
    }

    .banner_header h1 {
        font-size: 48px;
    }

    .banner_header_pg h1 {
        font-size: 48px;
    }

    .banner_sub p {
        width: 100%;
        margin: auto;
    }
}

@media only screen and (max-width: 679.98px) {
    .lng_sect_overview {
        padding: 64px 0px 80px 0px;
        margin: -180px auto 60px auto;
    }

    .lng_banner_main.hide {
        display: none;
    }

    .lng_intro_img.hide {
        display: none;
    }

    .lng_intro_lf.hide {
        display: none;
    }

    .lng_intro_rg.hide {
        display: none;
    }

    .lng_banner_main {
        /* position: relative !important; */
        filter: brightness(1) grayscale(0) !important;
        opacity: 1 !important;
        margin-top: 0% !important;
    }

    .lng_htitle_main {
        /* position: relative !important; */
        filter: brightness(1) grayscale(0) !important;
        opacity: 1 !important;
        margin-top: 0% !important;
        top: -80% !important;
    }

    .banner_header h1 {
        font-size: 44px;
    }

    .banner_sub p {
        line-height: 4px;
    }

    .ob_num_frame h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .pk_bg_img {
        background: linear-gradient(140deg, rgb(0 40 67) 0%, rgb(16 75 118) 49%, rgb(66 126 93) 100%);
    }

    .ob_num_frame h2 {
        font-size: 48px;
    }

    .pr_num_frame h2 {
        font-size: 48px;
    }

    .lng_ob_sect_cont {
        width: 100%;
    }

    .lng_bu_body {
        width: 96%;
    }

    .img_ob_bor_r {
        width: 90%;
        top: -29px;
        left: 50%;
        transform: translate(-50%, 0px);
        margin-left: 0px;
        padding: 208px 0px;
    }

    .img_ob_bor_l {
        width: 90%;
        top: -29px;
        left: 50%;
        transform: translate(-50%, 0px);
        margin-left: 0px;
        padding: 208px 0px;
    }

    .lng_ob_txtbody {
        margin: 56px auto 0px auto;
    }

    .lng_ov_content {
        width: 100%;
        margin: auto;
        padding: 24px;
    }

    .lng_pr_l {
        width: 100%;
        padding: 0% 0% 16px 0%;
        margin: auto;
    }

    .lng_ov_l {
        width: 100%;
        padding: 0% 0% 16px 0%;
        margin: auto;
    }

    .lng_ct_l {
        width: 100%;
        height: 480px;
        padding: 0% 0% 16px 0%;
        margin: auto;
    }

    .lng_pr_r {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
    }

    .lng_ov_r {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
    }

    .lng_ct_r {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
    }

    .lng_pr_content {
        width: 100%;
        margin: auto;
        padding: 24px;
    }

    .lng_ov_content {
        padding: 32px 32px 32px 32px;
    }

    .lng_ob_bu_cont.fl {
        width: 100%;
        margin: auto;
        display: block;
        float: none !important;
    }

    .lng_ob_bu_cont.mr6 {
        width: 100%;
        display: block;
        margin: 0px auto 80px auto;
        float: none;
    }

    .lng_pr_fcont {
        width: 96%;
        margin: 72px auto 0px auto;
        padding: 80px 2%;
    }

    .pr_num_count {
        min-width: 320px;
    }

    .img_ob_sect_cont {
        width: 94%;
    }

    .img_ct_sect_cont {
        width: 94%;
    }

    .img_pr_sect_cont {
        width: 94%;
    }

    .pr_block_count {
        width: 94%;
        position: relative;
    }

    .img_ov {
        background-position: -167px -7px !important;
        background-size: 249%;
    }

    .scroll_profile {
        display: none;
    }

    .ob_num_col {
        clear: none;
        width: 100%;
        padding: 0% 1%;
        float: none;
        margin: auto;
    }

    .ob_num_frame.bor_fr {
        border-top: 1px solid #ffffff38;
        border-bottom: 1px solid #ffffff38;
        border-right: 0px solid #ffffff33;
        border-left: 0px solid #ffffff33;
    }

    .g_title2 {
        font-size: 28px;
        margin: -107px auto 53px auto;
        padding: 20px 24px;
        letter-spacing: 0px;
        font-weight: 600;
    }

    .lng_count_sect {
        width: 100%;
        margin: auto;
        max-width: 1200px;
        position: relative;
        z-index: 100;
    }

    .gr2_r_cont_r1 {
        width: 96% !important;
        padding-top: 0%;
    }

    .gr2_header {
        font-size: 32px;
    }

    .pk_notice_sect {
        width: 75%;
    }

    .lng_product_sect {
        width: 96%;
    }

    .lng_product_l {
        width: 100%;
        float: none;
        margin: auto;
    }

    .lng_product_r {
        width: 100%;
        float: none;
        padding: 0% 0%;
        margin: auto;
    }

    .lng_product_col {
        border-radius: 12px;
        padding: 8% 5% 5% 5%;
    }

    .lng_txt_head {
        line-height: 24px;
    }

    .img_products {
        max-width: 256px;
    }

    .yr_float {
        font-size: 90px;
    }

    .lng_warantee_sect {
        width: 96%;
    }

    .lng_bg3_img {
        background-position: center bottom;
        background-size: 280%;
    }

    .gr2_r_cont {
        margin: 0px auto 24px auto;
        text-align: center;
        width: 100%;
        float: none;
    }

    .gr2_r_ico {
        width: 100%;
        margin-bottom: 24px;
    }

    .img_thumbs {
        margin: auto;
    }

    .g_title_body {
        line-height: 26px;
        padding-top: 8px;
    }

    .gr2_r_cont_r2.aLeft {
        float: none;
        text-align: center;
    }
}

@media only screen and (max-width: 639.98px) {
    .ov_vidbg {
        height: 109vh;
    }

    .qa_vidbg {
        object-fit: cover;
        height: 128vh;
    }

    .lng_container {
        height: 96vh;
    }

    .banner_title {
        line-height: 38px;
        text-align: center;
    }

    .banner_header {
        font-size: 36px;
        line-height: 44px;
        text-align: center;
    }

    .banner_sub {
        text-align: center;
    }

    .st_sect_row {
        width: 90%;
        padding: 40px 20px;
    }

    .ov_sect_l {
        width: 100%;
        padding: 40px 0% 0% 0%;
    }

    .ov_sect_r {
        width: 100%;
        padding: 32px 6%;
    }

    .ov_num_col {
        width: 100%;
        margin: 4px auto;
        max-width: 280px;
        padding: 3% 1%;
        background: linear-gradient(1deg, rgb(29 53 77 / 0%) 50%, rgb(72 98 125 / 43%) 130%);
    }

    .gr2_l {
        width: 100%;
        float: left;
        padding: 0% 0%;
    }

    .gr2_r {
        width: 100%;
        float: left;
        display: block;
    }

    .gr2_r_sect {
        width: 98%;
        margin: 1% 1% 3% 1%;
        padding-right: 0%;
    }

    .ico_tchev {
        max-width: 32px;
        padding: 1px 4px 0px 2px;
    }
}

@media only screen and (max-width: 574.98px) {
    .ov_info_result {
        width: 100%;
        float: left;
    }

    .pk_notice_sect {
        width: 90%;
    }
}