:root {
    --main-cl: #02A6ED;
    --sub-cl: #EC2727;
    --third-cl: #333333;
    --four-cl: #8BB9DE;
    --five-cl: #F39021;
    --container-w: 75rem;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 0.417rem;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: var(--container-w) !important;
}

input, optgroup, select, textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

body {
    overflow-x: hidden;
}

.load_home_page.complete svg {
    transition-delay: 0.8s;
    opacity: 0;
}

.load_home_page svg {
    width: 17rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.load_home_page.complete .mask {
    background-color: transparent;
}

div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: white;
    /*backdrop-filter: blur(40px);*/
}

div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}

div.load_home_page .mask span:nth-child(1) {
    top: 0;
}

div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}

div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}

div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}

div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}

.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .8s;
}

#respond input#wp-comment-cookies-consent {
    height: auto !important;
    margin: 0 10px 0 0 !important;
}


.load_home_page rect,
.load_home_page path {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2 {
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.load_home_page.complete .path-2 {
    fill: var(--sub-cl);
}

.load_home_page.complete .path-1 {
    fill: #FFF
}

@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}

@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}

.load_home_page.complete svg path.draw_svg_path {
    fill: var(--main-cl);
}

path.draw_svg_path {
    animation-name: Signature2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    stroke: var(--main-cl);
    stroke-width: 0.2px;
    fill: transparent;
}
.load_home_page.complete img.logo_center {
    opacity: 0;
}

img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20rem;
    max-width: 80vw;
    transition: .8s all ease-in-out;
    opacity: 1;
    max-height: 20rem;
    height: auto;
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}

.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color:white;
    opacity: 1;
}

.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}

/*setup code*/

html.js.has-off-canvas-undefined {
    margin-right: 0.417rem !important;
}

body.compensate-for-scrollbar {
    margin-right: 0 !important;
}

.uppercase {
    text-transform: uppercase;
}

.justify {
    text-align: justify;
}

.italic {
    font-style: italic;
}


.t-w,
.text-white,
.text_white {
    color: white;
}


.clearfix:after {
    content: unset;
}

.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .7s all;
}

.contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .7s all;
}

img,
path,
line,
svg {
    transition: .7s all;
}


.active > .clip-path-to-bot path,
.active > .clip-path-to-left path,
.active > .clip-path-to-right path,
.clip-path-to-bot.active path,
.clip-path-to-left.active path,
.clip-path-to-right.active path {
    clip-path: inset(0 0 0 0);
}

.clip-path-to-left path {
    transition: 2s;
    clip-path: inset(0 0 0 100%);
}

.clip-path-to-bot path {
    transition: 2s;
    clip-path: inset(0 0 100% 0);
}

.clip-path-to-right path {
    transition: 2s;
    clip-path: inset(0 100% 0 0);
}


.banner_hero_svg .clip-path-to-left path {
    clip-path: inset(0 0 0 100%);
    transition: none;
}

.banner_hero.banner_loading .banner_hero_svg .clip-path-to-left path {
    transition: none;
}

.banner_hero.active:not(.banner_loading) .banner_hero_svg .clip-path-to-left path {
    clip-path: inset(0 0 0 0);
    transition: clip-path 2s ease;
}

.banner_hero:not(.active) .banner_hero_svg .clip-path-to-left path {
    clip-path: inset(0 0 0 100%);
    transition: clip-path 1s ease;
}

svg {
    width: 100%;
    height: 100%;
    display: block;
}

.img-scale:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.pattern {
    position: absolute;
    pointer-events: none;
    transition: .7s all;
}

.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2 !important;
}

.z-3 {
    z-index: 3 !important;
}

.z-4 {
    z-index: 4 !important;
}

.z-5 {
    z-index: 5 !important;
}

.flex-col {
    flex-direction: column;
}

.item_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse-border-transform {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        opacity: 0
    }
}

@keyframes pulse-border-tiny {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border-2 {
    0% {
        transform: scale(1) translate(-50%, -50%);
        opacity: 1;
    }
    100% {
        transform: scale(1.3) translate(-50%, -50%);;
        opacity: 0;
    }
}

@keyframes pulse-border3 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}


@keyframes shake {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes shake-2 {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-5deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(5deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-5deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(5deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.content {
    font-size: 0.833rem;
}

.l-content {
    font-size: 1.042rem;
}

body {
    color: #02172F;
    font-family: 'Inter' !important;
}

.tab_block_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateX(-60px) skewX(8deg);
    transition: opacity .5s ease, transform .5s cubic-bezier(.34, 1.56, .64, 1);
    pointer-events: none;
}

.tab_block_inner.active {
    opacity: 1;
    transform: translateX(0) skewX(0deg);
    pointer-events: auto;
    position: relative;
}


/*.count_opacity {*/
/*    opacity: 0;*/
/*}*/

/*.count {*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/

.mobile_display,
.mobile_flex {
    display: none;
}

.limit-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.limit-1 {
    -webkit-line-clamp: 1;
}

.limit-2 {
    -webkit-line-clamp: 2;
}

.limit-3 {
    -webkit-line-clamp: 3;
}

.limit-4 {
    -webkit-line-clamp: 4;
}

.limit-5 {
    -webkit-line-clamp: 5;
}

.the_content :is(ul,ol) {
    padding-left: 1rem;
}

.ajax_loading {
    position: absolute;
    inset: 0;
    background: rgb(255 253 249 / 80%);
    /*background:#0047391f;*/
    display: flex;
    align-items: start;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
    padding-bottom: 20rem;
    padding-top: 15rem;
}

.ajax_loading.active {
    opacity: 1;
    pointer-events: auto;
    align-items: flex-end;
    padding-bottom: 20rem;
}

.ajax_loading_logo {
    width: 7rem;
    animation: loadingFloat 1s ease-in-out infinite;
}

@keyframes loadingFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

/*end setup*/

body {
    background: white;
}

header .container {
    max-width: 100% !important;
    padding: 0.521rem 8.229rem;
    justify-content: space-between;
}

header .logo a {
    width: auto;
    height: 3.646rem;
    display: block;
}

header .logo {
    gap: 0.9375rem;
}

header .logo_content {
    padding-left: 0.9375rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header .logo_content:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #EDEDED;
    width: 1px;
    height: 2.865rem;
}

.logo .title {
    color: var(--main-cl);
    font-size: 1.667rem;
    text-transform: uppercase;
    line-height: 1;
    font-family: 'svn bold';
}

.logo .content {
    width: 12.135rem;
    overflow: hidden;
    white-space: nowrap;
    color: #333333;
    margin-top: 0.495rem;
    font-family: 'inter medium';
}

.logo .content .content_marquee {
    display: inline-flex;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
    animation: logoMarquee 15s linear infinite;
}

.logo .content .content_marquee span {
    padding-right: 2.5rem;
}

/*.logo .content:hover .content_marquee {*/
/*    animation-play-state: paused;*/
/*}*/

@keyframes logoMarquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

ul.header_nav {
    list-style: none;
    gap: 1.5625rem;
    margin: 0;
}

ul.header_nav .menu_item:hover > a,
ul.header_nav .current-menu-item > a {
    color: var(--main-cl) !important;
    transition: .7s all;
}

ul.header_nav .menu_item a {
    font-size: 0.9375rem;
    text-transform: uppercase;
    margin: 0;
    color: #333333;
    transition: .7s all;
    font-family: 'svn medium';
}

ul.header_nav .menu_item {
    margin: 0;
}

.header_custom {
    gap: 1.042rem;
}

.header_custom .search {
    width: 1.042rem;
    height: 1.042rem;
}

.language_wrap {
    gap: 0.417rem;
}

.language_wrap .flag {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    display: flex;
}

.language_item {
    gap: 8px;
}

.language_dropdown {
    width: 0.521rem;
    height: 0.521rem;
    flex: 0 0 auto;
    display: flex;
}

.language_title {
    font-size: 0.78125rem;
    font-family: 'svn';
    color: #333333;
}

.custom_cta {
    display: flex;
    align-items: center;
    gap: 14px;
}

.btn {
    border-radius: 60px;
    display: flex;
    align-items: center;
    padding: 0.625rem 1.25rem;;
    color: white;
    background: var(--sub-cl);
    transition: .7s all;
    gap: 0.417rem;
    border: 1px solid transparent;
    width: fit-content;
}

header .btn {
    border-radius: 8px;
    padding: 0 0.78125rem;
    display: inline-flex;
    height: 2.55rem;
}

.custom_cta .btn:first-child {
    background: #54CBFF;
    gap: 0.26rem;
}

.custom_cta .btn:first-child:hover {
}

.custom_cta .btn:first-child:hover {
    border: 1px solid #54CBFF;
    background: white;
    color: #54CBFF;
    transition: .7s all;
}

.btn:hover {
    border: 1px solid var(--sub-cl);
    color: var(--sub-cl);
    background: white;
    transition: .7s all;
}

.custom_cta .btn:first-child:hover svg path {
    fill: #54CBFF;
    transition: .7s all;
}


.banner_home {
    width: 97.917rem;
    margin: 0 auto;
    height: 46.09375rem;
}

.banner_hero {
    width: 97.917rem;
    margin: 0 auto;
    height: 31.25rem;
}

.btn_svg_item {
    width: 1.042rem;
    height: 1.042rem;
    display: flex;
}

.banner_home:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 9.74rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) -137.7%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.banner_home:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 43.073rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.banner_home .group_content {
    bottom: 9.0625rem;
    z-index: 2;
    left: 8.49rem;
    width: 34.583rem;
}

.banner_home .subtitle {
    width: fit-content;
    background: var(--sub-cl);
    color: white;
    font-size: 1.146rem;
    padding: 0.417rem 1.354rem;
    line-height: 1;
    text-transform: unset;
    font-family: 'svn';
    border-radius: 30px;
}

.banner_home h1 {
    margin-top: 2.083rem;
    line-height: 1.1;
}

h1 {
    font-size: 2.865rem;
    font-weight: unset;
    line-height: 1;
}

.banner_home h1 {
    color: white;
    font-family: 'svn light';
}

.banner_home .content {
    margin-top: 2.083rem;
    color: white;
    width: 31.51rem;
    font-family: 'svn';
}

h1 span {
    font-family: 'svn bold';
}

span.btn_content {
    font-family: 'svn medium';
    font-size: 0.9375rem;
    line-height: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: unset !important;
    margin-bottom: 0;
}

h2 {
    font-family: 'svn semibold';
}

.content_title {
    font-family: 'svn';
    line-height: 1.5;
}

.btn .btn_svg {
    width: 1.40625rem;
    height: 1.40625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: .7s all;
}

.btn_svg_item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner_home .btn {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0.417rem;
    line-height: 1;
    margin-top: 2.083rem;
}

.btn_svg_item .svg_2 {
    transform: translate(-100%, -100%);
}

.btn_svg_item.svg_2 {
    transform: translate(-100%, 100%);
}

.btn:hover .svg_2 {
    transform: unset;
    transition: .7s all;
}

.btn:hover .svg_1 {
    transform: translate(100%, -100%);
    transition: .7s all;
}

.btn:hover svg path {
    stroke: var(--sub-cl);
    transition: .7s all;
}

.background_section {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.home_2 {
    padding-top: 6.771rem;
    padding-bottom: 3.646rem;
}

.home_2 h2 {
    color: var(--main-cl);
    font-size: 3.125rem;
    text-transform: uppercase;
    line-height: normal;
}

.content_title {
    font-size: 1.771rem;
    color: #041F2B;
    text-transform: uppercase;
    margin-top: 0.521rem;
    line-height: normal;
}

.home_2 .btn {
    margin: 2.083rem auto 0;
}

.home_2 .item_middle {
    width: 32.1875rem;
    flex: 0 0 auto;
    height: 24.0625rem;
    mix-blend-mode: darken;
}

.home_2 .item_middle video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_2 .group_content .content {
    width: 61.615rem;
    margin-top: 0.521rem;
    font-size: 1.042rem;
    line-height: 1.4;
    color: #2D3746;
}

.home_2_wrap {
    gap: 3.75rem;
    justify-content: space-between;
}

.home_2 .icon {
    width: 6.25rem;
    height: auto;
    flex: 0 0 auto;
}

.home_2 .item_inner {
    gap: 1.979rem;
    font-size: 1.042rem;
    color: #3F3C3C;
    line-height: normal;
    width: 18rem;
}

.home_2 .item_inner .number_wrap {
    font-size: 4.6875rem;
    color: var(--main-cl);
    font-family: 'Oswald';
    line-height: 1;
}

.home_2_wrap .content {
    margin-top: 0.26rem;
    line-height: 1.5;
    font-family: 'svn light';
}

.home_2 .content_wrap {
    padding-bottom: 0.78125rem;
    position: relative;
}

.home_2 .content_wrap:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 3.59375rem;
    height: 2px;
    background: #FF3131;
}

.home_2 .item_left, .home_2 .item_right {
    display: flex;
    flex-direction: column;
    gap: 2.083rem;
}

.home_2 .item_inner:hover .icon {
    transform: rotateY(360deg);
    transition: .7s all;
}

.home_2_bottom {
    background: white;
    padding: 1.432rem 2.083rem;
    border-radius: 16px;
    gap: 2.083rem;
    position: relative;
    box-shadow: 0 20px 40px 0 rgba(37, 99, 235, 0.05);
}

.home_2_bottom .icon {
    width: auto;
    height: 1.354rem;
    transition: .7s all;
}

.home_2_bottom .item:hover .icon {
    transform: rotateY(360deg);
    transition: .7s all;
}

.home_2_bottom .item {
    gap: 1.042rem;
}

.home_2_bottom .item .title {
    font-size: 0.833rem;
    color: #333333;
    font-family: 'svn bold';
    text-transform: uppercase;
    line-height: normal;
}

.home_2_bottom .item .content {
    font-size: .8rem;
    color: #333333;
    line-height: 1.3;
    margin-top: 0.208rem;
    font-family: 'svn medium';
}

.home_2_bottom .item {
    width: calc(100% / 4 - (2.083rem * 3 / 4));
}

.home_2_bottom .item:not(:last-child) {
    padding-right: 1.823rem;
}

.home_2_bottom .item:not(:last-child):before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #D1D5DB;
    width: 1px;
    height: 1.823rem;
}

.home_3 {
    padding-top: 4.84375rem;
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F7FD 100%);
    padding-bottom: 5.885rem;
}

.about_6 {
    padding: 4.167rem 0 2.604rem;
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F7FD 100%);
}


.subtitle {
    color: #1E97D4;
    font-size: 0.9375rem;
    width: fit-content;
    text-transform: uppercase;
    line-height: normal;
    font-family: 'svn medium';
}

h2 {
    color: #2D3746;
    font-size: 2.34375rem;
    text-transform: uppercase;
    margin-top: 0.521rem;
    line-height: normal;
}

.product_term_wrap {
    margin-top: 2.083rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, minmax(210px, auto));
    gap: 20px;
    grid-template-areas:
        "a b c d"
        "a e e f"
        "g h i f";
}

.product_term_wrap .item:nth-child(1) {
    grid-area: a;
}

.product_term_wrap .item:nth-child(2) {
    grid-area: b;
}

.product_term_wrap .item:nth-child(3) {
    grid-area: c;
}

.product_term_wrap .item:nth-child(4) {
    grid-area: d;
}

.product_term_wrap .item:nth-child(5) {
    grid-area: e;
}

.product_term_wrap .item:nth-child(6) {
    grid-area: f;
}

.product_term_wrap .item:nth-child(7) {
    grid-area: g;
}

.product_term_wrap .item:nth-child(8) {
    grid-area: h;
}

.product_term_wrap .item:nth-child(9) {
    grid-area: i;
}


.product_term_wrap .item {
    background: #F2F2F2;
    border-radius: 10px;
    padding: 1.823rem 1.979rem 0.78125rem 1.771rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

h3 {
    font-family: 'svn medium';
}

.product_term_wrap .item h3 {
    font-size: 1.146rem;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    max-width: 100%;
    margin: 0 0 0.417rem;
    line-height: 1.35;
}

.product_term_wrap .item .btn_2,
.product_term .item .btn_2,
.product_term_sidebar .item .btn_2 {

    gap: 0.208rem;
    margin-bottom: 0.417rem;
    background: unset;
    border: unset;
}

.product_term_wrap .item .btn_2 .btn_svg,
.product_term .item .btn_2 .btn_svg,
.product_term_sidebar .item .btn_2 .btn_svg {
    width: 0.729rem;
    height: 0.729rem;
    flex: 0 0 auto;
}

.product_term_wrap .btn_2 svg path,
.product_term .btn_2 svg path,
.product_term_sidebar .btn_2 svg path {
    stroke: var(--main-cl);
}

.product_term_wrap .item .btn_content,
.product_term .item .btn_content,
.product_term_sidebar .item .btn_content {
    color: #02A6ED;
    font-size: 0.875rem;
    font-family: 'svn';
}

.product_term_wrap .item .thumb {
    flex: 1;
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    /*mix-blend-mode: multiply;*/
}

.product_term_wrap .item .thumb .cover {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product_term_wrap .item .item_link {
    inset: 0;
    z-index: 1;
}

.product_term_wrap .item:nth-child(1) .thumb {
    width: 100%;
    height: 18.698rem;
}

.product_term_wrap .item:nth-child(2) .thumb,
.product_term_wrap .item:nth-child(3) .thumb,
.product_term_wrap .item:nth-child(4) .thumb,
.product_term_wrap .item:nth-child(7) .thumb,
.product_term_wrap .item:nth-child(8) .thumb,
.product_term_wrap .item:nth-child(9) .thumb {

    position: absolute;
    right: 1.71875rem;
    width: 8.385rem;
    height: 8.385rem;
    bottom: 1.302rem;
}

.product_term_wrap .item:nth-child(2),
.product_term_wrap .item:nth-child(3),
.product_term_wrap .item:nth-child(4),
.product_term_wrap .item:nth-child(7),
.product_term_wrap .item:nth-child(8),
.product_term_wrap .item:nth-child(9) {
    padding: 1.25rem 1.302rem 0.78125rem 0.9375rem;
    justify-content: space-between;
}

.product_term_wrap .item:nth-child(2) h3,
.product_term_wrap .item:nth-child(3) h3,
.product_term_wrap .item:nth-child(4) h3,
.product_term_wrap .item:nth-child(7) h3,
.product_term_wrap .item:nth-child(8) h3,
.product_term_wrap .item:nth-child(9) h3 {
    font-size: 1.25rem;
}

.product_term_wrap .item:nth-child(2),
.product_term_wrap .item:nth-child(3),
.product_term_wrap .item:nth-child(4),
.product_term_wrap .item:nth-child(7),
.product_term_wrap .item:nth-child(8),
.product_term_wrap .item:nth-child(9) {
    gap: 7.8125rem;
}

.product_term_wrap .item:nth-child(5) .thumb {
    width: 17.604rem;
    height: 8.958rem;
    position: absolute;
    right: 0.3125rem;
    bottom: 0.3125rem;
}

.product_term_wrap .item:nth-child(5) {
    gap: 7.8125rem;
}

.product_term_wrap .item:nth-child(5) h3 {
    margin-left: 0.833rem;
}

.product_term_wrap .item:nth-child(6) .thumb {
    width: 100%;
    height: auto;
}

.product_term_wrap .item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    opacity: 0;
    height: 5px;
    background: var(--sub-cl);
    transition: .7s all;
}

.product_term_wrap .item:hover:before {
    opacity: 1;
    width: 100%;
    transition: .7s all;
}

.product_term .item:hover .btn_2 .btn_content,
.product_term_wrap .item:hover .btn_2 .btn_content,
.product_term_sidebar .item:hover .btn_2 .btn_content {
    color: var(--sub-cl);
    transition: .7s all;
}

.product_term .item:hover .btn_2 svg path,
.product_term_wrap .item:hover .btn_2 svg path,
.product_term_sidebar .item:hover .btn_2 svg path {
    stroke: var(--sub-cl);
    transition: .7s all;
}

.product_term .item .btn_2 .btn_content,
.product_term_wrap .item .btn_2 .btn_content,
.product_term_sidebar .item .btn_2 .btn_content {

    line-height: 1;
    transition: .7s all;
}

.home_4 {
    padding: 5.208rem 5.9375rem;
}

.home_4 {
    padding: 5.208rem 5.9375rem;
}

.home_4 .group_wrap {
    margin-top: 1.5625rem;
}

.home_4 .group_wrap .wrap_left {
    gap: 0.521rem;
}

.home_4 .group_wrap .wrap_left .btn {
    background: white;
    color: black;
    line-height: normal;
    padding: 0.521rem 0.99rem;
    border-radius: 80px;
}

.home_4 .group_wrap .wrap_left .btn.active, .home_4 .group_wrap .wrap_left .btn:hover {
    background: var(--sub-cl);
    color: white;
    transition: .7s all;
}

.home_4 .group_wrap .wrap_right {
    gap: 2.292rem;
}

.home_4 .group_wrap .pagination_wrap {
    gap: 0.78125rem;
}

.pagination_wrap .arrow_slide {
    width: 2.604rem;
    height: 2.604rem;
    flex: 0 0 auto;
    border-radius: 100%;
    cursor: pointer;
    transition: .7s all;
    background: white;
    padding: 0.677rem;
}

.pagination_wrap .arrow_slide:hover {
    background: var(--sub-cl);
    transition: .7s all;
}

.pagination_wrap .arrow_slide:hover svg path {
    stroke: white;
    transition: .7s all;
}

.hot_product {
    margin: 2.708rem -0.78125rem 0;
}

.hot_product .slide_item {
    padding: 0 0.78125rem;
}

.product_item {
    background: white;
}

.product_item .thumb {
    border: 2px solid white;
    border-radius: 6px;
    width: 17.1875rem;
    height: 17.1875rem;
    overflow: hidden;
    margin-bottom: 0.833rem;
}

.product_item .content_detail {
    padding: 0 0.78125rem 0.78125rem;
}

.product_item .content_detail h3 {
    font-size: 1.042rem;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: normal;
    color: #333333;
    font-family: 'svn semibold';
    padding-bottom: 0.417rem;
    line-height: 1.6;
}

.product_item .content_detail h3:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 1.615rem;
    height: 1px;
    background: #FF3131;
}

.product_item .price_wrap .price_svg {
    width: 2.083rem;
    height: 2.083rem;
    flex: 0 0 auto;
    border-radius: 100%;
    background: white;
    border: 1px solid #F4F4F4;
    box-shadow: 0px 15px 30px 0px #2563EB1A;
    padding: 0.677rem;
    transition: .7s all;
}

.product_item .price_wrap .price {
    color: #FF3131;
    font-size: 1.146rem;
    font-family: 'svn bold';
    margin-top: 0.677rem;
}

.product_item .price_wrap .price_svg svg {
    width: 0.78125rem;
    height: 0.78125rem;
}

.product_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.product_item:hover .price_svg {
    transition: .7s all;
    background: #FF3131;
    transform: translateX(-0.26rem);
}

.product_item:hover .price_svg svg path {
    stroke: white;
    transition: .7s all;
}

.home_5 {
    padding: 5.625rem 0 4.74rem;
}

.home_5 h2 {
    font-size: 3.125rem;
}

.home_5 .wrap_left {
    width: 34.0625rem;
    line-height: 1.4;
    font-size: 1.042rem;
    color: #2D3746;
}

.home_5 .wrap_right {
    gap: 3.125rem;
}

.home_5 .pagination_wrap .arrow_slide {
    border: 1px solid var(--sub-cl);
}

.home_5 .pagination_wrap .arrow_slide svg path {
    stroke: var(--sub-cl);
    transition: .7s all;
}

.home_5 .pagination_wrap .arrow_slide:hover {
    background: var(--sub-cl);
}

.home_5 .pagination_wrap .arrow_slide:hover svg path {
    stroke: white;
}

.home_5 .pagination_wrap {
    gap: 0.78125rem;
}

.project_slide_wrap {
    margin: 2.8125rem -1.042rem 0;
}

.project_slide {
    margin-right: calc(-1 * calc(calc(100vw - var(--container-w)) / 2) - 15px);
}

.project_slide .slide_item {
    padding: 0 0.521rem;
}

.project_slide_item {
    height: 30.208rem;
    border-radius: 10px;
    overflow: hidden;
}

.project_slide_item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16.5625rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    pointer-events: none;
    z-index: 1;
}

.project_slide_item .content_inner {
    z-index: 2;
    padding: 0 3.49rem 2.1875rem 2.5rem;
    position: absolute;
    bottom: 0;
    background: unset !important;
}

.project_slide_item .content_inner h3 {
    color: white;
    font-size: 1.458rem;
    line-height: 1.1;
    transition: .7s all;
    font-family: 'svn semibold';
}

.project_slide_item .content_inner .content {
    margin-top: 1.25rem;
    color: white;
    font-size: 0.9375rem;
    line-height: normal;
    transition: .7s all;
    font-family: 'inter medium';
}

.project_slide_item .content_inner .btn {
    margin-top: 1.042rem;
    opacity: 0;
    transition: .7s all;
}

.project_slide_item .content_inner {
    transform: translateY(30%);
    transition: .7s all;
}

.project_slide_item:hover .content_inner {
    transform: unset;
}

.project_slide_item:hover .content_inner .btn {
    opacity: 1;
    transition: .7s all;
}

.project_slide_item:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(180deg, rgba(2, 166, 237, 0) 0%, rgba(2, 166, 237, 0.9) 82.5%);
    pointer-events: none;
    transition: .7s all;
    opacity: 0;
    z-index: 1;
}

.project_slide_item:hover:after {
    height: 21.302rem;
    background: linear-gradient(180deg, rgba(2, 166, 237, 0) 0%, rgba(2, 166, 237, 0.9) 82.5%);
    transition: .7s all;
    opacity: 1;
}

#main {
    background-color: white;
}

.home_6 {
    height: 41.71875rem;
}

.home_7 .image_wrap,
.register_form_section .image_wrap,
.about_7 .image_wrap {
    margin-left: calc(-1 * calc(calc(100vw - var(--container-w)) / 2) - 15px);
    height: 46.3rem;
    margin-top: -2.604rem;
}

.home_7 .col,
.register_form_section .col,
.about_7 .col {
    padding-bottom: 0;
}

.home_7 {
    padding-top: 5.365rem;
    overflow: hidden;
}

.home_7 h2,
.register_form_section h2,
.about_7 h2 {
    font-size: 3.125rem;
    color: #333333;
    text-transform: uppercase;
    font-family: 'svn medium';
    line-height: 1;
}

.home_7 .content,
.register_form_section .content,
.about_7 .content {
    margin-top: 0.729rem;
    color: #333333;
    font-size: 1.042rem;
}

.register_form {
    margin-top: 1.5625rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.042rem;
}

.register_form .form_wrap {
    width: 100%;
    gap: 1.042rem;
}

.form_item {
    width: 100%;
}

.register_form_wrap {
    padding-top: 6.40625rem;
}

.register_form :is(input,textarea):focus {
    background: none;
    box-shadow: none;
}

.register_form :is(input,textarea) {
    margin: 0;
}

.register_form input {
    background: none;
    box-shadow: none;
    border: unset;
    border-bottom: 1px solid #ACACAC;
    font-size: 1.042rem;
    color: #333333;
    line-height: normal;
    padding: 0.677rem 0;
    font-family: 'inter';
}

.register_form input:focus,
.register_form textarea:focus {
    border-bottom: 1px solid var(--main-cl);
}

.register_form input::placeholder,
.register_form textarea::placeholder {
    color: #B3B3B3;
}

.register_form textarea {
    background: unset;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #B3B3B3;
    padding: 0.9375rem 0;
    min-height: 5.99rem;
}

.register_form select {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0.677rem 0;
    margin: 0;
    cursor: pointer;
    line-height: normal;
    border-bottom: 1px solid #ACACAC;
    height: 2.604rem;
    font-size: 1.042rem;
}

.register_form .submit_btn {
    margin-top: 0.521rem;
}

.form_item.item_select:before {
    position: absolute;
    content: '';
    right: 0.5%;
    top: 1rem;
    width: 0.9375rem;
    height: 0.9375rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.home_8 {
    padding-bottom: 3.646rem;
    padding-top: 6.615rem;
}

.home_8 .blog_list {
    margin-top: 1.979rem;
}

.blog_list {
    column-gap: 0.99rem;
    row-gap: 2.083rem;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: start;
}

.blog_item {
    width: calc(100% / 3 - (0.99rem * 2 / 3));
}

.blog_item .thumb {
    width: 100%;
    height: 15.15625rem;
    border-radius: 10px;
    overflow: hidden;
}

.blog_item .detail {
    padding: 1.5625rem 2.65625rem 0 0;
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
}

.blog_item .meta {
    color: var(--main-cl);
    gap: 0.521rem;
    font-family: 'Inter medium';
    font-size: 0.729rem;
}

.blog_item .meta .dot {
    width: 3px;
    height: 3px;
    background: var(--main-cl);
    border-radius: 100%;
}

.blog_item h3 {
    font-size: 1.146rem;
    color: #333333;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'svn semibold';
}

.blog_feature_slide .thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.blog_feature:hover .item_left .thumb img {
    transform: scale(1.1);
    transition: .7s all;
}

.blog_item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.project_slide_item a.btn:hover {
    border: 1px solid var(--main-cl);
}

.blog_item .excerpt {
    color: #333333;
    font-size: 0.729rem;
    padding-right: 1.615rem;
    line-height: normal;
}

.blog_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.home_8 .btn {
    margin: 2.708rem auto 0;
}

.home_9 {
    width: 100%;
    height: 49.0625rem;
}

.home_9 .group_content {
    width: 34.0625rem;
    right: 13.28125rem;
    top: 6.875rem;
}

.reason_list {
    margin-top: 2.34375rem;
    display: flex;
    flex-direction: column;
    row-gap: 2.7rem;
}

.reason_list .item .icon {
    background: #FF3131;
    width: 4.271rem;
    height: 4.271rem;
    border-radius: 100%;
    padding: 1rem;
    transition: .7s all;
    flex: 0 0 auto;
}

.reason_list .item:hover .icon {
    transform: rotateY(360deg);
    transition: .7s all;
}

.reason_list .item {
    gap: 3.125rem;
}

.reason_list .item .icon img {
    object-fit: contain;
}

.reason_list .title {
    font-size: 1.146rem;
    line-height: normal;
    color: #333333;
    line-height: 1;
    font-family: 'svn bold';
    text-transform: uppercase;
}

.home_9 h2 {
    font-size: 3.125rem;
    line-height: 1.1;
}

.reason_list .content {
    margin-top: 0.833rem;
    font-size: 0.9375rem;
    color: #333333;
    line-height: normal;
}

.reason_list .item:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 2.083rem;

    width: 1px;
    height: 1.823rem;

    transform: translateY(10px);
    opacity: .8;

    background: repeating-linear-gradient(
            to bottom,
            #FF3131 0 5px,
            transparent 5px 10px
    );
}

.reason_list .item:last-child:before {
    content: unset;
}

footer.footer_wrap {

    background: #F0F7FD;
}

.footer_1 {
    padding-top: 2.76rem;
}

footer .logo {
    width: 10.78125rem;
    height: auto;
}

footer .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_title {
    font-size: 1.146rem;
    color: #333333;
    line-height: 1.1;
    font-family: 'svn bold';
}

.footer_1 .footer_list {
    margin-top: 1.042rem;
    gap: 0.417rem;
    row-gap: 0.833rem;
}

.footer_1 .footer_list .item {
    gap: 0.417rem;
}

.footer_1 .footer_list .item .icon {
    width: 1.5625rem;
    height: 1.5625rem;
    flex: 0 0 auto;
}

footer p:last-child {
    margin: 0;
}

.footer_1 .footer_list .item .content {
    color: #041F2B;
    font-size: 0.9375rem;
    line-height: normal;
}

.footer_list .item_wrap {
    gap: 0.833rem;
    flex-wrap: wrap;
}

.footer_cta .content {
    font-family: 'svn semibold';
    white-space: nowrap;
}

footer a {
    transition: .7s all;
}

.footer_1 .footer_list .item .content a:hover {
    text-decoration: underline;
    transition: .7s all;
}

.footer_cta {
    margin-top: 2.135rem;
    gap: 1.71875rem;
}

.footer_cta a {
    background: #FF3131;
    padding: 0.521rem 1.042rem;
    border-radius: 60px;
    color: white;
    text-transform: uppercase;
    gap: 0.417rem;
    border: 1px solid transparent;
    transition: .7s all;
}

.footer_cta .icon {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
}

.footer_cta .content {
    font-size: 1.25rem;
    line-height: normal;
}

.footer_cta a:hover {
    border: 1px solid var(--main-cl);
    transition: .7s all;
    background: var(--main-cl);
}

.footer_wrap_3,
.footer_wrap_6 {
    padding-left: 8.4375rem;
}

.footer_website {
    margin-top: 1.042rem;
    gap: 1.042rem;
    margin-right: -3.75rem;
}

.footer_website .item {
    background: white;
    padding: 0.417rem 0.46875rem 0.417rem 1.354rem;
    border-radius: 100px;
    gap: 1.458rem;
    transition: .7s all;
}

.footer_website .item .logo {
    flex: 0 0 auto;
    width: 2.24rem;
    height: auto;
}

.footer_website .item .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.footer_website .item_left {
    gap: 0.417rem;
}

.footer_website .item .content {
    font-size: 0.625rem;
    color: #333333;
    font-family: 'inter semibold';
}

.footer_website .item_right {
    width: 2.083rem;
    height: 2.083rem;
    background: #FF3131;
    border-radius: 100%;
    border: 1px solid #FFFFFF80;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    transition: .7s all;
}

.footer_website .item_right .svg {
    width: 1.25rem;
    height: 1.25rem;
}

.footer_website .item:hover .item_right {
    border: 1px solid #FF3131;
    background: white;
    transition: .7s all;
}

.footer_website .item:hover .item_right svg path {
    stroke: #FF3131;
    transition: .7s all;
}

.footer_2 {
    margin-top: 1.458rem;
    padding-top: 2.708rem;
    position: relative;
}

.footer_2:before {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: #C0E7FA;
    top: 0;
    width: 200%;
    z-index: 1;
}

.footer_form_title {
    color: var(--main-cl);
    font-size: 1.354rem;
    line-height: 1.1;
    font-family: 'svn bold';
}

.footer_form {
    margin-top: 1.25rem;
}

.footer_form input {
    background: no-repeat;
    border: none;
    box-shadow: unset;
    border-bottom: 1px solid #333333;
    font-size: 1.042rem;
    color: #333333;
    line-height: normal;
    padding: 0.9375rem 0;
    margin: 0;
}

.footer_form input::placeholder {
    opacity: 50%;
}

.footer_form .submit_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.667rem;
    height: 1.458rem;
    margin: 0;
    padding: 0;
}

.footer_form input:focus {
    background: none;
    box-shadow: unset;
}

.footer_wrap_4 {
    padding-right: 5.46875rem;
}

.footer_form .submit_btn:hover svg line {
    stroke: var(--sub-cl);
    transition: .7s all;
}

.footer_social_wrap {
    margin-top: 2.448rem;
}

.footer_social_wrap .title {
    font-size: 0.9375rem;
    color: var(--main-cl);
    line-height: normal;
    font-family: 'svn medium';
}

.footer_social {
    margin-top: 0.625rem;
    gap: 0.78125rem;
}

.footer_social .item {
    width: 2.8125rem;
    height: 2.8125rem;
    flex: 0 0 auto;
    border-radius: 100%;
    background: white;
    padding: .5rem;
    box-shadow: 0px 3.03px 6.06px 0px #00000014;

}

.footer_social .item:hover svg {
    transform: scale(1.15);
    transition: .7s all;
}

.footer_social .item svg {
    max-width: 1.875rem;
    max-height: 1.40625rem;
}

.footer_wrap_5 {
    margin-right: -4.375rem;
    gap: 5.9375rem;
}

.footer_2 .footer_title {
    color: #02A6ED;
    font-size: 1.042rem;
    padding-bottom: 1.042rem;
    position: relative;
}

.footer_2 .footer_title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #02A6ED33;
    transition: .7s all;
}

.footer_2 .footer_title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1px;
    background: #02A6ED;
    width: 4.167rem;
}

footer .menu_list {
    margin-top: 1.042rem;
    gap: 0.9375rem;
}

footer .menu_list .item {
    line-height: 1;
    color: #333333;
    transition: .7s all;
    font-size: 0.9375rem;
}

footer .menu_list .item:hover {
    color: var(--sub-cl);
    transition: .7s all;
}

.footer_map {
    margin-top: 2.292rem;
    width: 100%;
    height: 14.74rem;
    border-radius: 20px;
    overflow: hidden;
}

.footer_map iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer_dmca {
    margin-top: 2.5rem;
    gap: 3.385rem;
}

.footer_hotline {
    padding: 2.708rem 0 2.24rem;
    background: #FF3131;
}

footer .background_section {
    mix-blend-mode: luminosity;
}

.footer_hotline_title {
    color: white;
    gap: 0.26rem;
    font-size: 1.667rem;
    font-family: 'svn semibold';
    line-height: normal;
    text-transform: uppercase;
}

.footer_hotline_title .icon {
    width: 1.823rem;
    height: auto;
    flex: 0 0 auto;
}

.footer_hotline_content {
    color: white;
    font-size: 1.042rem;
    line-height: 1.5;
    font-family: 'inter medium';
}

.footer_hotline_content p:not(:last-child) {
    margin: 0 0 1rem 0;
}

.footer_hotline_content a {
    position: relative;
    transition: .7s all;
}

.footer_hotline_content a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -10%;
    width: 0;
    opacity: 0;
    transition: .7s all;
    height: 1px;
    background: white;
}

.footer_hotline_content a:hover:before {
    width: 100%;
    opacity: 1;
    transition: .7s all;
}

.footer_4 {
    padding: 1.51rem 0 1.09375rem;
}

.copyright {
    font-size: 0.729rem;
    color: #6D737F;
    opacity: 1;
    line-height: 1;
}

.footer_list_page {
    gap: 1rem;
}

.footer_list_page a {
    font-family: 'inter medium';
    font-size: 0.9375rem;
    color: #6D737F;
    text-transform: uppercase;
    transition: .7s all;
}

.footer_list_page a:hover {
    color: var(--sub-cl);
    transition: .7s all;
}

.custom_cta .btn:hover svg path {
    stroke: unset;
}

header span.btn_content {
    font-family: 'svn bold';
    font-size: 0.833rem;
}

.home_4 .group_wrap .wrap_left span.btn_content {
    font-family: 'Inter medium';
    font-size: 0.729rem;
}

.project_slide_item a.btn {
    background: white;
    color: var(--main-cl);
}

.project_slide_item a.btn svg path {
    stroke: var(--main-cl);
}

header .container:after {
    content: unset;
}

.banner_hero:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 9.74rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) -137.7%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.banner_hero:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 48.97%, rgba(0, 0, 0, 0.264) 60.3%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
    pointer-events: none;
}

.banner_hero .group_content {
    width: 28.802rem;
    bottom: 2.604rem;
    left: 7.396rem;
    z-index: 2;
}

.banner_hero .group_content h2 {
    color: white;
    font-size: 2.865rem;
    line-height: 1.1;
    text-transform: unset;
    margin-bottom: 4.74rem;
}

.banner_hero h1 {
    color: white;
    font-size: 3.125rem;
    text-transform: uppercase;
    font-family: 'svn bold';
    font-weight: unset !important;
    line-height: 1.2;
}

.breadcrumbs a,
.breadcrumbs span {
    font-size: 0.833rem;
    color: white;
    transition: .7s all;
}

.breadcrumbs ol {
    list-style: none;
    margin: 0;
    padding-bottom: .5rem;
    overflow: auto;
    gap: 0.573rem;
}

.breadcrumbs li {
    margin: 0;
    gap: 0.573rem;
}

span.breadcrumb_svg {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    display: flex;
}

.banner_hero .breadcrumbs {
    margin-top: 0.9375rem;
    font-weight: unset;
}

.banner_hero .breadcrumbs span {
    color: white;
}

.breadcrumbs ol a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.about_nav {
    background: #DAEBFC;
}

.about_nav_wrap .item {
    padding: 0.729rem 1.25rem;
    color: #333333;
    transition: .7s all;
    font-family: 'inter medium';
    line-height: 1;
    font-size: 1.042rem;
}

.about_nav_wrap .item:hover,
.about_nav_wrap .item.is-active {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.about_2 {
    padding-top: 3.125rem;
}

.about_2:after {
    position: absolute;
    content: '';
    left: 0;
    top: 11.927rem;
    width: 100%;
    height: 31.40625rem;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #DFEAF7 100%);
}

.about_3:before {
    position: absolute;
    content: '';
    left: 0;
    top: -2rem;
    width: 100%;
    height: 13.698rem;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(231, 239, 249, 0.765361) 57.04%, #DFEAF7 100%);
    pointer-events: none;
    z-index: 2;
}

.about_3 img {
    position: relative;
}

.about_2 .row {
    position: relative;
    z-index: 5;
}

.about_2 h2 {
    font-size: 3.125rem;
    line-height: 1.1;
}

p:last-child {
    margin: 0;
}

.about_2 .content_wrap {
    margin-top: 1.771rem;
}

.about_2 .content_wrap strong {
    font-family: 'Inter bold';
}

.about_2 .btn_wrap {
    margin-top: 1.771rem;
    gap: 1.042rem;
    justify-content: center;
}

.about_2 .btn span.icon {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    flex: 0 0 auto;
}

.about_2 span.content {
    font-size: 1.25rem;
    white-space: nowrap;
    line-height: 1;
    font-family: 'svn semibold';
    margin-bottom: .2rem;
}

.about_map {
    margin-left: 3.177rem;
    padding: 3.021rem 1.927rem 3.021rem 2.34375rem;
    background: white;
    border-radius: 10px;
    gap: 1.458rem;
}

.about_map .about_image {
    width: 16.667rem;
    flex: 0 0 auto;
    height: auto;
}

.about_map .title {
    font-size: 0.833rem;
    color: #333333;
    text-transform: uppercase;
    font-family: 'svn bold';
    line-height: 1.1;
}

.about_map .content {
    margin-top: 0.521rem;
    font-size: 0.729rem;
    line-height: 1.4;
    color: #333333;
}

.about_map .content strong {
    font-family: 'inter semibold';
}

.about_map .content a {
    color: #333333;
    transition: .7s all;
}

.about_map .content a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.about_2 .about_list {
    gap: 1.5625rem;
}

.about_2:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 43.333rem;
    background: linear-gradient(
            180deg, #FFFFFF 10.41%, rgba(255, 255, 255, 0.31) 65.59%);
    pointer-events: none;
}

.about_1 {
    z-index: 2;
}

.about_2 {
    position: relative;
}

.about_info {
    margin-top: 0.9375rem;
    gap: 0.833rem;
}

.about_info .item {
    width: calc(100% / 3 - (0.833rem * 2 / 3));
    padding: 1.875rem 4.6875rem;
    gap: 0.521rem;
    background: #FFFFFF66;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
}

.about_info .item .icon {
    width: 1.667rem;
    height: 1.667rem;
    flex: 0 0 auto;
    background: var(--main-cl);
    border-radius: 100%;
    padding: 0.208rem;
}

.about_info .heading {
    gap: 0.417rem;
    font-size: 1.042rem;
    font-family: 'svn bold';
    line-height: 1;
}

.about_3 {
    margin-top: -6.583rem;
    background: #DFEAF7;
    z-index: 2;
}

.about_2 {
    z-index: 3;
}

.about_info {
    box-shadow: 0px 0px 40.1px 0px #0000000A;
}

.about_3 .group_content {
    right: 13.28125rem;
    top: 7.96875rem;
    width: 27.552rem;
    z-index: 2;
}

.about_3 .content_wrap {
    font-size: 0.9375rem;
    margin-top: 1.042rem;
    line-height: 1.3;
}

.about_3 .content_wrap strong {
    font-family: 'inter semibold';
}

.mission_wrap {
    margin-top: 3.333rem;
    gap: 4.167rem;
}

.about_4 {
    padding: 4.167rem 0 2.604rem;
}

.mission_wrap .item {
    width: calc(100% / 2 - (4.167rem * 1 / 2));
}

.mission_wrap .thumb {
    width: 100%;
    height: 12.34375rem;
}

.mission_wrap .detail {
    padding: 3.854rem 1.875rem 1.667rem;
    background: white;
}

.mission_wrap .icon {
    top: 8.59375rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7.34375rem;
    height: 7.34375rem;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    padding: 0.521rem;
}

.mission_wrap .icon_inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mission_wrap .icon_inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mission_wrap .title {
    font-size: 2.083rem;
    color: var(--sub-cl);
    font-family: 'svn semibold';
    line-height: 1.1;
}

.mission_wrap .content {
    margin-top: 0.78125rem;
    color: #2D3746;
    font-size: 0.833rem;
    height: 4rem;
    line-height: 1.4;
}

.about_5 {
    height: 43.958rem;
}

.about_5 .group_wrap {
    top: 50%;
    transform: translateY(-50%);
    right: 13.28125rem;
}

.about_value_wrap {
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%);
    width: 35.625rem;
    padding: 1.667rem;
    border-bottom: 10px;
    overflow: hidden;
    gap: 1.042rem;
    border-radius: 10px;
}

.about_value_wrap .item {
    width: calc(100% / 2 - (1.042rem * 1 / 2));
    height: 15.625rem;
    padding: 1.667rem 1.25rem;
    border-radius: 10px;
    overflow: hidden;
}

.about_value_wrap .item .background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.about_value_wrap .title {
    position: relative;
    z-index: 2;
    font-family: 'svn semibold';
    font-size: 1.25rem;
    color: #FF3131;
    line-height: 1.1;
}

.about_value_wrap .content {
    position: relative;
    z-index: 2;
    margin-top: 0.521rem;
    line-height: normal;
}

.about_value_wrap .item:nth-child(2),
.about_value_wrap .item:nth-child(4) {
    text-align: end;
}

.about_value_wrap .item:nth-child(3),
.about_value_wrap .item:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.about_value_wrap .logo_wrap {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF4D;
    z-index: 3;
    width: 12.396rem;
    height: 12.396rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.99rem;
}

.about_value_wrap .logo {
    background: white;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.about_value_wrap .logo img {
    width: 7.448rem;
    height: 6.771rem;
    object-fit: contain;
}

.about_5 .background_section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_5 .group_content {
    top: 20.573rem;
    left: 13.59375rem;
}

.about_5 .group_content h2 {
    color: white;
    font-size: 2.34375rem;
    font-family: 'svn semibold';
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.about_5 .group_content:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(50% 50% at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    width: 49.01rem;
    height: 16.5625rem;
    border-radius: 400px;
    pointer-events: none;
}

.about_5:hover .logo_wrap .logo img {
    transform: scale(1.05);
    transition: .7s all;
}

.mission_wrap .item:hover .icon img {
    transform: rotateY(360deg);
    transition: .7s all;
}

.product_term_2 {
    padding-top: 4.167rem;
}

.product_term_2 .row:first-child {
    margin-bottom: 4.167rem;
}

.row.product_term_list {
    margin-top: 2.604rem;
}

.product_term_sidebar .item,
.product_term_block .item {
    background: #F2F2F2;
    padding: 1.927rem 1.667rem 1.667rem;
    border-radius: 10px;
    height: 100%:;
}

.product_term_sidebar .item h3,
.product_term_block .item h3 {
    font-size: 1.146rem;
    font-family: 'svn medium';
    text-transform: uppercase;
    color: #333333;
    line-height: normal;
}

.product_term_sidebar .item .btn_2,
.product_term_block .item .btn_2 {
    margin-top: 0.833rem;
    font-size: 0.833rem;
    color: var(--main-cl);
    gap: 0.104rem;
    font-family: 'svn';
}

.product_term_sidebar .item .btn_svg,
.product_term_block .item .btn_svg {
    width: 0.729rem;
    height: 0.729rem;
    display: flex;
    flex: 0 0 auto;
}

.product_term_sidebar .item .thumb,
.product_term_block .item .thumb {
    /*mix-blend-mode: darken;*/
    width: 100%;
    height: 19.167rem;
}

.product_term_sidebar .item:before,
.product_term_block .item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    opacity: 0;
    height: 5px;
    background: var(--sub-cl);
    transition: .7s all;
}

.product_term_sidebar .item:hover:before,
.product_term_block .item:hover:before {
    opacity: 1;
    width: 100%;
    transition: .7s all;
}

.product_term_sidebar {
    overflow: hidden;
    border-radius: 10px;
    margin-right: -0.9375rem;
    height: 100%;
}

.term_slide_wrap {
    margin-left: 1.458rem;
}

.term_slide_wrap .slide_item {
    padding: 0 0.417rem;
}

.product_term_list .term_slide {
    margin: -2.604rem -0.417rem;
}

.term_slide .product_item {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 15px 30px 0px #2563EB1A;
    margin: 2.604rem 0;
}

.term_slide_pagination {
    margin-top: 3.542rem;
    gap: 3.125rem;
}

.term_slide_pagination .pagination_wrap {
    gap: 0.78125rem;
}

.register_form_section {
    padding-top: 2.604rem;
    overflow: hidden;
}

.product_term_2 {
    background: linear-gradient(180deg, #F0F7FD 0%, #FFFFFF 100%);
}

.product_1 .group_content {
    width: 100%;
}

.product_2 {
    padding-top: 2.083rem;
    background: linear-gradient(180deg, #F0F7FD 0%, #FFFFFF 100%);
}

.product_heading {
    gap: 1rem;
    padding-bottom: 1.5625rem;
    border-bottom: 1px solid #0000001A;
}

.product_filter {
    flex: 1;
    white-space: nowrap;
    gap: 1.042rem;
    font-size: 0.9375rem;
    color: #58595B;
    line-height: normal;
}

.product_filter .filter {
    padding: 0.46875rem 1.198rem;
    border-radius: 60px;
    border: 1px solid #58595B4D;
    font-family: 'inter medium';
    color: #333333;
}

.product_filter .filter_heading {
    gap: 2.24rem;
    line-height: 1.5;
    cursor: pointer;
}

.product_filter .filter_heading .svg {
    width: 0.9375rem;
    height: 0.9375rem;
    flex: 0 0 auto;
}

.product_heading h3 {
    font-size: 1.25rem;
    font-family: 'svn medium';
    text-transform: uppercase;
    color: #333333;
}

.product_sale {
    background: white;
    box-shadow: 0px 0px 64.1px 0px #0065912B;
    /* box-shadow: 0px 0px 31px 0px #FFFFFF0D inset; */
    padding: 2.24rem;
    border-radius: 12px;
    gap: 3.90625rem;
}

.product_sale > .item_left {
    width: 22.135rem;
    height: 22.135rem;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
}

.product_sale_title {
    font-size: 2.34375rem;
    color: #333333;
    font-family: 'svn semibold';
    line-height: normal;
    padding-bottom: 1.042rem;
}

.product_sale_title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    background: #00000033;
    height: 1.5px;
}

.product_sale > .item_right {
    width: 100%;
    position: relative;
    z-index: 2;
}

.product_sale_title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1.5px;
    width: 11.458rem;
    background: #FF3131;
}

.product_sale_list {
    margin-top: 1.25rem;
    gap: .25rem;
}

.product_sale_list .item {
    gap: 0.78125rem;
}

.product_sale_list .item .svg {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
}

.product_sale_list .item .content {
    font-size: 0.9375rem;
    color: #333333;
}

.product_sale_bottom {
    margin-top: 1.25rem;
    gap: 17.708rem;
}

.product_sale_bottom .item_left {
    color: #333333;
    font-size: 0.833rem;
    font-family: 'Inter medium';
}

.sale_count {
    margin-top: 0.677rem;
    background: #FFF1F1;
    border-radius: 16px;
    padding: 1.146rem 0.729rem 0.521rem;
    gap: 0.46875rem;
}

.sale_count .item {
    gap: 0.417rem;
}

.product_sale_bottom .item_left .count_number {
    padding: 0.15625rem;
    border-radius: 12px;
    background: #FF3131;
    color: white;
    text-align: center;
    width: 2.083rem;
    height: 2.083rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.042rem;
    font-family: 'inter semibold';
    line-height: 1;
}

.product_sale_bottom .item_left .count_content {
    margin-top: 0.417rem;
    font-size: 1.042rem;
    color: #0C0C0C;
    font-family: 'Inter medium';
    line-height: 1;
}

.sale_count .item_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.sale_count .item .item_right {
    font-size: 0.9375rem;
    color: #333333;
    font-family: 'Inter medium';
    line-height: 2;
}

.sale_count .item:last-child .item_right {
    display: none;
}

.product_sale_bottom > .item_right {
    margin-top: 0.9375rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.sale_price {
    font-size: 2.34375rem;
    color: #FF3131;
    font-family: 'svn bold';
    line-height: normal;
}

.product_sale_bottom > .item_right .btn {
    margin-top: 1.042rem;
    text-transform: uppercase;
    justify-content: end;
    align-items: end;
}

.product_2 .background {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.sale_flag {
    right: 2.083rem;
    top: 0;
}

.sale_flag_background {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.sale_flag .svg {
    width: 2.1875rem;
    height: 2.1875rem;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}

.sale_flag_inner {
    padding: 0.417rem 1.25rem 1.667rem;
}

.sale_flag .content {
    color: white;
    position: relative;
    font-size: 0.9375rem;
}

.sale_flag_price {
    position: relative;
    z-index: 1;
    color: white;
    line-height: 0.7;
    font-size: 1.823rem;
    font-family: 'Inter bold';
}

.product_list {
    column-gap: 1.5625rem;
    row-gap: 3.28125rem;
}

.product_list .product_item {
    width: calc(100% / 4 - (1.5625rem * 3 / 4));
    box-shadow: 0px 15px 30px 0px #2563EB1A;
    border-radius: 10px;
}

.product_list_wrap {
    margin-top: 1.5625rem;
}

.product_pagination {
    margin-top: 4.948rem;
}

ul.ajax_paging {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    gap: 0.78125rem;
    margin: 0;
}

ul.ajax_paging li {
    margin: 0;
}

ul.ajax_paging a {
    font-family: 'Inter medium';
    width: 2.083rem;
    height: 2.083rem;
    display: flex;
    border: 1px solid rgba(88, 89, 91, 0.5);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .7s all;
    font-size: 18px;
    color: #58595B;
}

ul.ajax_paging svg {
    width: 0.521rem;
    height: 0.729rem;
}

li.paging-prev a, li.paging-next a {
    opacity: 50%;
}

ul.ajax_paging a.active, ul.ajax_paging a:hover {
    color: #BD2029;
    border: 1px solid #BD2029;
    transition: .7s all;
}

.the_content.product_the_content h3 {
    font-family: 'svn bold';
    color: #333333;
    font-size: 1.667rem;
    line-height: normal;
    margin-bottom: 1.25rem;
}

.the_content.product_the_content p {
    margin-bottom: 1.25rem;
    font-size: 0.9375rem;
    color: #333333;
    line-height: 1.5;
}

.the_content.product_the_content :is(strong,span) {
    font-family: 'Inter medium';
}

.the_content :is(ul,ol) {
    padding-left: 1rem;
}

.the_content.product_the_content :is(ul,ol,li) {
    margin: 0;
}

.the_content.product_the_content {
    font-size: 0.9375rem;
    color: #333333;
    line-height: 1.5;
}

.product_4,
.office_map_section {
    padding: 2.448rem 0 2.96875rem;
}

.product_map {
    gap: 0.833rem;
    justify-content: space-between;
}

.product_map .item_left {
    width: 32.292rem;
    height: 29.792rem;
    flex: 0 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

.product_map .item_right {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.product_map .item_left iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_map > .item_left .tab_block {
    width: 100%;
    height: 100%;
    position: relative;
}

.product_map_heading {
    background: #EDF9FE;
    gap: 0.326rem;
    border-top-left-radius: 6px;
}

.product_map_list {
    position: relative;

}

.product_map_bottom {
    background: linear-gradient(180deg, #EDF9FE 0%, #FFFFFF 100%);
    width: 100%;
    height: auto;
    padding: 1.25rem 1.771rem;
}

.product_map_heading .item {
    flex: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    font-size: 0.9375rem;
    color: #1F2B37;
    font-family: 'svn medium';
    text-transform: uppercase;
    transition: .7s all;
    cursor: pointer;
    line-height: 1;
}

.product_map_heading .item:hover, .product_map_heading .item.active {
    background: #02A6ED;
    color: white;
    transition: .7s all;
}

.product_map_list .tab_block_inner .subtitle,
.product_map_social .subtitle {
    color: #58595B;
    font-family: 'inter';
    text-transform: unset;
}

.product_map_list .tab_block_inner .title,
.product_map_social .title {
    font-size: 1.25rem;
    color: #333333;
    font-family: 'svn bold';
    line-height: normal;
    padding-bottom: 0.833rem;
}

.product_map_list .tab_block_inner .title:before,
.product_map_social .title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 2.8125rem;
    height: 2px;
    background: #FF3131;
}

.product_map_list .contact_the_content {
    margin-top: 0.833rem;
}

.product_map_list .contact_the_content p {
    margin: 0;
    line-height: 1.5;
}

.product_map_list .contact_the_content :is(strong,span) {
    color: #FF3131;
}

.product_map_list a.btn {
    margin-top: 0.833rem;
}

.product_map_list a.btn .btn_content {
    font-size: 1.25rem;
}

.product_map_list a.btn .content {
    font-size: 1.25rem;
    line-height: 1;
    font-family: 'svn semibold';
    /* margin-bottom: .4rem; */
}

.product_map_list a.btn .icon {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    margin-top: .2rem;
}

.product_map_social {
    margin-top: 30px;
    border-top: 1px solid var(--color-azure-84-2, #CBD5E0);
    padding-top: 30px;
}


.product_map_social .footer_social {
    margin-top: 0.833rem;
    gap: 1.09375rem;
}

.product_map_social .footer_social .item {
    width: 3.75rem;
    height: 3.75rem;
}

.product_map_list .contact_the_content p {
    line-height: 2;
}

.product_list_term {
    margin: 2.083rem -0.15625rem 0;
}

.product_list_term .slide_item {
    padding: 0 0.15625rem;
}

.product_list_term .scrollbar,
.related_blog .scrollbar,
.related_product .scrollbar {
    display: flex;
    height: 1px;
    position: relative !important;
    opacity: 1 !important;
    background: #0000001A;
    max-width: 62.24rem;
    width: 100%;
}

.product_5 .pagination_wrap,
.related_blog .pagination_wrap,
.related_product .pagination_wrap {
    margin-top: 1.667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4.375rem;
}

.related_blog .pagination_wrap {
    margin-top: 2.96875rem;
}

.product_list_term .scrollbar .swiper-scrollbar-drag,
.related_blog .scrollbar .swiper-scrollbar-drag,
.related_product .scrollbar .swiper-scrollbar-drag {
    background: red;
    height: .104rem;
}

.product_list_term .arrow_wrap,
.related_blog .arrow_wrap,
.related_product .arrow_wrap {
    gap: 1.146rem;
    padding: 0.625rem 0.573rem;
}

.product_list_term .arrow_wrap .arrow_slide,
.related_blog .arrow_wrap .arrow_slide,
.related_product .arrow_wrap .arrow_slide {
    width: 2.552rem;
    height: 2.552rem;
    flex: 0 0 auto;
    display: flex;
    border: 1px solid #BD2029;
}

.product_top_search {
    margin-top: 4.792rem;
    padding-bottom: 3.646rem;
}

.product_top_search h3 {
    font-size: 2.34375rem;
    color: #2D3746;
    font-family: 'svn semibold';
    line-height: 1;
}

.product_top_search .search_list {
    margin-top: 2.083rem;
    gap: 0.833rem;
}

.product_top_search .search_list .item {
    background: #E2E8F0;
    padding: 0.521rem 1.40625rem;
    font-size: 0.833rem;
    border-radius: 60px;
    color: #333333;
    line-height: 1;
    transition: .7s all;
}

.product_top_search .search_list .item:hover {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.single_product_1 {
    padding: 1.823rem 0 7.03125rem;
    background: #F2F2F2;
}

.single_product_gallery {
    padding-left: 6.25rem;
    padding-right: 4.6875rem;
    margin-top: 0.729rem;
}

.product_gallery_thumb iframe {
    width: 100%;
    height: 100%;
    justify-content: center;
}

.product_gallery_thumb {
    width: 25.052rem;
    height: 24.896rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single_product_gallery .arrow_slide {
    position: absolute;
    top: 37%;
    transform: translateY(-50%);
    background: transparent;
    width: 2.083rem;
    height: 2.083rem;
    padding: .2rem;
}

.single_product_gallery .arrow_slide.prev {
    left: 0;
}

.single_product_gallery .arrow_slide.next {
    right: 0;
}

.product_nav_wrap {
    padding: 1.5625rem 4.323rem 0;
}

.product_nav_wrap .product_nav {
    width: 4.948rem;
    height: 4.948rem;
}

.product_nav .video_svg {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 0.833rem;
}

.single_product_content h1 {
    font-size: 2.34375rem;
    color: #333333;
    font-family: 'svn semibold';
    line-height: normal;
}

.product_view_wrap {
    margin-top: 0.78125rem;
    gap: 0.625rem;
    padding-bottom: 0.78125rem;
}

.review_content {
    color: #262626;
    font-size: 0.9375rem;
    line-height: 1;
    font-family: 'inter semibold';
}

.preview_svg {
    gap: 0.26rem;
}

.preview_svg svg {
    width: 0.9375rem;
    height: auto;
    flex: 0 0 auto;
}

.product_view_wrap:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.5px;
    background: #00000033;
    pointer-events: none;
}

.product_view_wrap:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    background: #FF3131;
    width: 8.958rem;
    pointer-events: none;
}

.product_detail_price {
    margin-top: 1.667rem;
    font-size: 2.865rem;
    color: #FF3131;
    font-family: 'svn bold';
    line-height: normal;
}

.product_detail_desc {
    margin-top: 1.667rem;
    font-size: 0.9375rem;
    color: #333333;
    line-height: 1.4;
}

.single_product_content {
    padding-left: 1.823rem;
}

.product_detail_list {
    margin-top: 1.823rem;
    gap: 1.042rem;
}

.product_detail_list .item {
    gap: 0.78125rem;
}

.product_detail_list .item .icon {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    flex: 0 0 auto;
}

.product_detail_list .content {
    font-size: 0.9375rem;
    color: #333333;
    line-height: 1;
}

.product_cta {
    margin-top: 1.667rem;
    padding-top: 1.71875rem;
    border-top: 1px solid #00000033;
    gap: 1.667rem;
    justify-content: space-between;
}

.product_cta .product_cta_wrap {
    gap: 1.25rem;
}


.product_cta .product_cta_wrap .btn_2,
.btn_2 {
    background: white;
    border: 1px solid #EC2727;
    color: #EC2727;
}

.product_cta .product_cta_wrap .btn_2 svg path,
.btn_2 svg path {
    stroke: #EC2727;
    transition: .7s all;
}

.product_cta .product_cta_wrap .btn_2:hover,
.btn_2:hover {
    background: #EC2727;
    color: white;
    transition: .7s all;
}

.product_cta .product_cta_wrap .btn_2:hover svg path,
.btn_2:hover svg path {
    stroke: white;
    transition: .7s all;
}

.product_share_wrap {
    font-size: 0.833rem;
    color: #58595B;
    font-family: 'inter medium';
    gap: 0.729rem;
}

.share_wrap {
    gap: 0.521rem;
}

.share_wrap a {
    transition: .7s all;
    width: 1.5625rem;
    height: 1.5625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    flex: 0 0 auto;
}

.share_wrap a.share_fb {
    background: #337FFF;
}

.share_wrap a svg {
    max-height: 0.78125rem;
    max-width: 0.625rem;
}

.share_wrap a.share_linked {
    background: #006699;
}

.share_wrap a:hover {
    transform: scale(1.2);
    transition: .7s all;
}

.single_product_2 {
    padding-top: 3.59375rem;
}

.single_product_tab_heading .item {
    padding: 1.09375rem 0;
    font-size: 0.9375rem;
    color: #58595B;
    font-family: 'inter semibold';
    line-height: 1;
    transition: .7s all;
    cursor: pointer;
}

.single_product_tab_heading {
    gap: 9.21875rem;
}

.single_product_tab_heading:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    background: #D5D5D5;
    height: 1px;
}

.single_product_tab_heading {
    position: relative;
}

.single_product_tab_heading .item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    height: 1.5px;
    background: #FF3131;
    opacity: 0;
    transition: .7s all;
}

.single_product_tab_heading .item.active:before, .single_product_tab_heading .item:hover:before {
    opacity: 1;
    width: 100%;
    transition: .7s all;
}

.single_product_tab_heading .item.active, .single_product_tab_heading .item:hover {
    color: #FF3131;
    transition: .7s all;

}

.single_product_the_content {
    margin-top: 1.25rem;
}

.single_product_the_content h3 {
    font-size: 1.667rem;
    color: #333333;
    font-family: 'svn bold';
    line-height: normal;
    margin-bottom: 1.25rem;
}

.single_product_the_content p {
    font-size: 0.9375rem;
    color: #333333;
    line-height: normal;
    margin-bottom: 1.25rem;
}

.single_product_the_content p a {
    text-decoration: underline;
}

.single_product_the_content {
    width: 100%;
    overflow-x: auto;
}

.single_product_the_content table {
    width: fit-content;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    overflow: hidden;
}

.single_product_the_content thead {
    background: #F2F4F7;
}

.single_product_the_content thead th {
    text-align: left;
    font-size: 0.9375rem;
    color: #272D35;
    font-family: 'inter semibold';
    line-height: normal;
    padding: 0.755rem 1.25rem;
    white-space: nowrap;
}

.single_product_the_content tbody td {
    text-align: left;
    font-size: 0.677rem;
    color: #344054;
    font-family: 'inter';
    line-height: normal;
    padding: 0.859375rem 1.042rem;
    white-space: nowrap;
}

.single_product_the_content tbody tr:nth-child(even) {
    background: #F9FAFB;
}


.single_product_the_content thead th:first-child,
.single_product_the_content tbody td:first-child {
    padding-left: 1.875rem;
}

/* ==== Bảng 2 - Thông số kỹ thuật (header 2 tầng) ==== */

.the_content_2 table {
    width:: fit-content;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.the_content_2 thead th {
    text-align: center;
    vertical-align: middle;
    font-size: 0.573rem;
    color: #272D35;
    font-family: 'inter medium';
    line-height: 1.4;
    padding: 0.599rem 1.25rem;
    white-space: normal;
    border: 1px solid #D0D5DD;
    background: #F2F4F7;
}

thead th {
    font-weight: unset;
}

.the_content_2 thead th:first-child {
    padding-left: 0.882rem !important;
    padding-right: 0.882rem !important;
}

.the_content_2 tbody td {
    text-align: center;
    vertical-align: middle;
    font-size: 0.651rem;
    color: #344054;
    font-family: 'inter';
    line-height: 1.4;
    padding: 0.651rem 1.042rem !important;
    white-space: normal;
    border: 1px solid #D0D5DD;
    border-top: none;
}

.the_content_2 tbody td:first-child {
    padding-left: 1.875rem;
    font-family: 'inter semibold';
    color: #344054;
}

.the_content_2 tbody td:nth-child(2) {
    text-align: left;
}

.the_content_2 tbody tr:nth-child(even) {
    background: #F9FAFB;
}

.the_content_2 tbody tr:nth-child(odd) {
    background: #fff;
}

.the_content_2 thead tr:first-child th {
    border-bottom: none;
}

.gallery_wrap {
    width: 100%;
    column-gap: 5.026rem;
    row-gap: 1.042rem;
}

.gallery_wrap .gallery_item {
    width: calc(100% / 3 - (5.026rem * 2 / 3));
    height: 15.104rem;
    overflow: hidden;
}

.gallery_wrap .gallery_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .7s all;
}

.gallery_wrap .gallery_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.single_product_4 {
    padding-top: 4.167rem;
    padding-bottom: 2.083rem;
}

.related_product {
    margin: 2.96875rem -0.78125rem 0;
}

.related_product_slide {
    margin: -2.604rem 0;
}

.single_product_4 h2 {
    color: #333333;
    font-family: 'inter medium';
    text-transform: unset;
}

.related_product_slide .slide_item {
    padding: 0 0.78125rem;
}

.related_product .product_item .thumb {
    width: 100%;
}

.related_product .product_item {
    box-shadow: 0px 15px 30px 0px #2563EB1A;
    margin: 2.604rem 0;
}

.blog_2 h2 {
    font-size: 2.34375rem;
    font-family: 'svn semibold';
    color: #333333;
    line-height: normal;
    text-transform: unset;
}

.blog_2 {
    padding-top: 2.083rem;
}

.blog_feature {
    margin-top: 2.65625rem;
    height: 26.25rem;
    overflow: hidden;
}

.blog_feature .item_left {
    width: 48.177rem;
    height: 100%;
}

.blog_feature .item_right {
    width: 100%;
    background: var(--main-cl);
    padding: 2.083rem 2.604rem;
    color: white;
}

.feature_detail_wrap {
    width: 20rem;
}

.feature_detail h3 {
    color: white;
    font-size: 1.667rem;
    font-family: 'svn bold';
    line-height: 1.1;
    text-transform: uppercase;
}

.feature_detail .meta {
    margin-top: 0.78125rem;
    gap: 0.729rem;
    font-size: 0.833rem;
    color: white;
}

.feature_detail .meta .dot {
    width: 3px;
    height: 3px;
    background: white;
    border-radius: 100%;
}

.feature_detail .excerpt {
    margin-top: 1.40625rem;
    font-size: 0.833rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 1.3;
}

.feature_detail .btn {
    margin-top: 1.5625rem;
    background: transparent;
    border: 1px solid white;
    color: white;
    transition: .7s all;
}

.feature_detail .btn:hover {
    background: var(--sub-cl);
    color: var(--sub-cl);
    transition: .7s all;
    border: 1px solid var(--sub-cl);
}

.feature_detail .btn:hover svg path {
    stroke: white;
    transition: .7s all;
}

.feature_detail .btn:hover .btn_content {
    color: white;
    transition: .7s all;
}

.blog_feature .logo_pattern {
    right: 1.40625rem;
    bottom: 1.198rem;
    width: 5.052rem;
    height: auto;
    pointer-events: none;
}

.blog_feature .pagination_wrap {
    left: 2.604rem;
    bottom: 2.604rem;
    position: absolute;
    z-index: 2;
}

.blog_feature .pagination_wrap .swiper-pagination {
    position: relative;
}

.blog_3 {
    padding-top: 0.521rem;
}

.blog_term {
    gap: 1.25rem;
}

.blog_term a {
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    color: #02A6ED;
    background: #ECF9FF;
    border-radius: 60px;
    line-height: 1;
    transition: .7s all;
    font-family: 'svn medium';
}

.blog_term a:hover,
.blog_term a.active {
    background: #02A6ED;
    color: #ECF9FF;
    transition: .7s all;
}

.blog_3 .blog_list_wrap {
    margin-top: 2.083rem;
}

.blog_list_wrap .ajax_wrap {
    margin-top: 2.604rem;
}

.blog_3 {
    padding-bottom: 0.521rem;
}

.blog_feature_pagination {
    bottom: 2.083rem !important;
    left: 2.604rem !important;
    right: unset;
    width: fit-content !important;
    z-index: 5;
    gap: 0.417rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_feature_pagination .swiper-pagination-bullet {
    width: 0.417rem;
    height: 0.417rem;
    border-radius: 100%;
    background: white;
    opacity: 50%;
    position: relative;
}

.blog_feature_pagination .swiper-pagination-bullet-active {
    opacity: 100%;
}

.blog_feature_pagination .swiper-pagination-bullet-active:before {
    position: absolute;
    transition: .7s all;
    content: '';
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 0.9375rem;
    height: 0.9375rem;
    border: 1px solid white;
    border-radius: 100%;
}

.single_blog_1 .group_content {
    width: 48.28125rem;
}

.single_blog_title h2 {
    margin: 0;
    font-size: 1.667rem;
    color: #FF3131;
    font-family: 'svn bold';
    line-height: normal;
    text-transform: unset;
}

.single_blog_2 .excerpt {
    margin-top: 1.25rem;
    color: #58595B;
    font-size: 0.9375rem;
}

.single_blog_2 .excerpt a {
    text-decoration: underline;
}

.ex_toc_container {
    margin-top: 2.083rem;
    background: #F4F4F4;
    padding: 2.1875rem 2.34375rem;
}

.ex_toc_heading .title {
    font-size: 1.667rem;
    font-family: 'svn medium';
    line-height: 1;
}

.ex_toc_heading {
    padding-bottom: 1.354rem;
}

.ex_toc_heading:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 3.229rem;
    height: 1px;
    background: #FF3131;
    pointer-events: none;
}

.ex_toc_list {
    margin-top: 0.833rem;
}

.ex_toc_level_2 {
    gap: 0.417rem;
}

.ex_toc_level_2_content {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #333333;
}

.ex_toc_level_3 {
    margin-top: 0.417rem;
    gap: 0.417rem;
    padding-left: 2.083rem;
}

.the_content.single_content h2 {
    font-size: 1.667rem;
    color: #333333;
    font-family: 'svn bold';
    line-height: 1.6;
    text-transform: unset;
    margin-bottom: 1.25rem;
}

.the_content.single_content h3 {
    font-size: 1.25rem;
    font-family: 'svn semibold';
    line-height: 1.6;
    color: #333333;
    margin-bottom: 1.25rem;
}

.the_content.single_content p {
    font-size: 0.9375rem;
    color: #333333;
    line-height: 1.5;
}

.the_content.single_content li {
    margin: 0;
}

figcaption {
    font-size: 0.78125rem;
    font-family: 'inter medium';
    color: #64748B;
    line-height: 1.2;
    margin-top: 0.521rem;
}

.single_blog_bottom {
    padding: 1.5625rem 0;
    border: 1px solid #0000001A;
    border-left: unset;
    border-right: unset;
    gap: 1rem;
    margin-top: 1rem;
}

.tags {
    gap: 0.78125rem;
    color: #58595B;
    font-size: 0.833rem;
    line-height: 1.1;
}

.tag_list {
    gap: 0.521rem;
    flex-wrap: wrap;
}

.tag_list .item {
    color: #BD2029;
    font-size: 0.833rem;
    line-height: 1.1;
    padding: 0.208rem 0.625rem;
    cursor: pointer;
    transition: .7s all;
    border: 1px solid #BD2029;
    border-radius: 60px;
}

.tag_list .item:hover {
    background: #BD2029;
    color: white;
    transition: .7s all;
}

.single_blog_bottom .share_wrap {
    gap: 1.042rem;
    font-size: 0.833rem;
    color: #58595B;
    line-height: 1.1;
    flex: 0 0 auto;
}

.single_blog_bottom .share_wrap .share_item {
    width: 2.8125rem;
    height: 2.8125rem;
    background: white;
    border-radius: 100%;
    box-shadow: 0px 3.03px 6.06px 0px #00000014;
    padding: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single_blog_bottom .share_wrap a svg {
    max-width: 1.927rem;
    max-height: 1.354rem;
}

.single_blog_2 {
    padding-top: 2.083rem;
}

.single_sidebar.news_sidebar .title {
    color: #333333;
    font-size: 2.34375rem;
    font-family: 'svn medium';
    line-height: 1.1;
}

.sidebar_list {
    margin-top: 1.667rem;
    display: flex;
    flex-direction: column;
    gap: 1.667rem;
}

.item_feature {
    width: 100%;
    height: 15.15625rem;
    border-radius: 10px;
    overflow: hidden;
}

.item_feature .group_content {
    bottom: 1.042rem;
    left: 0;
    padding: 0 0.833rem;
    z-index: 2;
}

.item_feature .group_content .feature_tag {
    font-size: 0.833rem;
    line-height: normal;
    color: white;
    background: #02A6ED;
    border-radius: 35px;
    padding: 0.208rem 0.625rem;
    width: fit-content;
}


.item_feature .group_content h3 {
    margin-top: 0.625rem;
    color: #FFFFFF;
    font-size: 1.042rem;
    font-family: 'svn medium';
    text-transform: uppercase;
}

.item_feature:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    bottom: 0;
    height: 7.8125rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000ba 100%);
    z-index: 1;
    pointer-events: none;
    transition: .7s all;
}

.item_feature:hover:before {
    height: 10.78125rem;
}

.item_feature:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.news_list {
    gap: 1.042rem;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.news_list .item {
    gap: 0.78125rem;
    height: 5.208rem;
}

.news_list .item .thumb {
    width: 8.333rem;
    height: 100%;
    flex: 0 0 auto;
    border-radius: 4px;
    overflow: hidden;
}

.news_list .list_tag {
    font-size: 0.833rem;
    line-height: normal;
    color: var(--main-cl);
    padding: 0.208rem 0.625rem;
    background: #02A6ED1A;
    border-radius: 35px;
    width: fit-content;
}

.news_list .detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.news_list .detail h3 {
    color: #333333;
    font-size: 1.042rem;
    font-family: 'svn semibold';
    line-height: normal;
    text-transform: uppercase;
    transition: .7s all;
    line-height: 1.4;
}

.news_list .item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.news_list .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.single_sidebar {
    position: sticky;
    top: 1rem;
    margin-bottom: 10rem;
}

.single_blog_title,
.single_blog_2 .excerpt,
.ex_toc_container,
.the_content.single_content,
.single_project_table,
.single_library_table,
.single_project_heading,
.single_library_heading {
    margin-right: 2.76rem;
}

.single_blog_3.office_map_section {
    padding-top: 2.96875rem;
}

.related_blog .blog_item {
    width: 100%;
}

.related_blog {
    margin: 2.96875rem -0.521rem 0;
}

.related_blog .slide_item {
    padding: 0 0.521rem;
}

.single_blog_4 {
    padding-bottom: 1.302rem;
}

.single_project_3,
.single_library_4 {
    padding-top: 0.521rem;
    padding-bottom: 0.521rem;
}

.single_project_3 h2,
.single_library_3 h2 {
    margin: 0;
}

.project_2 {
    padding-top: 2.083rem;
    padding-bottom: 0.521rem;
}

.project_2 .group_content {
    width: 38.59375rem;
}

.project_2 .group_content .content {
    font-size: 1.042rem;
    color: #2D3746;
    opacity: 80%;
    line-height: normal;
    margin-top: 0.521rem;
    line-height: 1.5;
}

.project_list_wrap {
    margin-top: 2.65625rem;
}

.project_list {
    column-gap: 1.042rem;
    row-gap: 2.604rem;
}

.project_item {
    width: calc(100% / 3 - (1.042rem * 2 / 3));
    position: relative;
}

.project_item .thumb {
    width: 100%;
    height: 15.15625rem;
    border-radius: 11px;
    overflow: hidden;
}

.project_item .detail {
    margin-top: 0.625rem;
}

.project_item .detail h3 {
    color: #333333;
    font-size: 1.146rem;
    font-family: 'svn semibold';
    line-height: normal;
    text-transform: uppercase;
    transition: .7s all;
    line-height: 1.4;
}

.project_item .detail .term {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
    color: #6B7280;
    font-family: 'inter medium';
    line-height: 1;
}

.project_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.project_item:hover h3 {
    color: #02A6ED;
    transition: .7s all;
}

.contact_3 .ajax_wrap,
.library_video_2 .ajax_wrap,
.project_2 .ajax_wrap {
    flex: 0 0 auto;
    gap: 0.78125rem;
}

.contact_3 .ajax_wrap .paging-item,
.library_video_2 .ajax_wrap .paging-item,
.project_2 .ajax_wrap .paging-item {
    width: 2.604rem;
    height: 2.604rem;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #FF3131;
    transition: .7s all;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_3 .ajax_wrap .paging-item svg,
.library_video_2 .ajax_wrap .paging-item svg,
.project_2 .ajax_wrap .paging-item svg {
    width: 1.25rem;
    height: 1.25rem;
}

.contact_3 .ajax_wrap .paging-item:hover,
.library_video_2 .ajax_wrap .paging-item:hover,
.project_2 .ajax_wrap .paging-item:hover {
    background: #FF3131;
    transition: .7s all;
}

.contact_3 .ajax_wrap .paging-item:hover svg path,
.library_video_2 .ajax_wrap .paging-item:hover svg path,
.project_2 .ajax_wrap .paging-item:hover svg path {
    stroke: white;
    transition: .7s all;
}

.single_project_1 .group_content {
    width: 47.96875rem;
}

.single_library_1 .group_content {
    width: 52.34375rem;
}

.single_library_1.banner_hero h1,
.single_project_1.banner_hero h1,
.single_blog_1.banner_hero h1 {
    text-transform: unset;
}

.single_library_1.banner_hero:after,
.single_project_1.banner_hero:after {
    background: linear-gradient(264.27deg, rgba(0, 0, 0, 0) 40.16%, rgba(0, 0, 0, 0.264) 49.46%, rgba(0, 0, 0, 0.6) 99.94%);
}

.single_project_2,
.single_library_2 {
    padding-top: 2.083rem;
}

.single_library_2_2 {
    padding-top: 3.125rem;
}

.single_project_heading .title,
.single_library_heading .title {
    margin-top: 1.25rem;
}

.single_project_heading .excerpt,
.single_library_heading .excerpt {
    margin-top: 0.833rem;
}

.single_project_heading .subtitle,
.single_library_heading .subtitle {
    font-size: 1.042rem;
    color: #02A6ED;
}

.single_project_heading .title,
.single_library_heading .title {
    color: #333333;
    font-size: 1.25rem;
    font-family: 'svn semibold';
    line-height: 1;
}

.single_project_heading .excerpt,
.single_library_heading .excerpt {
    color: #58595B;
    font-size: 0.9375rem;
    line-height: 1.7;
}

.single_project_table,
.single_library_table {
    box-shadow: 0px 0px 31px 0px #FFFFFF0D inset;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 2.083rem;

}

.table_heading {
    background: #02A6ED;
    color: white;
    padding: 0.78125rem 1rem;
    font-size: 1.458rem;
    font-family: 'svn semibold';
    text-transform: uppercase;
    line-height: 1.1;
}

.table_wrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.table_wrap {
    padding: 1.25rem 2.083rem 2.083rem;
    gap: 0.521rem;
}

.table_wrap .item {
    gap: 1rem;
    position: relative;
    z-index: 2;
    width: 100%;
}

.table_wrap .item_left {
    color: #333333;
    font-size: 0.9375rem;
    font-family: 'inter semibold';
    line-height: 1;
}

.table_wrap .item:not(:last-child) {
    padding-bottom: 0.521rem;
    border-bottom: 1px solid #CBD5E0;
    border-bottom-style: dashed;
}

.table_wrap .item_right {
    color: #6D737F;
    font-size: 0.9375rem;
    font-family: 'inter medium';
    line-height: 1.1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

.table_wrap .item_right a.btn {
    margin-left: 1.302rem;
    border: 1px solid #FF3131;
    text-decoration: unset;
    background: transparent;
    font-size: 0.833rem;
    line-height: 1;
    color: #FF3131;
}

.table_wrap .item_right {
    gap: 0.833rem;
    line-height: 1.5;
}

.table_wrap .item_right a {
    text-decoration: underline;
}

.table_wrap .item_right a.btn:hover {
    background: #FF3131;
    color: white;
    transition: .7s all;
}

.project_sidebar .item_feature .group_content h3,
.library_sidebar .item_feature .group_content h3 {

    font-family: 'svn bold';
}

.related_project .project_item {
    width: 100%;
}

.related_project .project_item .detail h3 {
    font-size: 1.146rem;
}

.contact_2 {
    height: 47.135rem;
}

.contact_2:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 31.771rem;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.82) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 1;
}

.contact_2 .group_wrap {
    z-index: 2;
    left: 50%;
    top: 4.167rem;
    transform: translateX(-50%);
    width: 61.042rem;
}

.contact_2 .list_wrap {
    margin-top: 2.083rem;
    gap: 1.25rem;
}

.contact_2 .list_wrap .item {
    width: calc(100% / 3 - (1.25rem * 2 / 3));
    background: #FFFFFFCC;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    padding: 3.021rem 1.667rem 4.375rem;
    height: 21.5625rem;
    backdrop-filter: blur(20px);
}

.contact_2 .list_wrap .icon {
    padding-bottom: 1.25rem;
}

.contact_2 .list_wrap .icon_inner {
    width: 6.198rem;
    height: 6.354rem;
}

.contact_2 .list_wrap .icon .background {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.667rem;
    height: 6.667rem;
    pointer-events: none;
}

.contact_2 .list_wrap .icon_inner img {
    position: relative;
}

.contact_2 .list_wrap .icon:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #FF3131;
    height: 2px;
    width: 3.59375rem;
    pointer-events: none;
}

.contact_2 .list_wrap .item .title {
    margin-top: 0.833rem;
    color: #333333;
    font-size: 1.042rem;
    font-family: 'inter bold';
    line-height: normal;
}

.contact_2 .list_wrap .item .content {
    margin-top: 0.833rem;
    color: #333333;
    font-size: 1.042rem;
    line-height: normal;
}

.contact_2 .list_wrap .item .content p {
    margin-bottom: 0.208rem;
    line-height: 1.5;
}

.contact_2 .border_pattern.pattern_1 {
    width: 8.49rem;
    height: 8.49rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: pulse-border-transform 2s linear infinite;
}

.contact_2 .border_pattern.pattern_2 {
    width: 11.979rem;
    height: 11.979rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: pulse-border-transform 2s linear infinite;
}

.contact_bottom {
    margin-top: 1.25rem;
    background: #FFFFFFCC;
    padding: 0.833rem 1.667rem;
    border-radius: 8px;
    backdrop-filter: blur(20px);
    gap: 3.854rem;
}

.contact_bottom .item_bottom_left {
    font-size: 1.458rem;
    color: #333333;
    line-height: 1.1;
    font-family: 'Inter medium';
    flex: 0 0 auto;
}

.item_bottom_right {
    gap: 1.25rem;
}

.item_bottom_right .contact_item {
    gap: 0.417rem;
    padding: 0.26rem 0 0.26rem 0.26rem;
}

.item_bottom_right .contact_item .icon {
    width: 3.177rem;
    height: 3.177rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.26rem;
    background: white;
    box-shadow: 0px 3.53px 7.06px 0px #00000014;
    border-radius: 100%;
    flex: 0 0 auto;
}

.item_bottom_right .contact_item .content {
    font-size: 1.25rem;
    color: #333333;
    font-family: 'Inter medium';
    transition: .7s all;
}

.item_bottom_right .contact_item:hover .content {
    color: var(--main-cl);
    transition: .7s all;
}

.item_bottom_right .contact_item .icon img {
    max-width: 2.24rem;
    max-height: 1.771rem;
    object-fit: contain;
}

.faq_2 {
    padding-top: 4.167rem;
    padding-bottom: 2.604rem;
}

.faq_sidebar {
    border-radius: 0.521rem 0.521rem 0 0;
    overflow: hidden;
}

.faq_sidebar .sidebar_heading {
    background: #02A6ED;
    color: white;
    padding: 0.833rem 1.25rem;
    font-size: 1.042rem;
    line-height: 1;
    font-family: 'svn semibold';
}

.faq_sidebar .sidebar_list {
    background: #EDEEF466;
    margin: 0;
    font-size: 0.833rem;
    line-height: normal;
    gap: 0;
}

.faq_sidebar .sidebar_list .item {
    padding: 0.833rem 1.25rem;
    transition: .7s all;
    color: #333333;
    width: 100%;
}

.faq_sidebar .sidebar_list .item:hover, .faq_sidebar .sidebar_list .item.active {
    color: var(--main-cl);
    transition: .7s all;
}

.faq_sidebar .sidebar_list .item.active {
    font-family: 'Inter semibold';
}

.faq_sidebar .sidebar_list .item:not(:last-child) {
    border-bottom: 1px solid #FFFFFF;
}

.faq_wrap {
    padding-left: 2.96875rem;
}

.accordion_list {
    margin-top: 1.823rem;
    display: flex;
    flex-direction: column;
    gap: 1.302rem;
}

.accordion_item_heading .title {
    color: #333333;
    font-size: 1.042rem;
    font-family: 'inter semibold';
    line-height: normal;
}

.accordion_item_heading {
    gap: 1rem;
}

.accordion_item_heading .svg {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    transition: .7s all;
}

.accordion_item_content {
    margin-top: 0.521rem;
    margin-left: 0.833rem;
    color: #333333;
    display: none;
}

.accordion_item {
    width: 100%;
    cursor: pointer;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #E5E5E5;
}

.accordion_item_content.content :is(ul,ol) {
    padding-left: 1rem;
    margin: 0;
}

.accordion_item_content.content :is(ul,ol,li,p) {
    margin: 0;
}

.accordion_item.active .svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.accordion_item.active svg path:last-child {
    opacity: 0;
    transition: .7s all;
}

.accordion_wrap a.btn {
    margin: 1.823rem auto 0;
    text-transform: uppercase;
}

.accordion_bottom {
    padding: 1.302rem 2.083rem;
    background: #F7FBFE;
    border-radius: 16px;
    gap: 2rem;
}


.accordion_bottom .item_bottom_left {
    gap: 0.833rem;
    width: 40.90625rem;
    flex: 0 0 auto;
    font-size: 1.25rem;
    color: #041F2B;
    line-height: 1.5;
}

.accordion_bottom:hover .icon {
    transform: rotateY(360deg);
    transition: .7s all;
}

.accordion_bottom .item_bottom_left .icon {
    width: 4.84375rem;
    height: 4.84375rem;
    flex: 0 0 auto;
}

.accordion_bottom .item_bottom_right {
    gap: 0.833rem;
}

.library_2 {
    padding-top: 2.083rem;
    padding-bottom: 0.521rem;
    overflow: hidden;
}

.library_2 .content {
    margin-top: 0.3125rem;
    font-size: 1.042rem;
    color: #2D3746;
}

.library_tab_heading {
    margin-top: 1.667rem;
    gap: 1.667rem;
}

.tab_item {
    background: #ECF9FF;
    font-size: 0.9375rem;
    color: #02A6ED;
    transition: .7s all;
    text-transform: uppercase;
    font-family: 'svn medium';
    border-radius: 60px;
    padding: 0.625rem 1.25rem;
    line-height: 1.1;
    cursor: pointer;
}

.tab_item:hover, .tab_item.active {
    background: #02A6ED;
    color: white;
    transition: .7s all;
}

.library_wrap {
    margin-top: 1.667rem;
}

.library_image_list {
    column-gap: 2.34375rem;
    row-gap: 1.667rem;
}

.library_image_item {
    width: calc(100% / 3 - (2.34375rem * 2 / 3));
}

.library_image_item .thumb {
    width: 100%;
    height: 15.625rem;
    overflow: hidden;
}

.library_image_item .detail {
    margin-top: 1.25rem;
}

.library_image_item .detail .date {
    font-size: 0.833rem;
    color: #02A6ED;
    line-height: 1.1;
}

.library_image_item .detail h3 {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #333333;
    line-height: normal;
    margin-top: 0.833rem;
    font-family: 'svn semibold';
    transition: .7s all;
    line-height: 1.45;
}

.library_image_item .detail .excerpt {
    margin-top: 0.833rem;
    line-height: 1.1;
    font-size: 0.9375rem;
    color: #58595B;
}

.library_image_item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.library_image_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.library_image_layout_wrap .ajax_wrap,
.library_video_layout_wrap .ajax_wrap {
    margin: 1.667rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.library_video_list {
    column-gap: 2.1875rem;
    row-gap: 2.917rem;
}

.library_video_item {
    width: calc(100% / 3 - (2.1875rem * 2 / 3));
}

.library_video_item .thumb {
    width: 100%;
    height: 28.49rem;
    overflow: hidden;
}

.library_video_item .thumb:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    background: #00000080;
}

.video_pattern {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 6.354rem;
    height: 6.354rem;
}

.video_pattern_item {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: pulse-border-transform 2s linear infinite;

}

.video_pattern_item.pattern_1 {
    width: 8.073rem;
    height: 8.073rem;
}

.video_pattern_item.pattern_2 {
    width: 11.354rem;
    height: 11.354rem;
}

.library_video_item .detail {
    margin: 0.833rem 0.833rem 0;
}

.library_video_item .detail .subtitle {
    font-size: 0.9375rem;
    color: #EF4136;
    font-family: 'inter semibold';
    line-height: 1.1;
    text-transform: unset;
}

.library_video_item .detail h3 {
    margin-top: 1.042rem;
    font-size: 1.302rem;
    color: #333333;
    transition: .7s all;
    font-family: 'svn semibold';
    text-transform: uppercase;
    line-height: normal;
}


.video_detail_bottom {
    padding-top: 1.042rem;
    border-top: 1px solid #00000033;
    margin-top: 1.042rem;
    gap: 1rem;
}

.video_detail_bottom .item_bottom_left {
    font-size: 0.729rem;
    color: #333333;
    line-height: 1.7;
}

.video_detail_bottom .item_bottom_left .channel {
    font-size: 0.9375rem;
    color: #333333;
    font-family: 'inter semibold';
}

.video_detail_bottom .item_bottom_right {
    flex: 0 0 auto;
    gap: .5rem;
}

.channel_item {
    width: 2.604rem;
    height: 2.604rem;
    border-radius: 100%;
    flex: 0 0 auto;
}

.library_video_item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.library_video_item:hover .thumb img {
    transform: scale(1.1);
    transition: .7s all;
}

.contact_3 {
    padding: 4.167rem 0 4.479rem;
}

.contact_slide .library_video_item {
    width: 100%;
}

.contact_slide_wrap {
    margin: 3.333rem -1.146rem 0;
}

.contact_slide .slide_item {
    padding: 0 1.667rem;
}

.contact_slide {
    margin: 0 -1.771rem;
}

.contact_4.register_form_section > .pattern {
    display: none;
}

.library_video_1.banner_hero .group_content {
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
}

.library_video_1.banner_hero .group_content h1 {
    text-transform: unset;
    font-size: 2.865rem;
}

.library_video_2 {
    padding: 2.083rem 0 0.521rem;
}

.video_feature {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.video_feature:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.video_feature:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    z-index: 1;
    pointer-events: none;
}

.single_video_list_wrap {
    margin-top: 2.083rem;
}

.single_video_list {
    gap: 0.99rem;
}

.video_feature img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single_video_list .item {
    width: calc(100% / 3 - (0.99rem * 2 / 3));
}

.single_video_list .item .video_pattern {
    width: 3.385rem;
    height: 3.385rem;
}

.single_video_list .item .pattern_1 {
    width: 4.271rem;
    height: 4.271rem;
}

.single_video_list .item .pattern_2 {
    width: 6.042rem;
    height: 6.042rem;
}

.single_video_list .item .thumb {
    width: 100%;
    height: 15.15625rem;
    border-radius: 10px;
    overflow: hidden;
}

.single_video_list .item .thumb:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background: #00000033;
}

.single_video_list .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.single_video_list .item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.single_video_list .item h3 {
    font-size: 1.146rem;
    font-family: 'svn semibold';
    text-transform: uppercase;
    line-height: normal;
    color: #333333;
    margin-top: 1.5625rem;
    padding-bottom: 1.198rem;
    width: 21.146rem;
}

.library_video_2 .single_video_list_wrap .ajax_wrap {
    margin-top: 1.5625rem;
}

.single_library_video_wrap {
    margin-top: 2.917rem;
}

.library_video_2 h2 {
    font-size: 3.125rem;
}

.single_library_heading h2 {
    font-size: 1.667rem;
    font-family: 'svn bold';
    color: var(--sub-cl);
    text-transform: unset;
    margin-bottom: 2.083rem;
}

.register_form_section .pattern {
    width: 100%;
    height: 100%;
}

.single_library_4 h2 {
    font-size: 2.34375rem;
    text-transform: unset;
    font-family: 'inter medium';
    color: #333333;
}

.single_library_5 {
    padding-top: 0;
}

.single_library_2_1 .breadcrumbs a, .single_library_2_1 .breadcrumbs span {
    color: #6B7280;
}

.breadcrumbs {
    font-weight: unset;
}

.single_library_2_1 span.breadcrumb_svg svg path {
    stroke: #64748B;
}

.single_library_heading_2 .date {
    font-size: 0.833rem;
    color: #02A6ED;
    line-height: normal;
}

.single_library_heading_2 h2 {
    color: #FF3131;
    line-height: normal;
}

.single_library_2_2 .the_content.single_content {
    margin-top: 1.302rem;
}
.header-wrapper{
    background: white;
}
.header-wrapper.stuck {
    background: white;
    animation: stuckMoveDown .6s;
}

@keyframes stuckMoveDown {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

header .logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

header .stuck .container {
    padding: 0.521rem 8.229rem;
}

.mobile_display,
.mobile_flex,
.mobile_header {
    display: none;
}

.header_sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.header_sidebar.active {
    opacity: 1;
    visibility: visible;
}

.header_sidebar_inner {
    position: absolute;
    left: 0;
    width: 300px;
    height: 100%;
    background: #fff;
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    overflow-y: auto;
    padding: 20px 15px;
    top: 62.08px;
}

.header_sidebar.active .header_sidebar_inner {
    transform: translateX(0);
}

.header_sidebar_toggle line {
    stroke: white;
}

.quick_contact {
    position: fixed;
    right: 2.03125rem;
    z-index: 98;
    bottom: 2rem;
}

ul.quick_contact_list {
    list-style: none;
    gap: 1.042rem;
    margin: 0;
}

ul.quick_contact_list li {
    margin: 0;
    position: relative;
}

ul.quick_contact_list a {
    width: 3.125rem;
    height: 3.125rem;
    border: 1px solid #FF3131;
    border-radius: 100%;
    box-shadow: 0px 4px 20px 0px #0000001A;
    background: white;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


ul.quick_contact_list li:before {
    position: absolute;
    content: '';
    width: 110%;
    height: 110%;
    position: absolute;
    border-radius: 100%;
    animation: pulse-border-transform 1500ms ease-out infinite;
    background: #FF3131;
    visibility: visible;
    left: 50%;
    top: 50%;
}

ul.quick_contact_list a img {
    max-width: 2.083rem;
    max-height: 2.083rem;
    object-fit: contain;
    animation: shake 1.5s linear infinite;
}

.about_nav_wrap.stuck {
    top: 90px;
    z-index: 100;
    animation: stuckMoveDown .6s;
    background: #DAEBFC;
}

.about_map .about_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.breadcrumbs li {
    flex: 0 0 auto;
}

.single_video_list .item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.library_video_2 .single_video_list .item h3 {
    width: auto;
}

.contact_3 .group_wrap {
    gap: 1rem;
}

ul.sub_menu {
    opacity: 0;
    position: absolute;
    top: 100%;
    border-width: 1px;
    background: #fff;
    box-shadow: 1px 15px 15px rgb(0 0 0 / .15);
    padding: .25rem;
    left: -15px;
    max-height: inherit;
    opacity: 0;
    visibility: visible;
    border-radius: 10px;
    min-width: 260px;
    z-index: 9;
    text-align: left;
    margin: 0;
    list-style: none;
    border: 1px solid #ddd;
    pointer-events: none;
}

li.menu_item {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center;
    margin: 0;

}

.icon_dropdown_sub_menu {
    width: 0.729rem;
    height: 0.729rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.sub_menu li {
    margin: 0;
}

li.menu_item:hover ul.sub_menu {
    opacity: 1;
    transition: .3s all;
    pointer-events: auto;
}

ul.header_nav .menu_item ul.sub_menu li a {
    color: #22372B;
    transition: .7s all;
    padding: .5rem 0;
    font-size: .833rem;
    text-transform: unset;
    width: 100%;
}
.default_1 {
    padding: 2rem 0;
}

.default_1 h1 {
    color: var(--main-cl);
    font-size: 3.125rem;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom:1rem;
}
.footer_wrap_5 .wrap_left {
    width: 9rem;
}
.footer_hotline_content a br {
    display: none;
}
section#about_6 {
    background: none;
}
.ex_toc_item a {
    font-size: .9rem;
}

.ex_toc_item {
    margin: 0 !important;
}
.single_video_nav_slide .item.relative {
    width: 100%;
}

.single_video_feature_slide .feature_item.relative>span {
    display: inline-block;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}

.single_video_feature_slide .feature_item.relative>span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single_video_feature_slide .feature_item {
    display: flex;
    border-radius: 0.5rem;
    overflow: hidden;
}

.single_video_feature_slide {
    border-radius: .5rem;
    overflow: hidden;
}

.single_video_feature_slide .feature_item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    z-index: 1;
    pointer-events: none;
    z-index: 2;
}
.library_video_item .thumb>div:not(.video_pattern) {
    height: 100%;
}
form.tt_search_form input,form.tt_search_form button {
    margin: 0;
    border-radius: .4rem;
}

form.tt_search_form button {
    padding: .7rem;
}

button.tt_search_close {
    padding: .7rem;
    width: 2.4rem;
    height: 2.4rem;
    min-height: unset;
}

.tt_search_tag {
    margin: 0;
    line-height: 1.5;
}

.tt_search_suggest_label {
    text-align: center;
}

form.tt_search_form {
    padding: 0;
    border: none;
}
.search_form_top {
    padding: 0;
    border: none;
    background: transparent;
}

.search_form_top input,.search_form_top button {
    margin: 0;
}

.search_form_top input {
    padding: .5rem !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: .5rem !important;
    box-shadow: none;
    height: 2.5rem;
}
.search_form_top {
    border: none !important;
    background: transparent !important;
    border: none !important;
}

.search_form_top button {
    height: 2.5rem;
}
.tt_search_tags{
    justify-content: center !important;
}
.blog_list+.product_pagination {
    margin-top: 2.5rem;
}

.blog_term:first-child {
    margin-top: 2rem;
}
.project_list+.product_pagination {
    margin-top: 3rem;
}
.about_7 .pattern {
    bottom: 0;
}
.about_7 .row {
    align-items: flex-end;
}
.copyright .copyright a {
    text-decoration: underline;
}
.faq_form_popup .register_form_wrap {
    background: #fff;
    padding: 2rem;
    padding-top: 4rem;
    min-width: 40vw;
}


.faq_form_popup .register_form_wrap >button {
    margin: 0;
    padding: 0;
    width: 2.4rem !important;
    height: 2.4rem !important;
    min-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}
.the_content.single_content img {
    display: block;
    margin: 0 auto .5rem;
}
.footer_policy_popup {
    background: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.footer_policy_popup button {
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
@media (max-width: 1600px) and (min-width: 1300px) {
    html {
        font-size: 1.1vw !important;
    }

    header .container {
        padding: 0.521rem 6rem !important;
    }

    .home_7 .image_wrap, .register_form_section .image_wrap, .about_7 .image_wrap {
        margin-left: calc(-1 * calc(calc(100vw - var(--container-w)) / 2) - 15px);
        height: auto;
        margin-top: auto;
    }

    .about_nav_wrap.stuck {
        top: 74.25px;
    }
}

/*MOBILE*/
@media (min-width: 1280px) {
    body, html {
        font-size: 1vw;
    }

}

@media only screen and (max-width: 1199px) {
    :root {
        --container-w: 950px
    }

    .load_home_page svg {
        width: 320px;
    }
    header .stuck .container {
        padding: 0.5rem 1rem;
    }

    ul.header_nav {
        gap: .5rem;
    }

    .logo .title {
        font-size: 1.2rem;
    }

    ul.header_nav .menu_item a {
        font-size: .8rem;
    }

    .header_custom {
        gap: .5rem;
    }

    .custom_cta {
        gap: .2rem;
    }

    .logo .content {
        width: 8rem;
    }

    header .logo a {
        width: 2.5rem;
    }
}


@media only screen and (max-width: 991px) {
    :root {
        --container-w: 720px
    }

    .header-main {
        background: white;
    }

    .load_home_page svg {
        width: 320px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }


    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    i.icon-menu:before {
        content: unset;
    }

    .header-main li.html.custom {
        display: flex;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 67.06px !important;
        position: fixed !important;
    }

    .mfp-content {
        top: 67.06px !important;
        box-shadow: none !important;
    }

    .off-canvas .sidebar-menu {
        padding-top: 0;
    }

    .desktop_header {
        display: none;
    }

    .mobile_header {
        display: flex;
    }

    header .container {
        padding: 0.521rem 40px !important;
        margin: 0 auto;
    }

    a.main-menu-toggle img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    a.main-menu-toggle {
        width: 3rem;
        height: 3rem;
    }

    header .logo a {
        height: 3rem;
        width: 3.6rem;
    }

    .logo .title {
        font-size: 1.3rem;
    }

    .logo .content {
        width: 15rem;
    }

    .language_wrap .flag {
        width: 1.5rem;
        height: 1.5rem;
    }

    .language_title {
        font-size: .95rem;
    }

    .language_dropdown {
        width: .75rem;
        height: .75rem;
    }

    .header_custom .search {
        width: 1.25rem;
        height: 1.25rem;
    }

    html {
        font-size: 2vw;
    }

    .banner_home {
        width: 99%;
        height: 25rem;
    }

    .banner_home .group_content {
        width: 100%;
    }

    h1 {
        font-size: 2rem;
    }

    .banner_home h1 {
        margin-top: 1rem;
    }

    .banner_home .content {
        margin-top: 1rem;
        width: 100%;
    }

    .banner_home .subtitle {
        font-size: 1rem;
    }

    .banner_home .btn {
        margin-top: 1rem;
    }

    .content {
        font-size: 1rem;
    }

    .home_2 {
        padding-top: 3rem;
    }

    .home_2 .icon {
        width: 3.5rem;
        height: auto;
    }

    .home_2 .item_inner .number_wrap {
        font-size: 2.5REM;
    }

    .home_2 .item_inner {
        gap: 1rem;
    }

    .home_2_bottom {
        gap: 2rem;
        row-gap: 1rem;
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    .home_2_bottom .item {
        width: calc(100% / 2 - (2rem * 1 / 2));
    }

    .home_2_bottom .icon {
        height: auto;
    }

    .home_2_bottom .item:not(:last-child) {
        border: none !important;
        padding: unset;
    }

    .home_2_bottom .item:not(:last-child):before {
        content: unset;
    }

    .product_term_wrap .item {
        padding: 1rem 1.5rem .5rem;
    }

    .home_2 .item_middle {
        width: 17.1875rem;
        flex: 0 0 auto;
        height: 18.0625rem;
        mix-blend-mode: darken;
    }

    .home_2_wrap {
        gap: 0.5rem;
    }

    .product_term_wrap .item:nth-child(2), .product_term_wrap .item:nth-child(3), .product_term_wrap .item:nth-child(4), .product_term_wrap .item:nth-child(7), .product_term_wrap .item:nth-child(8), .product_term_wrap .item:nth-child(9) {
        gap: 10.8125rem;
    }

    .product_term_wrap .item:nth-child(2) .thumb, .product_term_wrap .item:nth-child(3) .thumb, .product_term_wrap .item:nth-child(4) .thumb, .product_term_wrap .item:nth-child(7) .thumb, .product_term_wrap .item:nth-child(8) .thumb, .product_term_wrap .item:nth-child(9) .thumb {
        position: absolute;
        right: 0;
        width: 100%;
        height: 9.385rem;
        bottom: 2.302rem;
        padding: 0 1rem;
    }

    .home_4 {
        padding: 3rem 0;
    }

    .product_item .thumb {
        width: 100%;
        height: 15rem;
    }

    .wrap_right.desktop_display {
        display: none;
    }

    .wrap_right.mobile_flex {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .home_4 .group_wrap .wrap_left span.btn_content {
        font-size: 1rem;
    }

    .wrap_right.mobile_flex .pagination_wrap {
        gap: 1rem;
    }

    .project_slide_item .content_inner {
        padding: 0 1rem 1rem;
    }

    .home_6 {
        height: 20rem;
    }

    .home_7 .image_wrap, .register_form_section .image_wrap, .about_7 .image_wrap {
        height: auto;
        margin: 0;
    }

    .home_7 .row,
    .register_form_section .row,
    .about_7 .row {
        flex-direction: column-reverse;
    }

    .home_7 .image_wrap,
    .register_form_section .image_wrap,
    .about_7 .image_wrap {
        width: 60%;
        margin: 0 auto;
    }

    .home_7 .pattern,
    .register_form_section .pattern,
    .about_7 .pattern {
        height: 100%;
    }

    .blog_item .thumb {
        height: 9rem;
    }

    .blog_item .excerpt {
        font-size: .9rem;
    }

    .blog_item .meta {
        font-size: .85rem;
    }

    .blog_item .thumb {
        height: 9rem;
    }

    .blog_item .excerpt {
        font-size: .9rem;
    }

    .blog_item .meta {
        font-size: .85rem;
    }

    .home_9 .group_content {
        width: 28rem;
        right: 1rem;
        top: 1rem;
    }

    .home_9 {
        height: 35rem;
    }

    .home_9 h2 {
        font-size: 1.5rem;
    }

    .reason_list .item .icon {
        width: 3.5rem;
        height: 3.5rem;
        display: flex;
        justify-content: center;
    }

    .reason_list .item:before {
        left: 1.75rem;
        top: 91%;
    }

    .reason_list .content {
        margin-top: .5rem;
    }

    footer .logo {
        width: 8.78125rem;
        height: auto;
    }

    .footer_cta {
        flex-direction: column;
        gap: 1rem;
        justify-content: start;
        align-items: start;
    }

    .footer_list .item_wrap {
        flex-direction: column;
        gap: .5rem;
        align-items: flex-start;
    }

    .footer_1 .footer_list {
        row-gap: .5rem;
    }

    .footer_wrap_3, .footer_wrap_6 {
        padding-left: 0;
    }

    footer_website .item_link {
        flex-direction: column;
    }

    .footer_website .item {
        flex-direction: column;
        border-radius: 15px;
        padding: 1rem;
        align-items: center;
        gap: .5rem;
    }

    .footer_website .item .content {
        font-size: .85rem;
    }

    .footer_website {
        margin: 1rem 0 0;
    }

    .footer_website .item .logo {
        width: 3rem;
    }

    .footer_1 .footer_list .item .content {
        font-size: 1rem;
    }

    .footer_1 .footer_list .item .icon {
        width: 1.75rem;
        height: 1.75rem;
    }

    .footer_title {
        font-size: 1.05rem;
    }

    .footer_wrap_4 {
        padding: 0;
    }

    .footer_wrap_5 {
        gap: 0;
        margin: 0;
    }

    .footer_social {
        flex-wrap: wrap;
    }

    .footer_wrap_5 .wrap_left, .footer_wrap_5 .wrap_right {
        width: calc(100% / 2 - (2rem * 1 / 2));
    }

    .footer_2 .footer_title {
        font-size: 1.2rem;
    }

    .copyright {
        font-size: .9rem;
    }

    .copyright {
        flex-direction: column;
        align-items: center;
        gap: .75rem;
    }

    .footer_list_page a {
        font-size: 1rem;
    }

    .footer_hotline_content {
        font-size: .9rem;
    }

    .banner_home .group_content {
        left: 2.5rem;
        bottom: 2rem;
        width: 60%;
    }

    .home_2 .group_content .content {
        width: 100%;
    }

    .home_2 h2 {
        font-size: 2.5rem;
    }

    .home_5 .wrap_left {
        width: 100%;
    }

    .blog_item .detail {
        padding-right: .5rem;
    }

    .logo_content {
        display: none !important;
    }

    a.main-menu-toggle {
        flex: 1 1 0;
        display: flex;
        justify-content: start;
        align-items: start;
    }

    .header_custom.flex.items-center {
        flex: 1 1 0;
    }

    header .logo {
        width: 25rem;
        justify-content: center;
        align-items: center;
    }

    a.main-menu-toggle {
        width: auto;
        height: auto;
    }

    a.main-menu-toggle img {
        width: 3rem;
    }

    header .logo {
        width: 20rem;
    }

    .header_custom.flex.items-center {
        justify-content: end;
    }

    body.overflow-hidden {
        overflow: hidden;
    }

    ul.header_nav {
        flex-direction: column;
        align-items: start;
        gap: 1.25rem;
    }

    ul.header_nav .menu_item a {
        font-size: 1.2rem;
    }

    .header_sidebar_toggle {
        position: absolute;
        top: 5rem;
        right: 1rem;
        cursor: pointer;
        z-index: 10000;
        width: 2.5rem;
        height: 2.5rem;
    }

    .about_nav_wrap.stuck {
        top: 62.08px;
    }

    .about_nav_wrap .item {
        font-size: .85rem;
    }

    .about_nav_wrap.stuck {
        justify-content: space-between;
    }

    .about_nav_wrap.stuck {
        overflow: auto;
        padding-bottom: .1rem;
        top: 62.08px;
    }

    .about_nav_wrap .item {
        flex: 0 0 auto;
        font-size: 1rem;
        padding: 1rem;
    }

    .about_nav_wrap {
        overflow: auto;
        padding-bottom: .5rem;
        justify-content: start;
    }

    .about_nav_wrap .item {
        font-size: 1.1rem;
        flex: 0 0 auto;
    }

    .about_2:after {
        height: 56.40625rem;
    }

    .about_info .item {
        padding: 1rem 2rem;
    }

    .about_3 {
        margin-top: -1rem;
        padding-top: 15rem;
    }

    .about_3:before {
        height: 5rem;
    }

    .about_3 .group_content {
        top: 3rem;
        right: 1rem;
        width: 22rem;
    }

    .about_3 img {
        pointer-events: none;
    }

    .about_5 {
        height: auto;
    }

    .about_5 .group_wrap {
        position: relative !important;
        transform: unset;
        inset: unset;
    }

    .about_5 .group_wrap {
        padding: 10rem 2rem 5rem;
        display: flex;
        justify-content: center;
    }

    .about_5 .group_content {
        z-index: 0;
        top: 3rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .about_5 .group_content:before {
        opacity: 60%;
    }

    .about_5 {
        overflow: hidden;
    }

    .banner_hero {
        width: 100%;
        height: 16rem;
    }

    .banner_hero .group_content {
        width: 60%;
        left: 0;
        bottom: 1rem;
        padding: 0 40px;
    }

    .banner_hero .group_content h2 {
        font-size: 1.7rem;
        margin-bottom: 1rem;
    }

    .banner_hero h1 {
        font-size: 2.2rem;
    }

    .breadcrumbs a, .breadcrumbs span {
        font-size: 1rem;
    }

    .about_2 .btn_wrap {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .about_2 .content_wrap {
        font-size: 1.05rem;
    }

    .about_map {
        margin: 0;
        flex-direction: column;
        padding: 2rem 1rem;
    }

    .about_map .title {
        font-size: 1.2rem;
    }

    .about_map .content {
        font-size: 1.1rem;
    }

    .about_map .about_image {
        height: 30rem;
        width: auto;
    }

    .about_info {
        gap: 1rem;
    }

    .about_info .item {
        width: 100%;
    }

    .about_info .item .icon {
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        padding: .5rem;
    }

    .about_info .item .title {
        font-size: 1.3rem;
    }

    .about_info .content_detail {
        font-size: 1.1rem;
    }

    .product_term_2 {
        padding: 2rem 0;
    }

    .product_term_2 .row:first-child {
        margin-bottom: 0;
    }

    .row.product_term_list {
        margin-top: 0;
    }

    .product_term_sidebar {
        margin: 0;
    }

    .product_term_sidebar .item h3 {
        font-size: 1.3rem;
    }

    .product_term_sidebar .item:hover .btn_2 .btn_content {
        font-size: 1.2rem;
    }

    .product_term_sidebar .item .btn_2 .btn_svg {
        width: 1.1rem;
        height: 1.1rem;
    }

    .product_term_sidebar .item .thumb {
        width: auto;
        height: 15rem;
    }

    .product_term_sidebar .item {
        height: auto;
    }

    .product_term_sidebar .item .thumb img {
        object-fit: contain;
    }

    .term_slide_wrap {
        margin: 0;
    }

    .term_slide_pagination {
        flex-direction: column-reverse;
        gap: 1.5rem;
        margin-top: 1.5rem;
    }

    .product_term_2 {
        padding: 2rem 0 0;
    }

    .register_form_section {
        padding-top: 1rem;
    }

    .product_term_sidebar .item .btn_2 .btn_content {
        font-size: 1.2rem;
    }

    .product_sale > .item_left {
        width: auto;
        height: 17rem;
    }

    .product_sale_title {
        font-size: 1.5rem;
    }

    .product_sale {
        flex-direction: column;
    }

    .product_sale_bottom .item_left {
        font-size: 1rem;
    }

    .product_sale_bottom > .item_right .btn {
        white-space: nowrap;
    }

    .product_sale_bottom > .item_right {
        flex: 0 0 auto;
    }

    .product_sale_bottom {
        gap: 1rem;
    }

    .product_sale_bottom .item_left .count_number {
        width: 2.2rem;
        height: 2.2rem;
    }

    .sale_count .item .item_right {
        font-size: 1.1rem;
    }

    .product_list {
        column-gap: 1.5rem;
        row-gap: 2rem;
    }

    .product_list .product_item {
        width: calc(100% / 2 - (1.5rem * 1 / 2));
    }

    ul.ajax_paging a {
        width: 2.5rem;
        height: 2.5rem;
    }

    .product_pagination {
        margin-top: 2rem;
    }

    .the_content.product_the_content p {
        font-size: 1rem;
    }

    .product_map .item_left {
        width: 100%;
        height: 15rem;
    }

    .product_map {
        flex-direction: column-reverse;
    }

    .product_map_heading .item {
        padding: 1rem;
    }

    .product_map_social .footer_social .item {
        width: 3rem;
        height: 3rem;

    }

    .product_gallery_thumb {
        width: 100%;
        height: 25rem;
    }

    .product_gallery_thumb img {
        object-fit: contain;
    }

    .product_nav_wrap .product_nav {
        width: 100%;
        height: 7rem;
    }

    .product_nav_wrap .product_nav img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .single_product_1 {
        padding: 1.8rem 0 4rem;
    }

    .product_share_wrap {
        font-size: 1rem;
    }

    .share_wrap a {
        width: 2rem;
        height: 2rem;
    }

    .single_product_2 {
        padding-top: 1.5rem;
    }

    .single_product_tab_heading .item {
        font-size: 1.1rem;
    }

    .single_product_the_content p {
        font-size: 1rem;
    }

    .single_product_the_content tbody td {
        font-size: .8rem;
    }

    .single_product_the_content thead th {
        font-size: .95rem;
    }

    .single_product_4 {
        padding: 2rem 0;
    }

    .gallery_wrap {
        column-gap: 1.5rem;
    }

    .gallery_wrap .gallery_item {
        width: calc(100% / 3 - (1.5rem * 2 / 3));
    }

    .single_product_gallery {
        padding: 0;
    }

    .single_product_1 {
        padding: 0 0 3rem;
    }

    .pagination_wrap .arrow_slide {
        z-index: 3;
    }

    .product_nav_wrap {
        padding: 1.5rem 0;
    }

    .blog_feature .item_left {
        width: 19rem;
    }

    .swiper.blog_feature_slide {
        height: 100%;
    }

    .feature_detail h3 {
        font-size: 1.3rem;
    }

    .feature_detail .meta {
        font-size: .9rem;
    }

    .feature_detail .excerpt {
        font-size: .95rem;
    }

    .single_sidebar.news_sidebar .title {
        font-size: 1.7rem;
    }

    .the_content.single_content p {
        font-size: 1rem;
    }

    .the_content.single_content {
        font-size: 1rem;
    }

    .the_content.single_content h3 {
        font-size: 1.35rem;
    }

    .single_blog_bottom {
        flex-direction: column;
        gap: 1rem;
        align-items: start;
    }

    .tag_list .item {
        font-size: .95rem;
        line-height: normal;
        padding: .35rem .75rem;
    }

    .tags {
        font-size: .95rem;
    }

    .single_blog_bottom .share_wrap {
        font-size: .95rem;
    }

    .news_list .item .thumb {
        width: 5rem;
    }

    .news_list .detail h3 {
        font-size: .8rem;
    }

    .news_list .item {
        height: 4rem;
    }

    .item_feature {
        height: 11rem;
    }

    .item_feature .group_content h3 {
        font-size: .8rem;
    }

    .project_item .thumb {
        height: 8rem;
    }

    .project_item .detail h3 {
        font-size: 1.1rem;
    }

    .project_2 .group_wrap {
        gap: 2rem;
    }

    .project_2 .group_wrap {
        flex-direction: column;
        align-items: center;
    }

    .project_2 .group_content {
        width: 100%;
    }

    .project_2 .group_content .content {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .project_item {
        width: 100%;
    }

    .project_item .thumb {
        height: 11rem;
    }

    .project_item .detail h3 {
        font-size: 1.2rem;
    }

    .project_item .detail .term {
        font-size: 1.1rem;
    }

    .project_list_wrap {
        margin-top: 1.5rem;
    }

    .library_video_item .thumb {
        height: 23rem;
    }

    .library_video_item .detail h3 {
        font-size: 1rem;
    }

    .channel_item {
        width: 2.2rem;
        height: 2.2rem;
    }

    .library_image_list {
        gap: 1rem;
    }

    .library_image_item {
        width: calc(100% / 2 - (1rem * 2 / 2));
    }

    .library_image_item .detail .date {
        font-size: .9rem;
    }

    .library_image_item .detail .excerpt {
        font-size: 1rem;
    }

    .library_video_list {
        gap: 1rem;
    }

    .library_video_item {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .video_detail_bottom {
        flex-direction: column;
        align-items: start;
        gap: .5rem;
    }

    .video_detail_bottom .item_bottom_left {
        font-size: .9rem;
    }

    .video_detail_bottom .item_bottom_left .channel {
        font-size: 1.1rem;
    }

    .channel_item {
        width: 2.5rem;
        height: 2.5rem;
    }

    .library_video_item .detail h3 {
        font-size: 1.1rem;
    }

    .library_video_item .detail .subtitle {
        font-size: 1.05rem;
    }

    .library_video_item .thumb {
        height: 18rem;
    }

    .video_pattern {
        width: 4rem;
        height: 4rem;
    }

    .video_pattern_item.pattern_1 {
        width: 5rem;
        height: 5rem;
    }

    .video_pattern_item.pattern_2 {
        width: 7rem;
        height: 7rem;
    }

    .library_video_item .detail {
        margin: 1rem 0 0;
    }

    .library_video_2 h2 {
        font-size: 2.5rem;
    }

    .contact_2 .group_wrap {
        width: 89%;
    }

    .contact_2 .list_wrap .item .content {
        font-size: .8rem;
    }

    .contact_2 .list_wrap .icon_inner {
        width: 4rem;
        height: 4rem;
    }

    .contact_2 .border_pattern.pattern_1 {
        width: 7rem;
        height: 7rem;
    }

    .contact_2 .border_pattern.pattern_2 {
        width: 9rem;
        height: 9rem;
    }

    .contact_2 .list_wrap .icon .background {
        width: 4.5rem;
        height: 4.5rem;
    }

    .contact_2 .list_wrap .item {
        height: 18rem;
    }

    .contact_bottom {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 1rem 1.5rem;
    }

    .contact_bottom .item_bottom_left {
        font-size: 1.2rem;
    }

    .item_bottom_right .contact_item .icon {
        width: 2.5rem;
        height: 2.5rem;
    }

    .item_bottom_right .contact_item .icon img {
        max-width: 1.5rem;
        max-height: 1.2rem;
    }

    .item_bottom_right .contact_item .content {
        font-size: 1rem;
    }

    .single_library_2_2 {
        padding-top: 0;
    }

    .news_list .list_tag {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: .7rem;
    }

    .news_list .item {
        height: 4.5rem;
    }

    .single_library_heading_2 .date {
        font-size: 1.2rem;
    }

    .faq_wrap {
        padding: 0;
    }

    .accordion_bottom {
        flex-direction: column;
        gap: 1rem;
    }

    .faq_sidebar .sidebar_list {
        font-size: .95rem;
    }

    .faq_sidebar .sidebar_heading {
        font-size: 1.11rem;
    }

    .faq_2 {
        padding: 2rem 0;
    }

    li.menu_item {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .icon_dropdown_sub_menu {
        width: 1.25rem;
        height: 1.25rem;
    }

    ul.sub_menu {
        position: inherit;
        inset: unset !important;
    }

    ul.header_nav .menu_item ul.sub_menu li a {
        font-size: 1.2rem;
        padding: .5rem 1rem .5rem 2rem;
    }

    .header_sidebar .menu_item.menu-has-children.active > .icon_dropdown_sub_menu svg {
        transform: rotate(180deg);
        transition: transform 0.25s;
    }

    li.menu_item ul.sub_menu {
        opacity: 1 !important;
        transition: unset !important;
        border: unset;
        box-shadow: unset;
        background: unset;
        padding: 0;
    }

    li.menu_item {
        padding: 1rem 15px;
    }

    li.menu_item.menu-has-children.active {
        background: rgba(0, 0, 0, .05);
    }

    .header_sidebar_inner {
        padding: 20px 0;
    }

    ul.header_nav .menu_item {
        padding:.5rem 15px;
    }
}


@media only screen and (max-width: 767px) {
    html {
        font-size: 3.5vw;
    }

    .grid-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .load_home_page svg {
        width: 240px;
    }

    #search-lightbox {
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100% + 40px);
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #search-lightbox .search-keywords {
        margin-top: 20px;
    }

    #search-lightbox .search-keywords > a {
        font-size: 14px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }

    .search-page {
        padding: 3rem 0;
    }

    .search-page h1 {
        margin-bottom: 2rem;
    }

    .search-tabs .search-tabs-title .search-tab-title {
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    .collection_item .item_inner {
        pointer-events: none;
    }

    .collection_item .item_inner.active {
        pointer-events: auto;
    }

    .single_product_the_content thead th,
    .single_product_the_content tbody td {
        padding: 0.875rem 0.9375rem;
        font-size: 0.8125rem;
    }

    .the_content_2 table {
        min-width: 700px;
    }

    .the_content_2 thead th,
    .the_content_2 tbody td {
        padding: 0.625rem 0.75rem;
        font-size: 0.8125rem;
    }

    .banner_home .content {
        display: none;
    }

    .logo_content {
        display: none !important;
    }

    header .logo a {
        height: 4rem;
    }

    a.main-menu-toggle {
        width: auto;
        height: auto;
    }

    .header_custom .search {
        width: 1.5rem;
        height: 1.5rem;
    }

    .language_wrap .flag {
        width: 2rem;
        height: 2rem;
    }

    .header_custom {
        gap: .75rem;
    }

    .language_title {
        font-size: 1.3rem;
    }

    .language_dropdown {
        width: 1rem;
        height: 1rem;
    }

    .language_item {
        gap: .25rem;
    }

    header .logo {
        width: 13rem;
        justify-content: center;
        align-items: center;
    }

    a.main-menu-toggle img {
        width: 3.5rem;
        height: 100%;
        object-fit: contain;
    }

    .banner_home .group_content {
        width: 80%;
        left: 15px;
    }

    .banner_home h1 {
        font-size: 1.8rem;
    }

    .banner_home .subtitle {
        font-size: 1.15rem;
    }

    span.btn_content {
        font-size: 1.1rem;
    }

    .banner_home {
        height: 17rem;
    }

    .btn {
        padding: .3rem 1rem;
    }

    .home_2 .group_content .content {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .content_title {
        font-size: 1.5rem;
    }

    .home_2 h2 {
        font-size: 2rem;
    }

    .home_2 {
        padding: 1.5rem 0;
    }

    .home_2_wrap {
        flex-direction: column;
        margin: 1.5rem 0;
        gap: 1.5rem;
    }

    .home_2 .item_left, .home_2 .item_right {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 1.5rem;
        width: 100%;
        justify-content: space-between;
    }

    .home_2 .item_left .item_inner, .home_2 .item_right .item_inner {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .home_2 .item_inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .home_2 .content_wrap {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .item_inner.flex.items-start {
    }

    .home_2 .icon {
        width: 4.5rem;
    }

    .home_2 .item_inner .number_wrap {
        font-size: 3rem;
    }

    .content {
        font-size: 1.1rem;
    }

    .home_2 .content_wrap:before {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .home_2 .item_middle {
        width: 100%;
        height: auto;
    }

    .home_2_bottom .item {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .home_2 .icon {
        width: auto;
        height: 4rem;
    }

    .home_2_bottom .item .title {
        font-size: 1.2rem;
    }

    .home_2_bottom .item .content {
        font-size: 1rem;
    }

    .home_2_bottom {
        row-gap: 2rem;
    }

    .product_term_wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .product_term_wrap .item {
        width: calc(100% / 2 - (1rem * 1 / 2));
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1rem !important;
    }

    .product_term_wrap .item h3 {
        font-size: 1.3rem;
        margin-bottom: 0;
    }

    .product_term_wrap .item .btn_content {
        font-size: 1.1rem;
    }

    .product_term_wrap .item .thumb {
        width: auto !important;
        height: 7rem !important;
        position: relative !important;
        inset: unset !important;
    }

    .product_term_wrap .item:nth-child(2), .product_term_wrap .item:nth-child(3), .product_term_wrap .item:nth-child(4), .product_term_wrap .item:nth-child(7), .product_term_wrap .item:nth-child(8), .product_term_wrap .item:nth-child(9) {
        gap: 1rem;
    }

    .product_term_wrap .item:last-child {
        display: none;
    }

    .home_3 {
        padding: 2rem 0;
    }

    .desktop_display {
        display: none;
    }

    .list_tax_mobile {
        display: block !important;
        border: 1px solid var(--main-cl);
        color: var(--main-cl);
        margin-right: auto;
        border-radius: 15px;
        font-family: 'svn bold';
        transition: background-color .3s ease, color .3s ease;
        width: 100%;
        text-align: left;
        z-index: 10;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .list_tax_mobile.active {
        background: var(--main-cl);
        color: #fff !important;
    }

    .tax_title {
        padding: .75rem 1rem !important;
        position: relative;
        font-size: 1.1rem;
    }

    .tax_title:before {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0iIzIyMzcyQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
        background-repeat: no-repeat;
        background-size: cover;
        width: 1.5rem;
        height: 1.5rem;
        transition: .7s all;
        filter: invert(58%) sepia(94%) saturate(2634%) hue-rotate(169deg) brightness(97%) contrast(98%);
    }

    .list_tax_mobile.active .tax_title:before {
        filter: brightness(0) invert(1);
        transform: translateY(-50%) rotateX(180deg);
        transition: .7s all;
    }

    .list_tax_mobile.active .tax_list {
        opacity: 1 !important;
        z-index: 10;
    }

    .tax_list {
        display: none;
        z-index: 3;
        background: #fff;
        left: 50%;
        transform: translateX(-50%);
        width: 101%;
        row-gap: 0;
        top: 100%;
        pointer-events: auto;
        justify-content: center;
        position: absolute;
        margin: 0;
        max-height: 20rem;
        overflow: auto;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
    }

    .tax_list li {
        color: rgba(1, 32, 51, 1);
        transition: .5s all;
        display: block;
        padding: .75rem 1rem !important;
        font-size: 1.1rem;
        line-height: 1.5;
        width: 100%;
    }

    .tax_item {
        border: none;
        border-bottom: 1px solid #e2e2e2;
        border-radius: 0 !important;
        margin: 0;
        font-size: 1.1rem !important;
        cursor: pointer;
    }

    .tax_item:before {
        content: unset;
    }

    .tax_item:hover,
    .tax_item.active {
        color: var(--main-cl);
        border-bottom: 1px solid #e2e2e2 !important;
    }

    .product_item .thumb {
        height: 26rem;
    }

    .product_item .content_detail h3 {
        font-size: 1.25rem;
    }

    .product_item .price_wrap .price {
        font-size: 1.3rem;
    }

    .product_item .price_wrap .price_svg {
        width: 3rem;
        height: 3rem;
    }

    .product_item .price_wrap .price_svg svg {
        width: 1.5rem;
        height: 1.54rem;
    }

    .product_item .content_detail h3:before {
        width: 3rem;
        height: 2px;
    }

    .pagination_wrap .arrow_slide {
        width: 3rem;
        height: 3rem;
    }

    .home_4 {
        padding: 2rem 0;
    }

    .home_5 {
        padding: 2rem 0 0;
    }

    .project_slide {
        margin: 0;
    }

    .home_5 h2 {
        font-size: 2rem;
    }

    .home_5 .wrap_left {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .project_slide_wrap {
        margin: 1rem 0;
    }

    .project_slide .slide_item {
        padding: 0;
    }

    .subtitle {
        font-size: 1.05rem;
    }

    .project_slide_item .content_inner h3 {
        font-size: 1.55rem;
    }

    .project_slide_item .content_inner .content {
        font-size: 1.05rem;
    }

    .home_6 {
        height: 13rem;
    }

    .home_7 {
        padding-top: 2rem;
    }

    .register_form :is(input,textarea) {
        font-size: 18px;
    }

    .register_form :is(input,textarea)::placeholder {
        font-size: 1.2rem;
        color: #333333;
    }

    .home_7 .content, .register_form_section .content, .about_7 .content {
        font-size: 1.2rem;
    }

    .register_form .form_wrap {
        flex-direction: column;
    }

    .register_form select {
        font-size: 1.2rem;
        height: 45.13px;
    }

    .form_item.item_select:before {
        width: 1.3rem;
        height: 1.3rem;
    }

    .home_7 .image_wrap, .register_form_section .image_wrap, .about_7 .image_wrap {
        margin: 2rem auto 0;
        width: 100%;
    }

    .home_8 {
        padding: 2rem 0;
    }

    .home_8 .blog_list {
        gap: 1rem;
    }

    .blog_item {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .blog_item .detail {
        padding: .5rem 0;
    }

    .blog_item .meta {
        font-size: 1rem;
    }

    .blog_item h3 {
        font-size: 1.25rem;
        -webkit-line-clamp: 3;
        line-height: normal;
    }

    .blog_item .excerpt {
        font-size: 1rem;
    }

    .blog_item .thumb {
        height: 8rem;
        border-radius: 5px;
    }

    .home_9 .group_content {
        position: relative !important;
        inset: unset;
        padding: 0 15px;
    }

    .home_9 {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .reason_list .item .icon {
        width: 4rem;
        height: 4rem;
    }

    .reason_list .item {
        gap: 1.5rem;
    }

    .reason_list .title {
        font-size: 1.2rem;
    }

    .reason_list .content {
        font-size: 1.1rem;
    }

    .reason_list .item:before {
        left: 2rem;
        top: 72%;
        height: 2.5rem;
    }

    footer .logo {
        width: 10rem;
        margin: 0 auto;
    }

    .footer_title {
        font-size: 1.3rem;
    }

    .footer_1 .footer_list .item .icon {
        width: 2rem;
        height: 2rem;
        display: flex;
    }

    .footer_1 .footer_list .item .content {
        font-size: 1.1rem;
    }

    .footer_cta {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 1rem;
    }

    .footer_cta .item {
        width: calc(100% / 2 - (1rem * 1 / 2));
        justify-content: center;
    }

    .footer_cta .icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .footer_cta .content {
        font-size: 1.35rem;
    }

    .footer_website .item {
        width: 100%;
        flex-direction: row;
    }

    .footer_website .item .logo {
        width: 4rem;
    }

    .footer_website .item .content {
        font-size: 1rem;
    }

    .footer_website .item_right {
        width: 3rem;
        height: 3rem;
    }

    .footer_website .item_right .svg {
        width: 1.75rem;
        height: 1.75rem;
    }

    .footer_2 {
        margin-top: 0;
    }

    .footer_form_title {
        font-size: 1.3rem;
    }

    .footer_form input {
        font-size: 18px;
    }

    .footer_form input::placeholder {
        font-size: 1.2rem;
    }

    .footer_social_wrap .title {
        font-size: 1.1rem;
    }

    .footer_social .item {
        width: 3.25rem;
        height: 3.25rem;
    }

    .footer_dmca {
        gap: 2rem;
        margin-top: 1.5rem;
    }

    .footer_social_wrap .title {
        font-size: 1.3rem;
    }

    .footer_wrap_5 {
        flex-direction: column;
        gap: 2rem;
    }

    .footer_social_wrap {
        margin-top: 1.5rem;
    }

    .footer_2 .footer_title {
        font-size: 1.3rem;
    }

    footer .menu_list .item {
        font-size: 1.2rem;
        line-height: normal;
    }

    footer .menu_list {
        gap: 1.25rem;
    }

    .footer_wrap_5 .wrap_left, .footer_wrap_5 .wrap_right {
        width: 100%;
    }

    .footer_hotline_content {
        font-size: 1.1rem;
        line-height: normal;
    }

    .copyright {
        padding: 0 15px;
        align-items: center;
        text-align: center;
        font-size: 1rem;
        line-height: normal;
    }

    .footer_list_page a {
        font-size: 1.15rem;
    }

    .footer_4 {
        padding: 2rem 0;
    }

    .header_sidebar_inner {
        top: 66.18px;
    }

    ul.header_nav .menu_item a {
        font-size: 1.3rem;
    }

    .header_sidebar_toggle {
        top: 6rem;
    }

    .quick_contact {
        right: 1rem;
    }

    ul.quick_contact_list a {
        width: 3.5rem;
        height: 3.5rem;
    }

    ul.quick_contact_list a img {
        max-width: 2rem;
        max-height: 2rem;
        display: flex;
    }

    ul.quick_contact_list {
        gap: 1.5rem;
    }

    .banner_home {
        width: 100%;
    }

    .about_nav_wrap.stuck {
        overflow: auto;
        padding-bottom: .1rem;
        top: 66.16px;
    }

    .banner_hero .group_content {
        width: 100%;
    }

    .banner_hero .group_content h2 {
        font-size: 1.5rem;
    }

    .banner_hero h1 {
        font-size: 1.8rem;
    }

    .breadcrumbs a, .breadcrumbs span {
        font-size: 1.1rem;
    }

    .banner_hero:after {
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 18.97%, rgba(0, 0, 0, 0.264) 40.3%, rgba(0, 0, 0, 0.6) 100%);
    }

    .banner_hero {
        height: 15rem;
    }

    .about_3 .group_content {
        position: relative !important;
        inset: unset !important;
        transform: unset;
        width: 100%;
        padding: 1rem 15px;
    }

    .about_3 {
        display: flex;
        flex-direction: column-reverse;
        margin: 0;
        padding-top: 0;
        z-index: 5;
    }

    .about_2:after {
        height: 100%;
    }

    .about_3 .content_wrap {
        font-size: 1.1rem;
    }

    .about_3 img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .about_4 {
        padding: 2rem 0 0;
    }

    .mission_wrap {
        margin-top: 1rem;
        gap: 1rem;
        flex-direction: column;
    }

    .mission_wrap .item {
        width: 100%;
    }

    .mission_wrap .content {
        font-size: 1.1rem;
        height: auto;
    }

    .about_5 .background_section {
        position: relative;
        order: 2;
    }

    .about_5 .group_content {
        position: relative !important;
        inset: unset;
        width: 100%;
        transform: unset;
        text-align: center;
        order: 1;
        padding: 0 15px 1rem;
    }

    .about_5 .group_content h2 {
        color: var(--text-cl);
    }

    .about_5 .group_content:before {
        content: unset;
    }

    .about_5 .group_wrap {
        padding: 1rem 15px;
        order: 3;
        margin: 1rem 0;
    }

    .about_5 {
        display: flex;
        flex-direction: column;
    }

    .about_value_wrap .item {
        height: 12rem;
        padding: .5rem;
        width: calc(100% / 2 - (.5rem * 1 / 2));

    }

    .about_value_wrap {
        width: 100%;
        gap: .5rem;
        padding: .5rem;
    }

    .about_value_wrap .item .background img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about_value_wrap .content {
        font-size: .9rem;
    }

    .about_value_wrap .title {
        font-size: 1.1rem;
    }

    .about_value_wrap .logo img {
        width: 5rem;
        height: auto;
    }

    .about_value_wrap .logo_wrap {
        width: 10.3rem;
        height: 10.3rem;
    }

    .register_form_wrap {
        padding-top: 6.40625rem;
    }

    .mobile_display {
        display: block;
    }

    .mobile_flex {
        display: flex;
    }

    .pagination_wrap .swiper-pagination {
        position: relative;
        inset: unset;
        width: fit-content;
    }

    .pagination_wrap {
        width: 100%;
        justify-content: space-between;
    }

    .swiper-pagination-bullet {
        background: var(--main-cl);
    }

    .breadcrumbs li {
        flex: 0 0 auto;
    }

    .breadcrumbs ol {
    }

    .product_heading {
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        text-align: center;
    }

    .product_heading h3 {
        font-size: 1.4rem;
    }

    .product_filter {
        font-size: 1.1rem;
    }

    .product_sale {
        padding: 8rem 1rem 2rem;
        gap: 1rem;
    }

    .product_sale > .item_left {
        width: 100%;
        height: auto;
    }

    .product_sale_list .item .svg {
        width: 1.75rem;
        height: 1.75rem;
    }

    .product_sale_list .item .content {
        font-size: 1.1rem;
    }

    .product_sale_bottom {
        flex-direction: column;
    }

    .product_sale_bottom .item_left {
        font-size: 1.2rem;
        width: 100%;
    }

    .sale_count {
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 2rem 1rem;
    }

    .product_sale_bottom .item_left .count_number {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.35rem;
    }

    .sale_count .item {
        gap: .75rem;
    }

    .sale_count .item .item_right {
        font-size: 1.35rem;
    }

    .product_sale_bottom .item_left .count_content {
        font-size: 1.15rem;
    }

    .product_sale_bottom > .item_right {
        margin: 0;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    .product_sale_bottom > .item_right .btn {
        margin-top: .5rem;
    }

    .product_list .product_item {
        width: 100%;
    }

    ul.ajax_paging a {
        width: 3rem;
        height: 3rem;
        font-size: 1.3rem;
    }

    .the_content.product_the_content p {
        font-size: 1.1rem;
    }

    .the_content.product_the_content {
        font-size: 1.1rem;
    }

    .product_map .list_tax_mobile {
        background: #EDF9FE;
        border: none;
        border-bottom: 1px solid var(--main-cl);
    }

    .product_map .list_tax_mobile.active {
        color: var(--main-cl) !important;
    }

    .product_map .list_tax_mobile .tax_list {
        border: 1px solid #e7e7e7 !important;
        width: 99.9%;
    }

    .product_map_list .tab_block_inner .title, .product_map_social .title {
        font-size: 1.35rem;
    }

    .contact_the_content {
        font-size: 1.1rem;
    }

    .product_map_bottom {
        padding: 1.5rem 1rem;
    }

    .product_map_list a.btn .icon {
        width: 1.75rem;
        height: 1.75rem;
    }

    .product_map_list a.btn .content {
        font-size: 1.35rem;
    }

    .product_list_term .arrow_wrap .arrow_slide, .related_blog .arrow_wrap .arrow_slide, .related_product .arrow_wrap .arrow_slide {
        width: 3rem;
        height: 3rem;
    }

    .product_5 .pagination_wrap, .related_blog .pagination_wrap, .related_product .pagination_wrap {
        gap: 1rem;
    }

    .product_term_sidebar .item .btn_2, .product_term_block .item .btn_2 {
        font-size: 1.2rem;
    }

    .product_term .item:hover .btn_2 .btn_content, .product_term_wrap .item:hover .btn_2 .btn_content, .product_term_sidebar .item:hover .btn_2 .btn_content {
        font-size: 1.2rem;
    }

    .product_term_sidebar .item h3, .product_term_block .item h3 {
        font-size: 1.3rem;
    }

    .product_term_sidebar .item .thumb, .product_term_block .item .thumb {
        width: auto;
        height: 15rem;
    }

    .product_term_sidebar .item .thumb img, .product_term_block .item .thumb img {
        object-fit: contain;
    }

    .product_top_search .search_list .item {
        font-size: 1.15rem;
    }

    .product_top_search {
        padding-bottom: 0;
        padding-top: 2rem;
        margin-top: 0;
    }

    .sale_flag .svg {
        width: 2.5rem;
        height: 2.5rem;
    }

    .sale_flag .content {
        font-size: 1.1rem;
    }

    .sale_flag_inner {
        padding: .5rem 1rem 1.5rem;
    }

    .product_filter .filter_heading .svg {
        width: 1.1rem;
        height: 1.1rem;
    }

    .product_nav_wrap {
        display: none;
    }

    .pagination_wrap .arrow_slide {
        top: 50%;
    }

    .single_product_content {
        padding: 0;
    }

    .preview_svg svg {
        width: 1.2rem;
    }

    .review_content {
        font-size: 1.1rem;
    }

    .product_detail_desc {
        font-size: 1.2rem;
    }

    .product_detail_list .item .icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .product_detail_list .content {
        font-size: 1.1rem;
        line-height: normal;
    }

    .product_cta {
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }

    .product_cta .product_cta_wrap {
        gap: 1rem;
        width: 100%;
    }

    .product_cta .product_cta_wrap a.btn {
        width: calc(100% / 2 - (1rem * 1 / 2));
        justify-content: center;
    }

    .product_share_wrap {
        font-size: 1.1remC;
    }

    .share_wrap a {
        width: 2.5rem;
        height: 2.5rem;
    }

    .share_wrap a svg {
        max-height: 1.2rem;
        max-width: 1rem;
    }

    .single_product_1 {
        padding: 0 0 1rem;
    }

    .the_content_2 thead th, .the_content_2 tbody td {
        font-size: 1rem;
    }

    .single_product_the_content thead th, .single_product_the_content tbody td {
        font-size: 1rem;
    }

    .single_product_the_content p {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .gallery_wrap .gallery_item {
        height: 6rem;
    }

    .product_4 {
        padding-top: 0 !important;
    }

    .single_product_3 {
        padding: 1rem 0;
    }

    h2 {
        font-size: 1.8rem;
    }

    .single_product_4 {
        padding: 1rem 0;
    }

    header .container {
        padding: 0.521rem 15px !important;
        margin: 0 auto;
    }

    .banner_hero .group_content {
        padding: 0 15px;
    }

    .blog_feature {
        height: auto;
        flex-direction: column;
    }

    .blog_feature .item_left {
        width: 100%;
    }

    .blog_feature .item_right {
        padding: 2rem 1.5rem 5rem;
    }

    .feature_detail_wrap {
        width: 100%;
    }

    .feature_detail .meta .term {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .feature_detail .meta {
        font-size: 1rem;
    }

    .feature_detail .meta .dot {
        width: 5px;
        height: 5px;
    }

    .feature_detail .excerpt {
        font-size: 1.05rem;
        line-height: 1.5;
    }

    .blog_feature_pagination {
        left: 1.5rem !important;
    }

    .blog_feature_pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .blog_feature_pagination .swiper-pagination-bullet-active:before {
        width: 1.1rem;
        height: 1.1rem;
    }

    .blog_feature .logo_pattern {
        width: 6rem;
    }

    .single_blog_title, .single_blog_2 .excerpt, .ex_toc_container, .the_content.single_content, .single_project_table, .single_library_table, .single_project_heading, .single_library_heading {
        margin: 0;
    }

    .single_blog_2 .excerpt {
        margin: 1rem 0;
        font-size: 1.1rem;
    }

    .ex_toc_container {
        padding: 2rem 1.5rem;
    }

    .ex_toc_level_2_content {
        font-size: 1.1rem;
    }

    .the_content.single_content h2 {
        font-size: 1.5rem;
    }

    .the_content.single_content h3 {
        font-size: 1.3rem;
    }

    .the_content.single_content p {
        font-size: 1.1rem;
    }

    .the_content :is(ul,ol) {
        padding-left: 1.5rem;
    }

    figcaption {
        font-size: .95rem;
    }

    .tags {
        font-size: 1.05rem;
    }

    .tag_list .item {
        font-size: 1.1rem;
    }

    .single_blog_bottom .share_wrap {
        font-size: 1.1rem;
    }

    .single_blog_bottom .share_wrap .share_item {
        width: 3.2rem;
        height: 3.2rem;
    }

    .item_feature {
        height: 15rem;
    }

    .item_feature .group_content .feature_tag {
        font-size: 1rem;
    }

    .item_feature .group_content h3 {
        font-size: 1.2rem;
    }

    .news_list .item .thumb {
        width: 10rem;
    }

    .news_list .item {
        height: 6rem;
    }

    .news_list .list_tag {
        font-size: 1rem;
    }

    .news_list .detail h3 {
        font-size: 1rem;
        -webkit-line-clamp: 3;
    }

    .single_sidebar {
        margin-bottom: 0;
        position: relative;
        top: unset;
    }

    .single_blog_3 {
        padding-top: 0 !important;
    }

    .blog_item .thumb {
        height: 16rem;
    }

    .related_blog .pagination_wrap {
        margin-top: 1rem;
    }

    .single_blog_3 {
        padding-bottom: 0;
    }

    .home_7 h2, .register_form_section h2, .about_7 h2 {
        font-size: 2.5rem;
    }

    .single_project_table {
        margin: 1.5rem 0;
    }

    .table_wrap .item_left {
        font-size: 1rem;
        width: 10rem;
    }

    .table_wrap .item_right {
        font-size: 1rem;
    }

    .single_project_heading .excerpt, .single_library_heading .excerpt {
        font-size: 1.1rem;
    }

    .single_project_heading .title, .single_library_heading .title {
        font-size: 1.45rem;
    }

    .single_project_heading .subtitle, .single_library_heading .subtitle {
        font-size: 1.3rem;
    }

    .single_video_list .item {
        width: 100%;
    }

    .video_feature {
        height: auto;
        border-radius: 10px;
    }

    .library_video_2 .single_video_list .item h3 {
        font-size: 1.2rem;
        padding-bottom: 0;
        margin-top: 1rem;
    }

    .library_video_2 .group_wrap {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .single_library_video_wrap {
        margin-top: 1.1rem;
    }

    .library_video_2 .ajax_wrap .paging-item {
        width: 3rem;
        height: 3rem;
    }

    .list_wrap.flex.items-stretch.justify-center.flex-wrap {
        gap: 1rem;
    }

    .contact_2 .list_wrap .item {
        width: 100%;
        height: auto;
        padding: 2rem 1rem;
    }

    .contact_2 .list_wrap .icon_inner {
        width: 6rem;
        height: 6rem;
    }

    .contact_2 .list_wrap .icon .background {
        width: 6.5rem;
        height: 6.5rem;
    }

    .contact_2 {
        height: auto;
    }

    .contact_2 .group_wrap {
        position: relative !important;
        inset: unset;
        transform: unset;
        width: 100%;
        padding: 2rem 15px;
    }

    .item_bottom_right {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: .5rem;
    }

    .item_bottom_right .contact_item .icon {
        width: 3rem;
        height: 3rem;
    }

    .item_bottom_right .contact_item .icon img {
        max-width: 2rem;
        max-height: 1.5rem;
    }

    .contact_2 .list_wrap .item .content {
        font-size: 1.1rem;
    }

    .item_bottom_right .contact_item .content {
        font-size: 1.1rem;
    }

    .contact_3 .group_wrap {
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }

    .contact_3 .ajax_wrap .paging-item {
        width: 3rem;
        height: 3rem;
    }

    .contact_slide_wrap {
        margin: 2rem 0 0;
    }

    .contact_3 {
        padding: 2rem 0 0;
    }

    .contact_3 .library_video_item .detail h3 {
        font-size: 1.3rem;
    }

    .contact_3 .video_detail_bottom .item_bottom_left {
        font-size: 1rem;
    }

    .contact_3 .video_detail_bottom .item_bottom_left .channel {
        font-size: 1.2rem;
    }

    .contact_4 .register_form_wrap {
        padding-top: 1rem;
    }

    .the_content.single_content {
        font-size: 1.1rem;
    }

    .table_wrap .item_right a.btn {
        font-size: 1rem;
        padding: .5rem 1rem;
    }

    .single_library_4 h2 {
        font-size: 1.6rem;
    }

    .related_blog {
        margin: 1rem 0 0;
    }

    section.single_library_3.office_map_section {
        padding: 1rem 0;
    }

    .single_library_heading {
        margin: 1rem 0;
    }

    .faq_sidebar .sidebar_heading {
        font-size: 1.3rem;
    }

    .faq_sidebar .sidebar_list {
        font-size: 1.1rem;
    }

    .accordion_item_heading .title {
        font-size: 1.2rem;
    }

    .accordion_item_heading .svg {
        width: 1.75rem;
        height: 1.75rem;
    }

    .accordion_bottom .item_bottom_left {
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: .5rem;
        font-size: 1.1rem;
    }

    .faq_2 {
        padding: 2rem 0 0;
    }

    li.menu_item {
        width: 100%;
        justify-content: space-between;
    }

    .icon_dropdown_sub_menu {
        width: 1.25rem;
        height: 1.25rem;
    }
    .default_1 h1 {
        font-size: 2rem;
    }
    img.logo_center {
        width: 15rem;
    }
}