@font-face{

    font-display:swap;

    font-family:'Roboto';

    src:url("../fonts/Roboto-Light.woff2");

    font-weight:300;

    font-display:block;

    font-style:normal

}

@font-face{

    font-display:swap;

    font-family:'Roboto';

    src:url("../fonts/Roboto-Regular.woff2");

    font-weight:400;

    font-display:block;

    font-style:normal

}@font-face{

    font-display:swap;

    font-family:'Roboto';

    src:url("../fonts/Roboto-Medium.woff2");

    font-weight:500;

    font-display:block;

    font-style:normal

}

@font-face{

    font-display:swap;

    font-family:'Roboto';

    src:url("../fonts/Roboto-Bold.woff2");

    font-weight:700;

    font-display:block;

    font-style:normal

}

@font-face{

    font-display:swap;

    font-family:'Roboto';

    src:url("../fonts/Roboto-Black.woff2");

    font-weight:900;

    font-display:block;

    font-style:normal

}body{

    font-family:'Roboto',sans-serif

}

*{margin:0;padding:0}

img{max-width:100%;height:auto}

li{list-style:none}

*, ul, li {

    margin: 0;

    padding: 0;

}

a {

    text-decoration: none;

}

h1, h2, h3, h4 {

    font-weight: bold;

    line-height: 1.3;

}

body {

    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;

    font-size: 16px;

    line-height: 1.5;

    --Color-gradient: #219965;

    --Color-secondary: #FCEE21;

}

.owl-carousel .owl-nav button {

    margin-left: 12px;

    background: #E7E7E7 !important;

    width: 44px;

    height: 44px;

    text-align: center;

    line-height: 44px;

    font-size: 18px;

    border-radius: 8px;

    color: #000;

    padding: 0;

    display: inline-block;

}

.owl-carousel .owl-nav .owl-next {

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%) !important;

    color: #fff !important;

}
.start-15 {
    left: 15%;
}
.bottom-15 {
    bottom: 2.5rem;
}
header {

    position: relative;

    z-index: 232;

}



.heading_3 {

    color: #fff;

    font-size: 28px;

    line-height: 40px;

    font-weight: 600;

}



.heading_3 {

    margin-top: 0;

}



.home #header, .page-id-21125 #header {

    position: fixed;

    top: 0px;

    width: 100%;

}



.home #header {

    position: fixed;

    top: 0px;

    width: 100%;

}



.header_main {

    position: relative;

}



.header_main {

    background: #03242E;

}



.header_main {

    box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.10);

}



.home .header_main, .page-id-21125 .header_main {

    background: none;

    box-shadow: none;

}



.home .header_main {

    box-shadow: none;

}



.header_main .container, .header_menu, /*.header_menu .menu > li.menu__parent*/ {

    position: static !important;

}



.logo {

    padding: 0px 0;

}



.logo img {

    max-height: 48px;

    width: auto;

}



.logo_white, .header_main.fix .logo_black, body .header_main .logo_black {

    display: none;

}



.header_main .logo_white, .home .header_main .logo_black, .home .header_main.fix .logo_white {

    display: block;

}



.header_main.fix {

    background: #03242E;

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

}

.home .header_main.fix, .page-id-21125 .header_main.fix {

    background: #03242E;

}



.header_main.active .header_main_before {

    display: block;

}



.menu ul,.menu {

    padding: 0;

    margin: 0;

}



.header_menu .menu > li {

    float: left;

    position: relative;

}



.header_menu .menu > li > a {

    color: #fff;

    font-size: 16px;

    padding: 22px 25px;

    display: inline-block;

    font-weight: 400;

    position: relative;

}



.home .header_menu .menu > li > a {

    color: #ffffff;

}



.header_main.active .header_menu .menu > li > a {

    color: #fff

}







.header_menu .menu > li.current-menu-item > a, .header_menu .menu > li:hover > a {

    color: #219965;

}

.header_menu .menu > li.menu-item-has-children > a:after {

    content: "\f107";

    font: normal normal normal 14px / 1 FontAwesome;

    padding-left: 5px;

}



.header_menu .menu > li > a:before {

    background: #239964;

    content: '';

    position: absolute;

    bottom: -2px;

    height: 2px;

    left: 0;

    -webkit-transition-property: right;

    z-index: 33;

    transition-property: right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.header_menu .menu > li.current-menu-parent > a:after, .header_menu .menu > li:hover > a:after {

    right: 0px;

}

.header_menu .menu > li > ul {

    position: absolute;

    left: 0px;

    top: 100%;

    width: 268px;

    background: #01202A;

    box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.10);

    display: none;

}



.header_menu .menu > li.menu__parent > .sub-menu {

    width: 400px;

    color: #fff;

    border-top: #0E3441 1px solid;

    min-height: 500px;

    flex-wrap: wrap;

}





.header_menu .menu > li > ul > li {

    position: relative;

    z-index: 2;

}

.header_menu .menu > li.menu__parent > .sub-menu  > li > .sub-menu {

    padding:10px;

}

.header_menu .menu > li.menu__parent > .sub-menu > li > a, .header_menu .menu > li.menu__parent > .sub-menu > li > ul > li > a {

    color: #E3EDF1;

    display: block;

    padding-bottom: 15px;

}

.header_menu .menu > li > ul:before, .header_menu .menu > li > ul:after {

    background: linear-gradient(202deg, rgba(1, 32, 42, 0.30) 52.49%, rgba(8, 49, 61, 0.40) 66.37%, #114853 100.87%);

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}



.header_menu .menu > li > ul > li > a {

    display: block;

    padding: 8px 10px;

    color: #fff;

    position: relative;

    font-weight: 500;

    border-bottom: #0E3441 1px solid;

}



.header_menu .menu > li.btn_menu {

    float: right;

}



.btn, .box_reg_top.box_reg_top_3 .box_reg_top_text a, .header_menu .menu > li.btn_menu > a {

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%);

    position: relative;

    max-height: 52px;

    border: 0px;

    height: auto;

    padding: 0px 40px;

    border-radius: 30px;

    color: #fff;

    font-size: 16px;

    line-height: 52px;

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);

}

.header_menu .menu > li.btn_menu > a {

    top: 12px;

    height: auto !important;

    line-height: 44px;

}

.icon_menu {

    display: none;

}

.icon_menu span {

    display: block;

    width: 26px;

    height: 2px;

    background: #fff;

    margin: 8px 0;

}

.box_reg_top {

    background: linear-gradient(281deg, #FFFFF6 49.48%, #E7F4E7 74.76%, #FFF 94.5%);

    display: flex;

    position: relative;

    padding: 80px 00px;

    align-items: center;

    gap: 64px;

    align-self: stretch;

}

.box_reg_top {

    background-size: cover;

}

.box_reg_top.box_reg_top_3:before, .bg_after:after, .box_reg_top.box_reg_top_4:before {

    opacity: 0.9;

    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 31.45%, #000 99.42%);

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}

.box_reg_top.box_reg_top_3 .row-flex, .box_reg_top.box_reg_top_4 {

    display: block;

    padding: 144px 0;

}

.box_reg_top.box_reg_top_4 {

    padding: 120px 0;

}

.tg_h_1 .box_reg_top.box_reg_top_4 {

    padding-top: 0;

    background-size: cover;

    height: 100vh;

    overflow: hidden;

    max-height: 800px;

}

.video-bg {

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: 50% 50%;

    object-position: 50% 50%;

    position: absolute;

    width: 100%;

}

.box_reg_top_4_child {

    max-width: 1000px;

    margin: auto;

    text-align: center;

}

.tg_h_1 .box_reg_top.box_reg_top_4 .box_reg_top_4_child {

    position: absolute;

    bottom: 30%;

    width: 100%;

    max-width: 100%;

    text-align: left;

    color: #fff;

    padding-bottom: 60px;

    z-index: 9;

}

.bg_box_1 {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .4;

}

.max-800 {

    width: 788px;

    margin: auto;

}

.box_reg_top_text .max-800 {

    margin: 0;

}

.tg_h_1 .box_reg_top.box_reg_top_4 .box_reg_a {

    margin: 70px 0 20px;

}

.tg_h_1 .box_reg_top.box_reg_top_4 h2, .heading_1, .heading_1 {

    font-size: 54px;

    padding-bottom: 32px;

    line-height: 64px;

    font-weight: bold;

}

.box_reg_top_text p {

    margin-bottom: 0;

}

.tg_h_1 .box_reg_top.box_reg_top_4 .max-800 > p {

    font-size: 16px;

}

.tg_h_1 .box_reg_top.box_reg_top_4 .max-800 > p span {

    color: #D6E805;

    font-weight: bold;

}

.btn, .box_reg_top.box_reg_top_3 .box_reg_top_text a, .header_menu .menu > li.btn_menu > a {

    margin: 0;

    box-shadow: none !important;

}

.box_reg_top .btn {

    min-width: 170px;

    padding-left: 20px;

    border: 0px !important;

    padding-top: 0;

    text-align: left;

}

.tg_h_1 .box_reg_top.box_reg_top_4 .box_reg_top_4_child a:nth-child(1) {

    float: left;

}

.tg_h_1 .box_reg_top.box_reg_top_4 .box_reg_top_4_child a:nth-child(1) {

    padding-right: 80px !important;

    text-align: center;

    font-weight: bold;

}

.tg_h_1 .box_reg_top.box_reg_top_4 .box_reg_top_4_child a:nth-child(1) {

    line-height: 68px;

    max-height: 68px;

    min-width: 274px;

    border-radius: 50px;

}

.box_reg_top_text i, .box_post_view_s4_2_child a.btn i, a.btn i, button.btn-i i {

    position: absolute;

    right: 0px;

    top: 0px;

    background: #fff;

    width: 36px;

    height: 36px;

    right: 6px;

    top: 8px;

    text-align: center;

    color: #D6E805;

    line-height: 36px;

    font-size: 15px;

    border-radius: 50%;

    color: #239964;

}

.btn_a_2 {

    float: right;

    border-radius: 52px;

    border: 1px solid #939393;

    background: rgba(255, 255, 255, 0.20);

    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);

}

.tg_h_1 .box_reg_top.box_reg_top_4 .box_reg_top_4_child .box_reg_a i {

    top: 16px;

}

.box_reg_a .btn.btn_a_2 {

    border-radius: 52px;

    border: 1px solid #939393;

    font-size: 14px;

    background: rgba(255, 255, 255, 0.20);

    padding-left: 55px;

    padding-right: 24px !important;

    max-width: 517px;

    line-height: 68px;

    max-height: 68px;

    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);

}

.box_reg_a .btn.btn_a_2:before {

    content: '';

    position: absolute;

    left: 28px;

    width: 20px;

    height: 20px;

    top: 50%;

    margin-top: -10px;

    background: url(https://noithattugia.com/wp-content/uploads/2024/09/play.svg) center no-repeat;

    background-size: 100%;

}

.btn:after, .top_4_xn.box_reg_top_text.box_style_2 ul li a:after {

    content: "";

    border-radius: 45px;

    position: absolute;

    z-index: 1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, .04);

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    transition: all .5s ease-out;

}



.tg_h_1 .box_reg_top_text .box_reg_a p {

    float: left;

    line-height: 1.5;

    padding-left: 16px;

    position: relative;

    top: 12px;

}

.p40 {

    padding: 40px 0;

}

.tg_h_2 h2, .tg_top h2 {

    font-size: 34px;

    padding-bottom: 52px;

    margin: 0;

}

.tg_h_2 ul {

    border-radius: 24px;

    border: 1px solid #EFEFEF;

    background: #FFF;

    margin-bottom: 28px;

    padding: 20px;

    box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.10);

}

.tg_h_2 ul {

    transition: .3s;

}

.tg_h_2 h3, .tg_top h2 {

    line-height: 44px;

}

.tg_h_2 ul li:nth-child(1) h3 {

    font-size: 22px;

    font-weight: bold;

    margin: 0;

}

.tg_h_2 ul li:nth-child(1) h3 a {

    color: #333;

}

.tg_h_2 ul li:nth-child(2) {

    padding: 16px 0;

    min-height: 128px;

}

.tg_h_2 ul li:nth-child(3) a {

    color: #219965;

    font-size: 14px;

    line-height: 16px;

    padding-right: 24px;

    background: url(../images/arrow-narrow-right.svg) no-repeat center right;

    background-size: 16px;

}

.tg_h_3 {

    background: #F7F7F7;

}



.tg_h_3 {

    overflow: hidden;

}

.tg_h_3.p40 {

    padding: 80px 0;

}

.tg_h_3 h2 {

    font-size: 34px;

    margin: 0px;

    padding-bottom: 32px;

}

.tg_h_3_1 {

    padding-bottom: 46px;

}

.tg_h_3_1 {

    display: flex

    ;

    align-items: center;

    gap: 32px;

    justify-content: center;

}



.tg_h_3_1 span {

    font-weight: 600;

}

.tg_h_3_1 .select, .select_search {

    height: 60px;

    border-radius: 50px;

    display: inline-flex;

    gap: 55px;

    width: 258px;

    position: relative;

    background-color: #fff;

    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .15);

}

.tg_h_3_1 .click-select, .select_search .click-select {

    width: 100%;

    overflow: hidden;

}

.tg_h_3_1 .select h3, .icon-select h3 {

    position: relative;

    z-index: 2;

}

.tg_h_3_1 .select h3, .select_search h3 {

    font-size: 18px;

    font-weight: 600;

    padding: 0px 24px;

    line-height: 60px;

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%) text;

    cursor: pointer;

    background-size: 200%;

    margin: 0;

    background-position: 0% 0%;

    animation: animated-gradient 2s infinite alternate-reverse;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.tg_h_3_1 .select .icon-select, .select_search .icon-select {

    background: url(../images/chevron-down.svg) no-repeat;

    width: 28px;

    height: 12px;

    position: absolute;

    right: 35px;

    top: 50%;

    height: 28px;

    margin-top: -14px;

    background-size: 100%;

}

.tg_h_3_1 .select ul, .select_search ul {

    margin: 0;

    padding: 0;

    list-style: none;

    position: absolute;

    background: #fff;

    top: 100%;

    z-index: 9;

    width: 100%;

    left: 0;

    border-radius: 20px;

    display: none;

    text-align: left;

    border: 1px solid rgba(33, 153, 101, 0.30);

    overflow: hidden;

}

.tg_h_3_1 .select ul.active, .select_search ul.active {

    display: block !important;

}

.tg_h_3_1 .select ul li {

    transition: .3s;

}

.tg_h_3_1 .select ul li, .select_search ul li {

    cursor: pointer;

    font-size: 16px;

    border-bottom: #E7E7E7 1px solid;

    padding: 16px 24px;

}

.tg_h_3_1 .select ul li:hover , .select_search  ul li:hover{ 

    background: #239964;

    color: #fff  

}

.tg_h_3_center {

    position: relative;

}



.tg_h_3_center img {

    width: 100%;

}



.gallery_load.owl-carousel .owl-item:before {

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background: #FEF200;

    z-index: 2;

    opacity: .5;

}



.gallery_load.owl-carousel .owl-item.active:before {

    opacity: 0;

}



.gallery_load img {

    width: 100% !important;

    height: auto;

}

.tg_h_3 .gallery_load .owl-nav {

    position: absolute;

    top: 50%;

    width: 100%;

    margin-top: -22px;

    left: 0px;

    bottom: auto;

}

.tg_h_3 .gallery_load .owl-nav button {

    margin: 0;

    left: 20px;

    position: relative;

}

.tg_h_3 .gallery_load .owl-nav .owl-next {

    right: 20px;

    position: absolute;

    left: auto;

}

.tg_h_3_slider {

    padding-top: 32px;

    padding-bottom: 50px;

}



.tg_h_3_slider .box_tc_3_center, .tg_h_3_slider.post_list_view ul {

    padding: 0;

}

.tg_h_3_slider .owl-nav {

    position: absolute;

    right: 0;

    bottom: -7px;

}

.post_list_view ul {

    padding-top: 40px;

}

.tg_h_3_slider .box_tc_3_center, .tg_h_3_slider.post_list_view ul {

    padding: 0;

}

.box_tc_3_center .item ul {

    position: relative;

}

.tg_h_3_slider .post_thumbnail {

    overflow: hidden;

    border-radius: 12px;

}



.post_list_view .post_thumbnail a {

    display: block;

    padding-top: 65%;

    overflow: hidden;

    position: relative;

    background: #ededed;

    border-radius: 12px;

}



.box_tc_3_center .item ul li:nth-child(1) a {

    padding-top: 68%;

}



.post_list_view .post_thumbnail a img, .tg_slider_3 .post_thumbnail img {

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    width: 100%;

    object-fit: cover;

}



.box_tc_2 li:nth-child(1) a img, .box_tc_3_center .item ul li img, .about_slider a img, .img_100 img, .video_h_2 .img_video img {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 100%;

    max-width: 1000%;

    width: auto !important;

    transform: translate(-50%, -50%);

}



.post_list_view li:nth-child(2) a {

    display: block;

    font-size: 18px;

    font-weight: 600;

    line-height: 27px;

    color: #212121;

    padding-top: 24px;

    padding-bottom: 0px;

}



.tg_h_3_slider.post_list_view li:nth-child(2) a {

    font-size: 14px;

    font-weight: 400;

    padding-top: 16px;

    line-height: 20px;

}



.box_tc_3_center .item ul li:nth-child(2) a {

    position: relative;

    background: none;

    color: #212121;

    display: block;

    padding: 12px 0;

    text-align: center;

}



.tg_h_2 ul:hover, .top_6_xn ul:hover {

    border-radius: 24px;

    border: 1px solid var(--Color-gradient, #D6E805);

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%);

    color: #fff;

    box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.10);

}

.tg_h_2 ul:hover li:nth-child(3) a {

    color: #fff;

}

.tg_h_4 {

    padding: 88px 0;

}

.tg_h_4 ul {

    position: relative;

    border-radius: 16px;

    overflow: hidden;

}

.hover_img {

    display: block;

    overflow: hidden;

    border-radius: 12px;

}



.hover_img img, .hover_zoom {

    transition: all .4s ease;

}

.hover_img img, .hover_zoom {

    transition: all .4s ease;

}

.hover_img:hover img, .top_3_dv ul:hover img {

    transform: scale(1.1);

}

.tg_h_4 ul li:nth-child(2) {

    display: flex;

    border-radius: 0px 0px 16px 16px;

    transition: .8s;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);

    padding: 78px 24px 18px;

    color: #fff;

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

}



.tg_h_4 ul li:nth-child(2) a {

    font-weight: 600px;

    font-size: 19px;

    color: #fff;

}



.owl-nav {

    position: absolute;

    right: 20px;

    bottom: 20px;

}



.bg7 {

    background: #F7F7F7;

}



.tg_slider_3 {

    padding: 48px 0;

}

.box_tc_3 .owl-nav {

    right: 0px;

    bottom: 20px;

}

.box_tc_3 .owl-nav button {

    display: inline-block;

    padding: 0;

}

.tg_h_2 h4, .tg_top p {

    color: #888;

    font-size: 18px;

    margin-bottom: 0;

}



.tg_top_child {

    margin-top: 10px;

    position: relative;

    padding-right: 300px;

}



.tg_top_child a {

    position: absolute;

    right: 0px;

    top: 50%;

    margin-top: -26px;

}



.tg_top h2 {

    color: #239964;

}



.tg_top.tg_top_2 h2 {

    padding-bottom: 8px;

}



.text_ab {

    position: relative;

}



.text_ab {

    cursor: pointer;

}

.img_100 {

    padding-top: 43%;

    overflow: hidden;

    position: relative;

    background: #f2f2f2;

}

.img_100 {

    padding-top: 100%;

}

.img_100 {

    border-radius: 16px;

}



.tg_h_6_child ul {

    margin-top: 48px;

    padding-left: 32px;

    border-left: 3px solid var(--Color-gradient, #D6E805);

}



.tg_h_6_child ul {

    cursor: pointer;

}



.tg_h_6_child ul.active {

    color: #239964;

}



.tg_h_6_child ul.active {

    border-left-color: #D6E805;

}



.tg_h_6_child ul strong {

    display: block;

    padding-bottom: 16px;

}



.hide_pc {

    display: none;

}



.tg_h_7 .tg_h_6_child ul {

    margin-bottom: 36px;

}

.tg_h_7 .tg_h_6_child li {

    padding-bottom: 8px;

}



.about_text_top {

    position: absolute;

    padding-right: 30px;

    max-width: 40%;

}

.box-11 {

    padding: 60px 0;

}

.slider_m4 .img {

    position: relative;

    overflow: hidden;

    padding-top: 00px;

    text-align: center;

}

.slider_m4 .img img {

    max-height: 40px;

    width: auto;

}



.owl-dots {

    bottom: 0;

    margin-top: 10px;

}



.owl-dots {

    z-index: 33;

}







.bg7 .owl-dots {

    display: flex;

    gap: 20px;

    width: calc(100% - 120px);

}

.bg7 .owl-dots > * {

    width: calc(33.3% - 20px);

}



.owl-carousel .owl-dots > * {

    width: 180px;

    height: 2px;

    border-radius: 0px;

    padding: 0;

    display: inline-block;

    margin-right: 12px;

    background: #ddd !important;

}

.about_5 .col-md-6:nth-child(1) {

    order: 2;

}



.about_5_list {

    z-index: 33;

}



.about_5_list .row-flex {

    align-items: flex-start;

}



.about_5_video {

    position: relative;

    padding-bottom: 26px;

}



.about_5_video >.about_5_video_1 {

    bottom: 26px;

    position: absolute;

    bottom: 0px;

    border-radius: 16px;

    z-index: 33;

    height: 312px;

    width: 240px;

    overflow: hidden;

}





.about_5_video >.about_5_video_1 {

    width: 240px !important;

    height: auto !important;

}



.about_5_video_center a {

    display: block;

    position: relative;

    overflow: hidden;

}



.about_5_video .about_5_video_center a, .about_5_video .about_5_video_center video, .gallery_load .owl-thumbs > button img, .about_5_video_center iframe, .about_5_video .box-video-home, .about_5_video >.about_5_video_1 > img {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 100%;

    max-width: 1000%;

    width: 100%;

    transform: translate(-50%, -50%);

}



.about_5_video >.about_5_video_1 > img {

    width: auto;

}



.about_5_video .about_5_video_center {

    margin-left: 62px;

    position: relative;

    padding-top: 68%;

    overflow: hidden;

    border-radius: 12px;

}



.about_5_video .about_5_video_center a {

    z-index: 22;

}







.about_5_video_center a:before {

    border-radius: 16px;

    opacity: 0.3;

    content: '';

    background: #000;

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}



.about_5_video_center a:after, .img_video:after, .play-button {

    background: url(../images/play-circle.svg) no-repeat center;

    position: absolute;

    width: 100px;

    height: 100px;

    left: 50%;

    top: 50%;

    margin-left: -50px;

    margin-top: -50px;

    content: '';

}

.slidehero-iframe_2 iframe {

    display: none;

}

.slidehero-iframe_2 iframe {

    z-index: 22;

}

.about_5_video > .about_5_video_2 {

    width: 160px !important;

    position: absolute;

    top: 12px;

    right: 12px;

    z-index: 33;

}



.about_5_list_text {

    padding-left: 50px;

}



.home .about_5_list_text {

    padding-left: 0;

}



.about_5_list .about_5_list_text {

    padding-top: 150px;

}



.about_5_list .about_5_list_text {

    padding-right: 30px;

}



.about_5_list_text_2 > li:nth-child(1) {

    color: #888;

    font-weight: 400;

}



.about_5_list_text_2 > li:nth-child(2) {

    color: #219965;

    font-size: 24px;

    padding-bottom: 24px;

}



.about_5 .owl-nav {

    left: -12px;

    max-width: 50%;

}



.about_5 .owl-nav {

    max-width: 50%;

}



.owl-carousel .owl-dots > *.active {

    background: #239964 !important;

}



.about_5_list .owl-dots > * {

    width: 38px;

    margin-right: 12px;

}



.about_5_list .owl-dots {

    position: absolute;

    left: 144px;

    width: calc(50% - 100px);

    bottom: 21px;

}



.about_5_list.slider_item_12 .owl-dots > * {

    width: calc(100% / 24);

}





.tg_h_form {

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%);

    padding: 65px 0;

    position: relative;

}



.heading_3 span {

    display: block;

    color: #FCEE21;

}



.box_reg_top_text form {

    display: flex;

    font-size: 18px;

    gap: 12px;

}



.tg_h_form form {

    padding-top: 30px;

}



.box_reg_top_text form input {

    height: 60px;

    margin: 0 !important;

    min-width: 200px;

    padding: 0px 20px;

    align-items: center;

    gap: 12px;

    border-radius: 52px;

    border: 1px solid #D8D8D8;

    background: url(../images/Calling-1.svg) no-repeat 15px center;

    background-color: #FFF;

    box-shadow: none;

    padding-left: 50px;

}



.tg_h_form .box_reg_top_text form input {

    width: 400px;

    background-size: auto 20px;

    border: 0;

    box-shadow: none;

}



.tg_h_form .box_reg_top_text form input.form_phone {

    background-image: url(../images/Hicon.svg);

}



.btn_home {

    background: linear-gradient(270deg, #F0A533 -6.88%, #FFC555 100%) !important;

    color: #fff !important;

    border: 0;

}



.tg_h_form button {

    width: auto;

    padding-right: 70px !important;

}



.tg_h_form button {

    padding-top: 0;

}



.tg_h_8 {

    padding: 50px 0;

    background: linear-gradient(181deg, #FFF 2.94%, rgba(202, 245, 204, 0.03) 99.24%);

    position: relative;

    margin-bottom: 50px;

    overflow: hidden;

}



.tg_h_8:before {

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background: url(../images/Frame-1000004980.png) no-repeat center right;

    background-size: cover;

    z-index: 2;

}



.tg_h_8:after {

    content: "";

    position: absolute;

    width: 50%;

    right: -25%;

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 42%);

    height: 100%;

    top: 0;

    transform: skewX(-42deg);

}

.tg_h_8 .container {

    position: relative;

    z-index: 3;

}

.tg_h_8_child {

    padding-bottom: 20px;

}



.slider_m4 .img {

    position: relative;

    overflow: hidden;

    padding-top: 00px;

    text-align: center;

}



.footer_form {

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%);

    padding: 55px 0;

    color: #fff;

    position: relative;

}



.footer_form:before {

    background: url(../images/Mask-group.svg) no-repeat center left;

    width: 100%;

    height: 100%;

    content: '';

    position: absolute;

    top: 0px;

    z-index: 1;

}



.home .footer_form {

    display: none;

}



.footer_form .container {

    position: relative;

    z-index: 1;

}



.footer_form .footer_form_child {

    display: flex;

    z-index: 2;

    align-items: center;

    justify-content: center;

}



.footer_form_hotline {

    position: relative;

    padding-left: 78px;

    margin-right: 48px;

}



.heading_5 {

    font-size: 28px;

    margin: 0px;

    padding-right: 25px;

    font-style: normal;

    font-weight: 600;

    line-height: 40px;

    color: #fff;

}



.footer_form_hotline img {

    width: 54px;

    position: absolute;

    left: 0px;

    top: 5px;

}

.footer_form_hotline span {

    font-size: 18px;

}

.footer_form_hotline a {

    display: block;

    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);

    font-size: 34px;

    font-style: normal;

    font-weight: 700;

    line-height: 44px;

    color: #FCEE21;

}





.btn_footer.btn {

    border-radius: 52px;

    color: #212121;

    font-weight: 500;

    border: 0px;

    background: var(--Color-secondary, #FCEE21);

    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.06);

}



#footer {

    background: #F7F7F7;

}



.footer_top {

    padding-top: 100px;

    padding-bottom: 44px;

}



.footer_top {

    padding-bottom: 0px !important;

}



.footer_info img {

    width: auto;

    height: 75px;

}



.footer_info .footer_title {

    font-size: 16px;

    padding: 20px 0;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

}



.footer_info_child {

    padding-bottom: 35px;

}

.footer_info_social {

    display: flex

    ;

}

.footer_info_child li {

    position: relative;

    padding-left: 60px;

    margin-bottom: 20px;

    min-height: 45px;

    line-height: 21px;

}

.footer_info_child svg {

    border-radius: 16px;

    position: absolute;

    left: 0px;

    top: 0px;

    background: var(--Color-gradient, linear-gradient(90deg, #D6E805 -111.45%, #239964 100%));

    width: 48px;

    height: 48px;

    padding: 14px;

}

.footer_info_child li strong {

    display: block;

}



.footer_info_child a {

    color: #333;

}

.footer_info_social a {

    display: inline-block;

    width: 32px;

    height: 32px;

    background: url(../images/social.png) no-repeat left center;

    margin-right: 12px;

    background-size: auto 32px;

}



.footer_info_social li:nth-child(2) a {

    background-position: -42px 0;

}



.footer_info_social li:nth-child(3) a {

    background-position: -84px 0;

}



.footer_info_social li:nth-child(4) a {

    background-position: -127px 0;

}

#footer ul {

    padding: 0;

    margin: 0;

}

.footer-title {

    font-size: 20px;

    margin-top: 0;

    font-style: normal;

    font-weight: 600;

}



.footer_top .widget_black_studio_tinymce ul li {

    line-height: 32px;

    color: #212121;

    font-weight: 500;

}



.footer_top .widget_black_studio_tinymce ul li a {

    color: inherit;

    font-size: 14px;

}



.footer_local {

    border-top: #DBDBDB 1px solid;

}



.footer_local li:nth-child(1) {

    padding-bottom: 20px;

}



.footer_local li:nth-child(2) {

    font-size: 14px;

}



.footer_bot {

    display: flex

    ;

    height: 92px;

    padding: 10px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    font-size: 14px;

    align-self: stretch;

    background: var(--bg-tab, #EEE);

    color: #212121;

    text-align: center;

}



.entry_content {

    overflow: hidden;

}



article.entry_content, .col-sidebar {

    padding: 40px 0;

}



.sidebar_post_views, .sidebar_sticky {

    position: -webkit-sticky;

    position: sticky;

    top: 0px;

}

.sidebar_post_views.active .sidebar_post {

    padding-top: 30px;

}



.breadcrumb {

    font-size: 13px;

}



.breadcrumb a {

    font-weight: bold;

    color: #212121;

}



h1.entry-title {

    font-size: 22px;

    margin-top: 0;

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

}



.post-meta > span {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;

    background: url(../images/Hicon-mv.svg) no-repeat left 16px;

    padding-left: 28px;

    padding-right: 20px;

    padding-top: 16px;

    padding-bottom: 25px;

    display: inline-block;

}



.post-meta > span.post_meta_view {

    background-image: url(../images/eye.svg);

}



.post-meta > span.post_meta_author {

    background-image: url(../images/Rectangle-1564.svg);

    padding-left: 36px;

}



.post-meta > span.post_meta_author {

    background: none;

    padding-left: 0px;

}



.post-meta > span.post_meta_author img {

    padding-right: 5px;

}

.post_list_view li:nth-child(3) span {

    font-size: 14px;

    padding-bottom: 10px !important;

    margin-top: -10px;

}



.entry-thumbnail {

    margin-bottom: 20px;

}

.entry-thumbnail img {

    width: 100%;

}

body #ez-toc-container {

    padding: 5px 10px !important;

}

.wp-caption {

    text-align: center;

    max-width: 100%;

    margin: 15px auto;

}

.wp-caption p {

    font-style: italic;

}

.wp-caption p {

    padding-top: 8px;

    font-size: 13px;

}

.content-post ul {

    padding-left: 20px;

    padding-bottom: 20px;

}

.content-post ul li {

    list-style: inside;

}



.post-share > span {

    display: inline-block;

    position: relative;

    top: -10px;

    padding-right: 10px;

}



.post-share .footer-social {

    display: inline-block;

}

.footer-social li {

    display: inline-block;

}

.footer-social li a {

    display: block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    margin-right: 10px;

    background: url(../images/social.svg) no-repeat 0 0;

}



.footer-social li:nth-child(2) a {

    background-position: -48px 0;

}

.footer-social li:nth-child(3) a {

    background-position: -96px 0;

}



.footer-social li:nth-child(4) a {

    background-position: -144px 0;

}



.footer-social li:nth-child(5) a {

    background-position: -192px 0;

}

#author-info {

    display: flex;

}



#author-avatar {

    margin-right: 20px;

    width: 100px;

    min-width: 100px;

}



#author-info img {

    width: 100px;

}



#author-description .p-author a {

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

    color: #000;

}



.related-title {

    font-size: 28px;

    font-weight: 600;

}



.post_list_view .col-md-6:nth-child(2n+1), .post_list_view .col-md-4:nth-child(3n+1) {

    clear: both;

}

.sidebar_post h3 {

    font-size: 16px;

    color: #fff;

    margin-bottom: 0;

    margin-bottom: -1px;

    margin-top: 0;

}



.sidebar_post h3 span {

    display: inline-block;

    border-radius: 12px 16px 0px 0px;

    height: 36px;

    position: relative;

    padding: 0px 12px;

    line-height: 36px;

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%);

}



.sidebar_post h3 span:before {

    background: url(../images/Group-8165.svg) no-repeat center;

    content: '';

    width: 30px;

    height: 25px;

    right: -29px;

    bottom: 0px;

    position: absolute;

}



.sidebar_post_list {

    border-radius: 0px 8px 8px 8px;

    position: relative;

    overflow: hidden;

    border-top: 1px solid var(--Color-gradient, #D6E805);

    background: var(--bg-tab, #EEE);

    padding: 20px;

}



.sidebar_post_list .post_thumbnail.hover_img {

    float: left;

    width: 86px;

    margin-right: 12px;

    border-radius: 8px;

}



.sidebar_post_list .post_thumbnail.hover_img {

    display: inline-block;

}



.sidebar_post_views .sidebar_post_list .post_thumbnail.hover_img {

    float: none;

    width: 100%;

    margin-right: 0;

}

.sidebar_post .post_thumbnail a {

    background-color: #000;

    margin-bottom: 30px;

    position: relative;

    display: block;

    padding-top: 56.25%;

    overflow: hidden;

    cursor: pointer;

}



.sidebar_post .post_thumbnail a {

    background: #f8f8f8;

    margin-bottom: 0;

    padding-top: 65%;

}



.youtube img, .sidebar_post .post_thumbnail a img {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 140%;

    max-width: 1000%;

    width: auto;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    opacity: 0.7;

    display: none;

}



.sidebar_post .post_thumbnail a img {

    display: block;

    height: 120%;

    opacity: 1;

}

.duan_title a {

    color: #212121;

    font-size: 18px;

    font-weight: 500;

    padding-bottom: 28px;

    display: block;

}



.duan_meta span {

    background: url(../images/fluent_keyboard-layout-resize-24-regular.svg) no-repeat center left;

    padding-left: 32px;

    color: #888;

    line-height: 24px;

    padding-right: 20px;

    padding-top: 16px;

    padding-bottom: 8px;

    display: inline-block;

}



.duan_meta span:nth-child(2) {

    background-image: url(../images/fluent_style-guide-24-regular.svg);

}



.sidebar_post_list > a {

    line-height: 34px;

    display: block;

    color: #fff;

    font-weight: bold;

    text-align: center;

    background: url(../images/Group-8165-1.svg) no-repeat top center;

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

    background-size: auto 100%;

}

.sidebar_post_list > a:before {

    background: linear-gradient(90deg, #FCEE21 -111.45%, #408C43 100%);

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    left: 0px;

    bottom: 0px;

}



#p-now {

    background-image: url(../images/Anh-popup-them-sau-khuyen-mai-lan-2-2.jpg);

    background-position: center bottom;

    background-size: cover;

}

#p-now .modal-content {

    box-shadow: none;

    background: none;

    border: 0px;

}

#p-now .modal-header {

    padding: 0px;

    margin: 0px;

}



#p-now .modal-header {

    border: 0;

}

.modal-header .close {

    width: 30px;

    height: 30px;

    background: #219965;

    color: #fff;

    opacity: 1;

}

.img-popup {

    text-align: center;

}

.img-popup img {

    max-width: 228px;

    height: auto;

}

.popup_title {

    font-weight: bold;

    color: #141d3c;

    text-transform: none;

    font-size: 24px;

    padding: 15px 0;

}

.n-p-p {

    font-size: 19px;

    color: #101835;

}

.n-p-p {

    padding-top: 15px;

}

.n-p-f input {

    border-radius: 20px;

    border: 1px solid #e9c155;

    height: 40px;

}

.n-p-f_v input.form-control {

    margin: 0px 0 12px;

    width: 100%;

}



.wp-pagenavi {

    padding-top: 40px;

}



.wp-pagenavi a, .wp-pagenavi span {

    display: inline-block;

    text-align: center;

    min-width: 36px;

    height: 36px;

    border: 1px solid #C0C0C0;

    border-radius: 8px;

    margin-right: 12px;

    line-height: 36px;

    padding: 0 6px;

    color: #212112;

}

.wp-pagenavi span.current, .wp-pagenavi a:hover, .wp-pagenavi span:hover {

    background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%);

    color: #fff;

    border-color: #fff;

}

.col-sidebar .menu {

    border-radius: 12px;

    background: #F5F5F5;

    padding: 20px;

}



#content_pages .container {

    position: relative;

}



.col-sidebar .menu li a {

    display: block;

    border-bottom: 1px solid #EBEBEB;

    position: relative;

    color: #212121;

    font-size: 16px;

    padding: 14px 0;

    font-weight: 500;

}

.col-sidebar .menu li:nth-child(1) a {

    padding-top: 0;

}

.col-sidebar .menu li.current-menu-item a {

    color: #219965;

}

.col-sidebar .menu li.current-menu-item a:before {

    width: 2px;

    height: 100%;

    background: #219965;

    content: '';

    position: absolute;

    left: -20px;

    top: 0;

}

.pd {

    padding: 44px 0;

}

.video_h_2 .img_video {

    position: relative;

    overflow: hidden;

    padding-top: 56%;

    display: block;

}

.htx-banner {

    background: url(../images/act-htx-bg.png) no-repeat;

    padding: 60px 0;

    overflow: hidden;

    position: relative;

    background-position: center;

    background-size: cover;

}

.htx-banner-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

}

.htx-banner-content {

    max-width: 67%;

    padding-right: 30px;

}



.htx-banner-title {

    font-size: 48px;

    font-weight: 700;

    line-height: 1.3;

    color: #1F1F1F;

    width: max-content;

    margin-bottom: 36px;

}

.htx-banner-features {

    margin-bottom: 30px;

}

.feature-main {

    font-size: 20px;

    line-height: 1.5;

    color: #000000;

    font-weight: 500;

    margin-bottom: 15px;

    width: 610px;

}

.htx-banner-cta {

    display: flex

;

    gap: 15px;

    flex-wrap: wrap;

}

.btn-primary-green {

    background-color: #00BD6B;

    color: white;

    padding: 12px 24px;

    border-radius: 8px;

    font-weight: 700;

    font-size: 16px;

    transition: all 0.3s ease;

    text-align: center;

    min-width: 140px;

    display: inline-flex

;

    align-items: center;

    justify-content: center;

}

.btn-primary-blue {

    background-color: #072E78;

    color: white;

    padding: 12px 24px;

    border-radius: 8px;

    font-weight: 700;

    font-size: 16px;

    transition: all 0.3s ease;

    text-align: center;

    min-width: 140px;

    display: inline-flex

;

    align-items: center;

    justify-content: center;

}

.btn-primary-red {

    background-color: #E64C3C;

    color: white;

    padding: 12px 24px;

    border-radius: 8px;

    font-weight: 700;

    font-size: 16px;

    transition: all 0.3s ease;

    text-align: center;

    min-width: 120px;

    display: inline-flex

;

    align-items: center;

    justify-content: center;

}

.htx-banner-image {

    max-width: 50%;

    /* position: relative; */

}

.banner-img {

    max-width: 100%;

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    height: 372px;

}

.accordion-item {

    border: 0

}



.accordion-item:not(:first-child) {

    margin-top: 15px;

}

.accordion-button:not(.collapsed) {

    background-color: #ffffff;

    box-shadow: none ;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    border-bottom: 0;

}

.accordion-button {

    border-radius: 12px;

    border: 1px solid #EBEBEB;

    background-color: #ffffff;

}

.accordion-body {

    border: 1px solid #EBEBEB;

    border-top: 0;

    border-bottom-right-radius: 12px;

    border-bottom-left-radius: 12px;

    padding: 20px;

}



.font-size-huge {

    font-size: 1.25rem;

}

.dev-mobile{

    display: none !important;

    margin: 0 !important;

}

.font-weight-bold {

    font-weight: 700 !important;

}

.hero-section-2 .display-3 {

    font-size: 2.5rem;

}

.font-size-extra {

    font-size: 1.375rem;

}



.function-all-thumbs::before {

    content: '';

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 1px;

    background-color: rgba(7, 39, 61, 0.2);

}

.function-all-thumbs .thumb-item {

    opacity: 0.5;

    color: #07273D;

    position: relative;

    width: auto;

    padding: 0 0 1rem 0;

    cursor: pointer;

}

.function-all-thumbs .thumb-item::after {

    content: '';

    position: absolute;

    left: 50%;

    bottom: -1px;

    transform: translateX(-50%);

    width: 0%;

    height: 3px;

    background-color: #07273D;

    border-radius: 50rem;

    transition: all .3s;

}

.function-all-thumbs .thumb-item.active::after {

    width: 100%;

}

.function-all-thumbs .thumb-item:hover,.function-all-thumbs .thumb-item.active {

    opacity: 1;

}

.border-radius-20 {

    border-radius: 1.25rem;

}

.swiper-container {

    overflow: hidden;

}

.my-pagination {

    bottom: 0 !important;

}

.swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    margin: 0 4px !important;

}

.swiper-pagination-bullet-active {

    background-color: #50E3C2;

}

@media (max-width: 1568px) {

    .p40, .tg_h_4, .tg_h_3.p40, .about_5_list_text_2, .tg_h_form, .box-11, .heading_4, .about_2.p40, .box_tc_3_center, .list_top_7, .box_reg_top.box_reg_top_smart, .box_ns_3, .box_tc_1 {

        padding: 40px 0;

    }

    

}

@media (max-width: 1300px) {

    .tg_h_1 .box_reg_top.box_reg_top_4 h2, .heading_1 {

        font-size: 42px;

    }

    .p40, .tg_h_4, .tg_h_3.p40, .about_5_list_text_2, .tg_h_form, .box-11, .heading_4, .about_2.p40, .box_tc_3_center, .list_top_7, .box_reg_top.box_reg_top_smart, .box_ns_3, .box_tc_1 {

        padding: 20px 0;

    }



    .footer_top, .pd {

        padding: 20px 0;

    }



    .footer_bot {

        height: auto;

        padding: 20px 0;

    }



}

@media (min-width: 992px) {

    .my-pagination {

        display: none;

    }

}

@media (max-width: 1000px) {

    

    .header_menu .menu > li.menu__parent > .sub-menu > li {

        width: 50%;

        position: relative;

    }

    .htx-banner-wrapper {

        display: grid;

    }

    .htx-banner-content {

        max-width: unset;

    }

    .htx-banner-title {

        width: auto;

        font-size: 30px;

    }

    .htx-banner-image {

        max-width: unset;

    }

    img.banner-img {

        position: unset;

        height: auto;

    }

    .owl-carousel .owl-nav button.owl-next {

        background: linear-gradient(90deg, #D6E805 -111.45%, #239964 100%);

    }

    .max-800 {

        width: 100%;

    }

    .max-800 {

        max-width: 100%;

    }

    .heading_5 {

        font-size: 18px;

    }



    .tg_h_1 .box_reg_top.box_reg_top_4 h2, .heading_1 {

        font-size: 32px;

        line-height: 1.2;

    }



    .tg_h_1 .box_reg_top.box_reg_top_4 h2, .heading_1 {

        font-size: 24px;

    }

    .tg_h_1 .box_reg_top.box_reg_top_4 .max-800 > p {

        font-size: 16px;

    }



    .tg_h_8 {

        padding: 30px 0;

    }



    .tg_h_8 {

        margin-bottom: 0;

    }



    .tg_h_8 {

        text-align: center;

    }



    .tg_h_8:after {

        width: 100%;

        right: -100%;

    }



    .heading_3, .box_tc_2 h2 {

        font-size: 24px;

        line-height: 1.5;

    }



    .m_center {

        text-align: center;

    }



    .tg_h_3_1, .box_reg_top_text form {

        flex-wrap: wrap;

        gap: 10px;

        z-index: 33;

    }



    .tg_h_form form {

        padding: 15px 0;

    }



    .tg_h_form input {

        max-width: 200px;

    }



    .box_reg_top_text form input {

        flex: 1 0 120px;

        margin: 0px;

        line-height: 44px;

        height: 44px;

        min-width: 160px;

    }



    .about_5_video >.about_5_video_1 {

        height: 230px;

        width: 180px;

    }



    .about_5_video >.about_5_video_1 {

        height: 230px;

        width: 200px;

    }



    .about_5_video >.about_5_video_1 {

        height: 180px;

        width: 150px;

    }



    .about_text_top {

        position: relative;

        max-width: 100%;

    }



    .about_5_video .about_5_video_center {

        margin-left: 0;

    }



    .about_5_list_text {

        padding-left: 0;

    }



    .about_5_list .about_5_list_text {

        padding-top: 0;

    }



    .about_5 .owl-nav {

        width: 100%;

        max-width: 100%;

    }



    .slider_m4 .img {

        padding-top: 60px;

    }



    .tg_h_7 .col-md-6:nth-child(1), .about_3 .col-md-6:nth-child(1), .top_7_xn .col-md-6:nth-child(1), .box_reg_top .col-md-6:nth-child(1) {

        order: 2;

    }



    .tg_h_6_child ul {

        margin-top: 18px;

        cursor: pointer;

        padding-left: 15px;

    }





    .tg_h_7 .img_full {

        margin-bottom: 12px;

    }





    .tg_h_6 .img-full {

        margin-bottom: 15px;

    }



    .box_tc_3.tg_slider_3 {

        margin-bottom: 10px;

    }

    .tg_h_5 img {

        margin-bottom: 15px;

    }

    .box_tc_3 .owl-nav {

        bottom: 0px;

    }

    .tg_h_5 .owl-nav {

        bottom: 0px;

        margin-top: -35px;

    }

    .box_tc_3.tg_slider_3 .owl-nav {

        z-index: 333;

    }

    .bg7 .tg_h_5 .owl-nav {

        margin-left: -10px;

        margin-right: -10px;

    }

    .box_tc_3.tg_slider_3 .owl-nav {

        margin-top: -20px;

    }

    .box_reg_top_text h2, .box_reg_top_text h1, .top_5_xn_top h2, .tg_h_2 h2, .tg_top h2, .heading_13 {

        font-size: 24px;

        line-height: 1.3;

    }



    .tg_h_5 .tg_top p {

        display: none;

    }

    .tg_top_child {

        padding-right: 0px;

    }

    .tg_h_5 .tg_top_child {

        text-align: center;

    }

    .tg_h_4 ul {

        margin-bottom: 24px;

    }

    .tg_h_3_slider.post_list_view li:nth-child(2) a {

        padding-bottom: 10px;

    }

    .post_list_view ul {

        padding-top: 20px;

    }

    .post_list_view .col-md-4:nth-child(2n+1) {

        clear: both;

    }



    .post-meta > span {

        padding-bottom: 10px;

        padding-right: 10px;

    }



    article.entry_content, .col-sidebar {

        padding: 20px 0;

    }



    .col-md-6 {

        width: 100%;

    }

    .tg_h_2 .col-md-6:nth-child(1) {

        order: 2;

    }

    .hide_mobile {

        display: none;

    }

    .hide_pc {

        display: block;

    }

    .header_menu {

        display: none;

    }

    .header_menu.active {

        position: fixed !important;

        top: 0px;

        left: 0px;

        width: 100%;

        height: 100%;

        z-index: 333;

        background: #01202A;

        display: block;

        padding-top: 96px;

    }

    .header_menu > .menu {

        overflow: auto;

        height: calc(100% - 86px);

    }

    .header_menu .menu > li {

        float: none;

    }



    .header_menu .menu > li > a {

        font-weight: 500;

        width: 100%;

    }

    .header_menu .menu > li.menu-item-has-children > a:after {

        float: right;

        transition: all .2s ease-in-out;

        width: 30px;

        text-align: center;

        height: 30px;

        line-height: 30px;

    }

    .header_menu .menu > li > ul {

        width: 100%;

    }



    .header_menu .menu > li > ul {

        position: relative;

        padding-left: 20px;

        border-left: 1px #fff;

    }

    .header_menu .menu > li > ul {

        background: none;

    }

    .header_menu .menu .sub-menu {

        display: none;

    }

    .header_menu .menu > li.menu-item-has-children > a.active:after, .widget_menu_all .widget_menu_all_child > ul > li >i.active {

        transform: rotate(-180deg);

    }

    .header_menu .menu .sub-menu.active {

        display: block;

    }

    .icon_menu {

        display: block;

        position: absolute;

        z-index: 3334;

        right: 30px;

        top: 9px;

    }

    .video-bg {

        width: auto;

        max-width: 1000%;

        height: 100%;

        top: 0px;

    }

    .home .btn_a_2 {

        display: none !important;

    }

    .tg_h_1 .box_reg_top.box_reg_top_4 .box_reg_top_4_child a {

        margin: 10px 0;

        display: inline-block;

        float: none;

    }

    .tg_h_2 h2 {

        padding: 15px 0;

        text-align: center;

        color: #219965;

    }

    .box_reg_top_text h2, .box_reg_top_text h1, .top_5_xn_top h2, .tg_h_2 h2, .tg_top h2, .heading_13 {

        font-size: 24px;

        line-height: 1.3;

    }

    .tg_h_2_content .col-md-6 {

        max-height: 109px;

        overflow: hidden;

    }

    .tg_h_2_content .col-md-6 {

        padding: 10px;

    }

    .tg_h_2_content .col-md-6 {

        float: left;

        width: 50%;

    }

    .tg_h_2 ul {

        margin-bottom: 0;

    }

    .tg_h_2 ul {

        padding: 12px;

    }

    .tg_h_2 h3 {

        padding-bottom: 12px !important;

    }

    .tg_h_2 h3, .tg_top h2 {

        line-height: 1.5;

    }

    .tg_h_2 h3, .tg_top h2, .tg_h_3 h2 {

        font-size: 24px;

        padding-bottom: 18px;

    }

    .tg_h_2 ul li:nth-child(1) h3 {

        font-size: 18px;

    }

    .tg_h_2 ul li:nth-child(2) {

        display: none;

    }

    .tg_h_3_1, .box_reg_top_text form {

        flex-wrap: wrap;

        gap: 10px;

        z-index: 33;

    }

    .tg_h_3_1 {

        padding-bottom: 15px;

    }

    .tg_h_3_1 .select {

        max-width: 100%;

        min-width: 300px;

    }

    .tg_h_3_1 .select ul li, .select_search ul li {

        padding: 8px 12px;

    }



    .home .tg_h_3 .owl-carousel {

        position: relative;

    }

    .owl-carousel .owl-stage {

        padding-left: 0px !important;

    }



    .owl-nav {

        position: relative;

        right: auto;

        bottom: 0;

        text-align: center;

        margin-top: -22px;

        margin-bottom: 15px;

    }



    .tg_h_3 .gallery_load .owl-nav button {

        background: none;

        font-size: 40px;

        color: #fff;

    }

    .home .tg_h_3 .owl-nav button {

        margin-top: 0;

    }

    .home .tg_h_3 .owl-nav .owl-prev, .bg7 .owl-nav .owl-prev {

        position: absolute;

        left: 5px;

        top: 0px;

    }



    .home .tg_h_3 .owl-nav .owl-next, .bg7 .owl-nav .owl-next {

        position: absolute;

        left: auto;

        right: 0px;

        top: 9px;

    }



    .home .tg_h_3 .tg_h_3_slider .owl-nav {

        width: 100%;

        bottom: 10px;

    }

    .home .tg_h_3 .tg_h_3_slider .owl-nav button {

        margin: 0px;

    }

    .home .tg_h_3 .tg_h_3_slider .owl-nav button {

        top: 0;

    }

    .tg_top h2 {

        padding-bottom: 20px;

    }



    .btn-i {

        padding-right: 50px !important;

    }



    .box_reg_top.box_reg_top_4, .footer_top {

        padding: 20px 0 20px !important;

    }



    .f-widget {

        overflow: hidden;

    }



    .f-widget {

        flex-wrap: wrap;

        display: flex

        ;

    }

    .f-widget .footer_info {

        order: 2;

        border-top: #DBDBDB 1px solid;

        padding-top: 20px;

        margin-top: 25px;

    }



    .footer_info_child, .footer_info_social {

        padding-bottom: 8px;

    }



    .footer_info_child li {

        padding-left: 38px;

        margin-bottom: 20px;

        min-height: 20px;

    }



    .footer_info_child svg {

        top: -3px;

        background: #333;

        width: 32px;

        border-radius: 8px;

        height: 32px;

        padding: 4px;

    }

    .footer_info_child li strong:after {

        content: ':';

    }



    .footer_right_box .col-md-3, .box_ns_4 .col-md-3, .box_tc_1 .col-md-6 {

        max-width: 50%;

        float: left;

        width: 50%;

    }



    .row-flex, .box_reg_top_text form, .footer_form_child {

        flex-wrap: wrap;

    }



    .footer_form_hotline a {

        font-size: 22px;

    }





}



@media (min-width: 768px) {

    .header_menu .menu > li:hover > ul {

        display: block;

    }

    .header_menu .menu > li.menu__parent:hover > ul {

        display: flex;

    }



}
@media (max-width: 767px) {
    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {
        order: inherit !important;
    }
}