/**================== ROOT ==================**/
:root {
    --cl-main: #ED1C24;
    --cl-hover-main: #ED1C24;
    --cl-light-main: #FFF6F6;
    --cl-dark-main: #B90C12;
    --cl-bg-pd: #E4F7FF;
    --cl-black: #000000;
    --cl-white: #ffffff;
    --cl-gray: #B4B4B4;
    --cl-light-gray: rgb(0 0 0 / 20%);
    --cl-dark-gray: #4E4E4E;
    --cl-light-red: #C60000;
    --cl-dark-red: #990a00;
    --cl-red: #c72528;
    --cl-yl: #f9f86c;
    --cl-green: #009739;
    --cl-blue: #2E469D;
    --cl-light-blue: #dbedf9;
    --cl-orange: #D29728;
    --cl-dark-orange: #EC9717;
    --font-aws: FontAwesome;
    --font-main: 'Inter', sans-serif !important;
    --font-sp: 'Oswald', sans-serif !important;
    --font-merge : 'Inter', FontAwesome, sans-serif;
    --bg-main: linear-gradient(180deg, rgba(234, 28, 36, 0.00) 0%, var(--cl-main) 99.99%, rgba(234, 28, 36, 0.00) 100%);
    --transition-duration: 1s;
    --transition-delay-one: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.1),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.2);
    --transition-delay-two: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.22),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.32);
    --transition-delay-three: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.28),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.38);
    --transition-delay-four: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.34),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.44);
    --transition-delay-five: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.4),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.5);
    --appear-animation: translateY(3.75rem);
    --active-appear-animation: translateY(0);
    --ratio-16-9: calc(9 / 16 * 100%);
    --ratio-4-3: calc(3 / 4 * 100%);
    --ratio-3-4: calc(4 / 3 * 100%);
    --ratio-9-16: calc(16 / 9 * 100%);
    --ratio-1-1: 100%;
}

.appear-delay-1 {
    transition: var(--transition-delay-one);
}

.appear-delay-2 {
    transition: var(--transition-delay-two);
}

.appear-delay-3 {
    transition: var(--transition-delay-three);
}

.appear-delay-4 {
    transition: var(--transition-delay-four);
}

.appear-delay-5 {
    transition: var(--transition-delay-five);
}

.CR-show-mb {
    display: none !important;
}

.CR-ico-sec-box {
    position: relative;
    z-index: 1;
}

.CR-ico-sec-box:before,
.CR-ico-sec-box:after{
    position: absolute;
    pointer-events: none;
    z-index: -1;
    top: 6.25rem  /* 100/16 */;
}

.CR-ico-sec-box:before {
    left: 0;
    content: url("../images/ico-quality-left.png");
}

.CR-ico-sec-box:after {
    right: 0;
    content: url("../images/ico-quality-right.png");
}

/**================== BANNER VIDEO ==================**/
.CR-banner-video--box {
    position: relative;
    padding-top: var(--ratio-16-9);
}

.CR-banner-video--box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**================== TITLE GROUP ==================**/
.CR-title-group {
    position: relative;
    z-index: 1;
}

.CR-title-group .main-title {
    color: var(--cl-main);
    text-align: center;
    font-family: var(--font-sp);
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1.0625rem;
    margin: 0 auto;
    overflow: hidden;
    text-shadow: -3px -3px 0 var(--cl-white),
    3px -3px 0 var(--cl-white),
    -3px 3px 0 var(--cl-white),
    3px 3px 0 var(--cl-white);
}

.CR-title-group .main-title::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-shadow: -1px 6px 5px rgba(0, 0, 0, 0.20);
    z-index: -1;
}

.CR-title-group .main-title b {
    color: var(--cl-blue);
    font-weight: 700;
}

.CR-title-group .main-title:after {
    content: '';
    background: -webkit-gradient(linear, right top, left top, color-stop(21.35%, #573D83), to(#ED1C24));
    background: -o-linear-gradient(right, #573D83 21.35%, #ED1C24 100%);
    background: linear-gradient(270deg, #573D83 21.35%, #ED1C24 100%);
    height: 0.3125rem /* 5/16 */;
    width: 17.1875rem /* 275/16 */;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.CR-title-group .desc {
    color: var(--cl-dark-gray);
    font-size: 1.5rem /* 24/16 */;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem /* 32/16 */;
    text-align: center;
    margin: 3.125rem /* 50/16 */ auto 0;
}

.CR-title-group .desc b {
    font-weight: 600;
    line-height: 2rem /* 32/16 */;
}

.CR-title-group .desc.sp {
    font-size: 1.125rem /* 18/16 */;
    font-weight: 400;
    line-height: 1.75rem /* 28/16 */;
}

/**================== BANNER GROUP ==================**/
.CR-banner-group,
.CR-banner-group .banner-box {
    position: relative;
    width: 100%;
    z-index: 3;
}

.CR-banner-group .banner-box img {
    width: 100%;
    height: auto;
}

/**================== BUTTON STYLE ==================**/
.CR-btn-style {
    color: var(--cl-main);
    text-align: center;
    font-size: 1.25rem  /* 20/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 6.25rem  /* 100/16 */;
    position: relative;
    border: 1px solid var(--cl-main);
    background: var(--cl-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.125rem  /* 50/16 */;
    -webkit-box-shadow: 3px 5px 0 0 transparent;
    box-shadow: 3px 5px 0 0 transparent;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.CR-btn-style:hover {
    background: var(--cl-main) !important;
    color: var(--cl-white) !important;
    -webkit-box-shadow: 3px 5px 0 0 var(--cl-dark-main);
    box-shadow: 3px 5px 0 0 var(--cl-dark-main);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.CR-btn-style svg {
    width: auto;
    height: 1.5rem  /* 24/16 */;
    margin-right: 0.625rem  /* 10/16 */;
}

.CR-btn-style:hover svg * {
    fill: var(--cl-white);
}

.CR-btn-style svg * {
    fill: var(--cl-main);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/**================== CUSTOM STICKY ICONS ==================**/
.CR-custom-sticky-icons {
    position: fixed;
    top: 50%;
    right: 1.25rem  /* 20/16 */;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

.CR-custom-sticky-icons ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem  /* 16/16 */;
}

.CR-custom-sticky-icons li {
    position: relative;
}

.CR-custom-sticky-icons li:hover .bg {
    -webkit-transform: translate(-50%,-50%) scale(1.17);
    -ms-transform: translate(-50%,-50%) scale(1.17);
    transform: translate(-50%,-50%) scale(1.17);
}

.CR-custom-sticky-icons li .bg {
    width: 5.375rem /* 86/16 */;
    height: 6rem /* 96/16 */;
    -webkit-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    -moz-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    background: red;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    -ms-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    z-index: 1;
    opacity: 0.3;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-custom-sticky-icons a {
    width: 5.375rem /* 86/16 */;
    height: 6rem  /* 96/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    -moz-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    position: relative;
    z-index: 2;
}

.CR-custom-sticky-icons a img {
    width: auto;
    max-width: 80%;
    height: 50%;
    margin: 0 auto;
    display: block;
}

/**================== HEADER ==================**/
.admin-bar #CR-header {
    top: 32px;
}

#CR-header {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 8888;
    box-shadow: -1px 4px 29px transparent;
    text-align: center;
    color: var(--cl-white);
    background: var(--cl-white);
}

#CR-header.CR-hide-head {
    opacity: 0;
}

#CR-header:hover,
#CR-header.CR-fixed {
    box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
}

#CR-header .CR-top-header .main-box {
    height: 3.125rem /* 50/16 */;
}

#CR-header .CR-top-header .left-box {

}

#CR-header .CR-top-header .right-box {

}

#CR-header .CR-top-header .search-box form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    height: 3.125rem /* 50/16 */;
    border: 1px solid rgb(51 51 51 / 10%);
}

#CR-header .CR-top-header .search-box input::placeholder {
    color: #7E7E7E;
}

#CR-header .CR-top-header .search-box input {
    height: 100%;
    border: none !important;
    outline: none !important;
    color: var(--cl-black);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 1.25rem  /* 20/16 */ 0 0;
}

#CR-header .CR-top-header .search-box button {
    height: 100%;
    width: 3.125rem /* 50/16 */;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
}

#CR-header .CR-top-header .search-box button svg {
    stroke: var(--cl-main);
    width: auto;
    height: 45%;
    -o-object-fit: contain;
    object-fit: contain;
}

#CR-header .CR-top-header .left-box li:not(:last-child) {
    margin-right: 1.875rem  /* 30/16 */;
}

#CR-header .CR-top-header .left-box li a:hover {
    color: var(--cl-main);
}

#CR-header .CR-top-header .left-box li a {
    color: var(--cl-dark-gray);
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#CR-header .CR-top-header .left-box li a svg{
    margin-right: 0.5rem  /* 8/16 */;
    width: auto;
    height: 1.25rem  /* 20/16 */;
    -o-object-fit: contain;
    object-fit: contain;
}

#CR-header .CR-main-header {
    background: var(--cl-main);
}

#CR-header .CR-header-item.CR-header-item--main {
    width: 100%;
}

#CR-header .logo--box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10rem /* 160/16 */;
    flex: 0 0 10rem /* 160/16 */;
    margin: 0;
}

#CR-header .logo--box svg {
    height: 7.5rem /* 120/16 */;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

#CR-header .CR-main-header .menu-item--box:not(.logo--box) {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
}

#CR-header .CR-main-header .menu-item--box-left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#CR-header .CR-main-header .menu-item--box > div > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.9375rem /* 15/16 */;
}

#CR-header .CR-main-header .menu-item--box > div > ul > li {
    padding: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-header .CR-main-header .menu-item--box > div > ul > li > .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box > div > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1875rem /* 19/16 */;
    font-weight: 700;
    line-height: normal;
    vertical-align: middle;
    text-decoration: none;
    padding: 0.625rem /* 10/16 */ 2.8125rem /* 45/16 */;
    white-space: nowrap;
    color: var(--cl-white);
    position: relative;
    text-transform: uppercase;
}

#CR-header .CR-main-header .menu-item--box > div > ul > li.current-menu-parent > .item-with-arrow-box > a:after,
#CR-header .CR-main-header .menu-item--box > div > ul > li:hover > .item-with-arrow-box > a:after,
#CR-header .CR-main-header .menu-item--box > div > ul > li:hover > a:after {
    right: 0.9375rem /* 15/16 */;
}

#CR-header .CR-main-header .menu-item--box > div > ul > li > .item-with-arrow-box > a:after,
#CR-header .CR-main-header .menu-item--box > div > ul > li > a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0.9375rem /* 15/16 */;
    right: 100%;
    margin: 0;
    border-bottom: 0.3125rem /* 5/16 */ solid;
    border-bottom-color: var(--cl-white);
    -webkit-transition: right .5s;
    -o-transition: right .5s;
    transition: right .5s;
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-header .CR-main-header .menu-item--box li {
    position: relative;
}

#CR-header .CR-main-header .menu-item--box li .arrow {
    margin-left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.25rem;
    line-height: normal;
    display: none;
}

#CR-header .CR-main-header .menu-item--box li .arrow i {
    color: var(--cl-main);
}

#CR-header .CR-main-header .menu-item--box .menu-item-has-children:hover > .sub-menu {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    pointer-events: auto;
}

#CR-header .CR-main-header .menu-item--box .sub-menu .menu-item-has-children:hover > .sub-menu {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#CR-header .CR-main-header .menu-item--box .sub-menu .sub-menu {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    top: 0;
}

#CR-header .CR-main-header .menu-item--box .sub-menu li .arrow i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#CR-header .CR-main-header .menu-item--box .sub-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(0, -0.75rem, 0);
    transform: translate3d(0, -0.75rem, 0);
    -webkit-transition: all .3s cubic-bezier(.2, .06, .05, .95);
    -o-transition: all .3s cubic-bezier(.2, .06, .05, .95);
    transition: all .3s cubic-bezier(.2, .06, .05, .95);
    opacity: 0;
    pointer-events: none;
    background: var(--cl-white);
    -webkit-box-shadow: 0 10px 20px #00000017;
    box-shadow: 0 10px 20px #00000017;
    /*width: 12.5rem !* 200/16 *!;*/
    right: 0;
    left: 0;
    padding-top: 0;
}

#CR-header .CR-main-header .menu-item--box .sub-menu li {
    width: 100%;
}

#CR-header .CR-main-header .menu-item--box .sub-menu li a {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.75rem /* 12/16 */;
    font-weight: 500;
    line-height: normal;
    vertical-align: middle;
    padding: 0.9375rem /* 15/16 */ 0.5rem /* 8/16 */;
    color: var(--cl-main);
    position: relative;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-header .CR-main-header .menu-item--box .sub-menu .current-menu-item a {
    font-weight: 700;
}

#CR-header .CR-main-header .menu-item--box .sub-menu .current-menu-item a,
#CR-header .CR-main-header .menu-item--box .sub-menu li a:hover {
    color: var(--cl-white) !important;
    background: var(--cl-main);
}

#CR-header .CR-main-header .menu-item--box .sub-menu li a:after {
    display: none;
}

#CR-header .CR-main-header .menu-item--box .current-menu-ancestor:not(.CR-top-parent-menu-item) > a,
#CR-header .CR-main-header .menu-item--box .active:not(.CR-top-parent-menu-item) > a,
#CR-header .CR-main-header .menu-item--box > div > ul > .current-menu-item {
    color: var(--cl-white);
}

#CR-header .CR-main-header .menu-item--box > div > ul > li:hover > .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box > div > ul > li:hover > a,
#CR-header .CR-main-header .menu-item--box > div > ul > li:hover,
#CR-header .CR-main-header .menu-item--box a:hover {
    color: var(--cl-main) !important;
    background: var(--cl-white);
}

#CR-header .CR-main-header .menu-item--box .current-menu-ancestor:not(.CR-top-parent-menu-item) a:after,
#CR-header .CR-main-header .menu-item--box .active:not(.CR-top-parent-menu-item) a:after,
#CR-header .CR-main-header .menu-item--box > div > ul > .current-menu-item:after,
#CR-header .CR-main-header .menu-item--box > div > ul > li:hover > a:after {
    right: 0.9375rem /* 15/16 */;
}

/**================== FOOTER ==================**/
#CR-footer {
    background: var(--cl-white);
    box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.05);
}

#CR-footer * {
    color: var(--cl-black);
}

#CR-footer .main-title {
    position: relative;
    color: var(--cl-black);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 1.5625rem /* 25/16 */;
    padding-bottom: 1.0625rem /* 17/16 */;
}

#CR-footer .main-title:after {
    content: '';
    background: var(--cl-main);
    height: 0.125rem /* 2/16 */;
    width: 3.125rem /* 50/16 */;
    position: absolute;
    bottom: 0;
    left: 0;
}

#CR-footer .menu-item-box {
    margin-bottom: 0;
    padding-right: 2.5rem /* 40/16 */;
}

#CR-footer .menu-item.active a,
#CR-footer a:hover {
    color: var(--cl-main);
}

#CR-footer a,
#CR-footer p {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.625rem /* 26/16 */;
    color: var(--cl-black);
}

#CR-footer b {
    font-weight: 700;
    margin-right: 0.35rem;
}

#CR-footer .logo-box img,
#CR-footer .logo-box svg {
    width: auto;
    max-width: 100%;
    height: 7.5rem /* 120/16 */;
    -o-object-fit: contain;
    object-fit: contain;
}

#CR-footer .logo-box p {
    color: var(--cl-main);
    font-size: 1.875rem /* 30/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-left: 1.875rem /* 30/16 */;
}

#CR-footer .toggle-menu-item-cont--mb {
    display: none;
}

#CR-footer .CR-top-footer .box {
    border-bottom: 1px solid var(--cl-light-gray);
    padding: 2.5rem /* 40/16 */ 0 1.25rem /* 20/16 */;
}

#CR-footer .CR-main-footer {
    padding: 2.5rem /* 40/16 */ 0 1.875rem /* 30/16 */;
}

#CR-footer .CR-bottom-footer {
    background: var(--cl-main);
    padding: 1rem /* 16/16 */ 0;
}

#CR-footer .CR-socials-list-acf {
    margin: 0 -0.3125rem;
}

#CR-footer .CR-socials-list-acf li {
    padding-bottom: 0.8660254037844387rem /* 13.85640646055102/16 */;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
    position: relative;
}

#CR-footer .CR-socials-list-acf li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

#CR-footer .CR-socials-list-acf .wrap {
    cursor: default;
    position: relative;
    width: 3rem /* 48/16 */;
    height: 1.7320508075688774rem /* 27.71281292110204/16 */;
    background-color: var(--cl-white);
    margin: 0.8660254037844387rem /* 13.85640646055102/16 */ auto 0 auto;
    border-left: solid 1px var(--cl-main);
    border-right: solid 1px var(--cl-main);
    display: grid;
}

#CR-footer .CR-socials-list-acf .wrap:before,
#CR-footer .CR-socials-list-acf .wrap:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 2.121rem;
    height: 2.121rem;
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 0.377rem;
    box-shadow: 0 0 0 transparent;
    transition: 0s;
}

#CR-footer .CR-socials-list-acf .wrap:before {
    top: -1.061rem;
    border-top: solid 0.1414rem var(--cl-main);
    border-right: solid 0.1414rem var(--cl-main);
}

#CR-footer .CR-socials-list-acf .wrap:after {
    bottom: -1.061rem;
    border-bottom: solid 0.1414rem var(--cl-main);
    border-left: solid 0.1414rem var(--cl-main);
}

#CR-footer .CR-socials-list-acf .wrap span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-size: 1.5rem;
    color: var(--cl-main);
    top: 0.1rem;
    left: 0;
    width: 100%;
    height: 90%;
    z-index: 2;
    background: inherit;
}

#CR-footer .CR-socials-list-acf span i {
    color: var(--cl-main);
}

#CR-footer .CR-main-footer li:not(:last-child) {
    margin-bottom: 0.875rem /* 14/16 */;
}

#CR-footer .CR-bottom-footer * {
    color: var(--cl-white) !important;
    font-size: 1.125rem /* 18/16 */;
    line-height: normal;
    font-weight: 500;
}

#CR-footer .CR-bottom-footer a:hover {
    opacity: 0.75;
}

#CR-footer .CR-bottom-footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 -1.25rem;
}

#CR-footer .CR-bottom-footer li {
    position: relative;
    padding:0 1.25rem;
}

#CR-footer .CR-bottom-footer li:not(:last-child):after {
    content: '';
    width: 1px;
    height: 0.75rem /* 12/16 */;
    background: var(--cl-white);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0.3;
}


/**================== HOME PAGE ==================**/
#CR-home-page {

}

#CR-home-page .CR-btn-style {
    margin-top: 1.875rem  /* 30/16 */;
    width: 18.4375rem  /* 295/16 */;
}

#CR-home-page .CR-title-group .desc {
    font-weight: 400;
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.75rem /* 28/16 */;
}

#CR-home-page .CR-title-group .desc b {
    font-weight: 600;
    font-size: 1.5rem  /* 24/16 */;
    line-height: 2rem /* 32/16 */;
}

#CR-home-page .CR-home-banner .slick-slider {
    margin-bottom: 0;
}

#CR-home-page .CR-home-banner .CR-custom-dots .slick-dots li button {
    border-color: var(--cl-white);
}

#CR-home-page .CR-home-banner .CR-custom-dots .slick-dots li.slick-active button {
    background-color: var(--cl-white);
}

#CR-home-page .CR-home-banner .CR-custom-dots .slick-dots li.slick-active button:before {
    color: var(--cl-white) !important;
}

#CR-home-page .CR-home-banner .CR-custom-dots .slick-dots {
    bottom: 2.0625rem  /* 33/16 */;
    text-align: left;
    padding: 0 1rem;
}

#CR-home-page .CR-home-banner .item {
    background-position: center;
    background-size: cover;
    padding: 10rem  /* 160/16 */ 0;
}

#CR-home-page .CR-home-banner .title::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-shadow: -1px 6px 5px rgba(0, 0, 0, 0.20);
    z-index: -1;
}

#CR-home-page .CR-home-banner .title {
    /*background: linear-gradient(90deg, #2E469D 0%, #8D3161 35.94%, #C8243B 62.50%, #ED1C24 100%);*/
    /*background-clip: text;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    font-family: var(--font-sp);
    color: var(--cl-main);
    font-size: 4.375rem  /* 70/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: 5.9375rem  /* 95/16 */;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    text-shadow: -3px -3px 0 var(--cl-white), 3px -3px 0 var(--cl-white), -3px 3px 0 var(--cl-white), 3px 3px 0 var(--cl-white);
    width: 95%;
    /*-webkit-text-stroke: 3px var(--cl-white);*/
}

#CR-home-page .CR-home-banner .title b {
    /*background: var(--cl-blue);*/
    /*background-clip: text;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    color: var(--cl-blue);
}

#CR-home-page .CR-home-banner img {
    width: 100%;
    height: auto;
}

#CR-home-page .CR-home-banner .desc {
    color: var(--cl-white);
    font-size: 1.375rem  /* 22/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem  /* 32/16 */;
    margin: 1.0625rem  /* 17/16 */ 0 0;
}

#CR-home-page .CR-home-intro {
    padding: 10.625rem  /* 170/16 */ 0;
}

#CR-home-page .CR-home-intro .CR-title-group .main-title {
    text-align: left;
    width: 70%;
    margin: 0;
}

#CR-home-page .CR-home-intro .CR-title-group .main-title:after {
    left: 0;
    transform: unset;
    width: 7.5rem  /* 120/16 */;
}

#CR-home-page .CR-home-intro .CR-title-group .desc {
    text-align: left;
    padding-right: 4.375rem  /* 70/16 */;
}

#CR-home-page .CR-home-intro .image-box {
    position: relative;
    gap: 1.25rem  /* 20/16 */;
}

#CR-home-page .CR-home-intro .image-box .item:first-child {
    padding-top: 25%;
}

#CR-home-page .CR-home-intro .image-box .item {
    width: 50%;
}

#CR-home-page .CR-home-intro .image-box .item img {
    width: 100%;
    height: auto;
    border-radius: 1.875rem  /* 30/16 */;
}

#CR-home-page .CR-home-intro .image-box svg {
    position: absolute;
    pointer-events: none;
}

#CR-home-page .CR-home-intro .image-box .svg-intro-img-box-1 {
    left: 50%;
    transform: translateX(-50%);
    top: 10%;
}

#CR-home-page .CR-home-intro .image-box .svg-intro-img-box-2 {
    left: calc(100% + 3.125rem  /* 50/16 */);
    top: 35%;
    transform: translateY(-35%);
}

#CR-home-page .CR-home-intro .image-box .svg-intro-img-box-3 {
    top: 65%;
    right: -5%;
    z-index: -1;
}

#CR-home-page .CR-home-number {

    -webkit-clip-path: url(#wave-alternate);
    clip-path: url(#wave-alternate);
}


#CR-home-page .CR-home-number .bg-box {
    padding: 18.75rem  /* 300/16 */ 0 6.25rem  /* 100/16 */;
    background-position: top center;
    background-size: cover;
}

#CR-home-page .CR-home-number .CR-title-group {
    width: 37%;
}

#CR-home-page .CR-home-number .CR-title-group .main-title {
    text-align: left;
    margin: 0;
}

#CR-home-page .CR-home-number .CR-title-group .main-title:after {
    left: 0;
    transform: unset;
    width: 7.5rem  /* 120/16 */;
}

#CR-home-page .CR-home-number .CR-title-group .desc {
    text-align: left;
    padding-right: 4.375rem  /* 70/16 */;
}

#CR-home-page .CR-home-number .list-box {
    width: 100%;
    margin: 11.25rem /* 180/16 */ auto 0;
    gap: 8.125rem  /* 130/16 */;
}

#CR-home-page .CR-home-number .list-box .item {
    width: 33.33%;
}

#CR-home-page .CR-home-number .list-box .item .title {
    color: var(--cl-main);
    text-align: center;
    font-family: var(--font-sp);
    font-size: 4.6875rem  /* 75/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#CR-home-page .CR-home-number .list-box .item .desc {
    color: var(--cl-black);
    text-align: center;
    font-size: 1.25rem  /* 20/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 auto;
}

#CR-home-page .CR-home-quality {
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(254, 242, 243, 1)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
    padding: 6.25rem /* 100/16 */ 0 3.75rem /* 60/16 */;
    position: relative;
}

#CR-home-page .CR-home-quality:after {
    content: '';
    background: #fef1f2;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 3.75rem /* 60/16 */;
}

#CR-home-page .CR-home-quality .CR-title-group .main-title {
    width: 65%;
}

#CR-home-page .CR-home-quality .list-box {
    position: relative;
    margin: 8.125rem  /* 130/16 */ 0 0;
}

#CR-home-page .CR-home-quality .list-quality {
    width: 62.5rem; /* 1000/16 */
    position: relative;
    margin: auto;
    z-index: 1;
    /*height: 36.875rem; !* 590/16 *!*/
    height: 31.25rem; /* 500/16 */
    border-top-left-radius: 31.875rem  /* 510/16 */;
    border-top-right-radius: 31.875rem  /* 510/16 */;
    border: 1px solid transparent;
    border-bottom: 0;
}

#CR-home-page .CR-home-quality .list-quality:before {
    content: '';
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(237,28,36,1) 50%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 31.875rem /* 510/16 */ 31.875rem /* 510/16 */ 0 0;
    z-index: -2;
}

#CR-home-page .CR-home-quality .list-quality:after {
    content: '';
    background: rgb(254 241 242);
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 0;
    border-radius: 31.875rem /* 510/16 */ 31.875rem /* 510/16 */ 0 0;
    z-index: -1;
}

#CR-home-page .CR-home-quality .CR-move-content-box {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40%;
    transform: translateX(-50%);
    z-index: 3;
}

#CR-home-page .CR-home-quality .CR-move-content-box .main-title {
    color: var(--cl-blue);
    text-align: center;
    font-family: var(--font-sp);
    font-size: 2.1875rem ; /* 35/16 */
    font-style: normal;
    font-weight: 500;
    line-height: 2.8125rem ;  /* 45/16 */
    text-transform: uppercase;
    margin: 0 auto 0.9375rem  /* 15/16 */;
}

#CR-home-page .CR-home-quality .CR-move-content-box .description {
    color: var(--cl-black);
    text-align: center;
    font-size: 1.25rem ; /* 20/16 */
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem ; /* 26/16 */
}

#CR-home-page .CR-home-quality .list-quality .item {
    position: absolute;
    cursor: pointer;
}

#CR-home-page .CR-home-quality .list-quality .item.active .icon {
    background: var(--cl-blue);
}

#CR-home-page .CR-home-quality .list-quality .item.active .icon svg * {
    fill: var(--cl-white);
    stroke: var(--cl-white);
}

#CR-home-page .CR-home-quality .list-quality .item .icon {
    width: 10rem /* 160/16 */;
    /*height: 10rem !* 160/16 *!;*/
    height: 11.25rem  /* 180/16 */;
    border-radius: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: var(--cl-white);
    filter: drop-shadow(0px 4px 40px rgba(86, 0, 3, 0.10));
    -webkit-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    -moz-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
}
#CR-home-page .CR-home-quality .list-quality .item .icon svg * {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-home-page .CR-home-quality .list-quality .item .icon svg,
#CR-home-page .CR-home-quality .list-quality .item .icon img {
    max-width: 70%;
    width: auto;
    height: 40%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-home-page .CR-home-quality .list-quality .item:nth-child(1) {
    top: 50%;
    left: 0;
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
}

#CR-home-page .CR-home-quality .list-quality .item:nth-child(2) {
    top: 4%;
    left: 12%;
}

#CR-home-page .CR-home-quality .list-quality .item:nth-child(3) {
    top: -5rem  /* -80/16 */;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#CR-home-page .CR-home-quality .list-quality .item:nth-child(4) {
    top: 4%;
    right: 12%;
}

#CR-home-page .CR-home-quality .CR-btn-style {
    margin-left: auto;
    margin-right: auto;
}

#CR-home-page .CR-home-quality .list-quality .item:nth-child(5) {
    top: 50%;
    right: 0;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
}

#CR-home-page .CR-home-customer {
    -webkit-clip-path: url(#wave-alternate);
    clip-path: url(#wave-alternate);

    position: relative;
    z-index: 2;
}

#CR-home-page .CR-home-customer .bg-box {
    background-position: top center;
    background-size: cover;
    background-image: url("../images/bg-customer-home.svg");
    padding: 9.375rem  /* 150/16 */ 0 5rem  /* 80/16 */;
}

#CR-home-page .CR-home-customer .CR-title-group .main-title:after {
    display: none;
}

#CR-home-page .CR-home-customer .CR-title-group .desc {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(241, 241, 241, 0.80) 15.11%, rgba(249, 249, 249, 0.91) 29.69%, #FFF 49.48%, rgba(250, 250, 250, 0.93) 71.35%, rgba(241, 241, 241, 0.80) 86.16%, rgba(255, 255, 255, 0.00) 100%);
    color: var(--cl-blue);
    text-align: center;
    font-size: 1.5rem  /* 24/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 0;
    padding: 0.625rem  /* 10/16 */ 0;
}

#CR-home-page .CR-home-customer .CR-slider-customer-home {
    padding: 0.625rem  /* 10/16 */;
    margin: 5.625rem  /* 90/16 */ 0 0;
}

#CR-home-page .CR-home-customer .slide-item {
    width: 100%;
}

#CR-home-page .CR-home-customer .slide-item .sub-list{
    position: relative;
    height: 19.375rem  /* 310/16 */;
}

#CR-home-page .CR-home-customer .item {
    position: absolute;
}

#CR-home-page .CR-home-customer .item:nth-child(1) {
    width: 8.75rem  /* 140/16 */;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#CR-home-page .CR-home-customer .item:nth-child(2) {
    width: 7.1875rem  /* 115/16 */;
    left: 15%;
    top: 0;
}

#CR-home-page .CR-home-customer .item:nth-child(3) {
    width: 8rem  /* 128/16 */;
    left: 22%;
    bottom: 0;
}

#CR-home-page .CR-home-customer .item:nth-child(4) {
    width: 11.0625rem  /* 177/16 */;
    left: 35%;
    top: 0;
}

#CR-home-page .CR-home-customer .item:nth-child(5) {
    width: 9.375rem  /* 150/16 */;
    right: 35%;
    bottom: 0;
}

#CR-home-page .CR-home-customer .item:nth-child(6) {
    width: 6rem  /* 96/16 */;
    right: 25%;
    top: 0;
}

#CR-home-page .CR-home-customer .item:nth-child(7) {
    width: 6.625rem  /* 106/16 */;
    right: 15%;
    bottom: 0;
}

#CR-home-page .CR-home-customer .item:nth-child(8) {
    width: 8.0625rem  /* 129/16 */;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#CR-home-page .CR-home-customer .item:hover .wrap {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#CR-home-page .CR-home-customer .item .wrap {
    position: relative;
    background: var(--cl-white);
    border-radius: 50%;
    /* aspect-ratio: 1/1; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    filter: drop-shadow(0px 4px 40px rgba(58, 58, 58, 0.10));
    overflow: hidden;
    padding-top: 100%;
    width: 100%;
}

#CR-home-page .CR-home-customer .item .wrap .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#CR-home-page .CR-home-customer .item img {
    width: auto;
    max-width: 75%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#CR-home-page .CR-home-customer .CR-custom-arrow-full svg path {
    stroke: var(--cl-white);
}

#CR-home-page .CR-home-products {
    padding: 6.25rem 0 0; /* 100/16 */
}

#CR-home-page .CR-home-products .list-box {
    display: flex;
    margin: 4.375rem 0 -1.5625rem;
}

#CR-home-page .CR-home-products .list-box .left-box {
    display: flex;
    flex-wrap: wrap;
    width: 35%;
}

#CR-home-page .CR-home-products .list-box .right-box {
    display: flex;
    flex-wrap: wrap;
    width: 65%;
    position: relative;
}

#CR-home-page .CR-home-products .item {
    width: 50%;
    padding: 1.5625rem 0.9375rem; /* 25/16, 15/16 */
}

#CR-home-page .CR-home-products .left-box .item:last-child {
    width: 100%;
}

#CR-home-page .CR-home-products .right-box .item:first-child {
    top: 0;
    position: relative;
    width: 70%;
    height: 100%;
}

#CR-home-page .CR-home-products .right-box .item:not(:first-child) {
    position: absolute;
    height: 50%;
    right: 0;
    width: 30%;
}

#CR-home-page .CR-home-products .right-box .item:last-child {
    bottom: 0;
}

#CR-home-page .CR-home-products .right-box .item {
    position: absolute;
}

#CR-home-page .CR-home-products .item .wrap {
    position: relative;
}

#CR-home-page .CR-home-products .item .wrap:hover .bg {
    top: -1.5625rem;
    bottom: 1.5625rem;
}

#CR-home-page .CR-home-products .item .wrap .bg {
    background: black;
    border-radius: 1.875rem; /* 30/16 */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: 0.5s ease-in-out;
}

#CR-home-page .CR-home-products .left-box .item .wrap {
    /*     aspect-ratio: 1/1; */
    padding-top: 100%;
}

#CR-home-page .CR-home-products .left-box .item:last-child .wrap{
    /*     aspect-ratio: 16/9; */
    padding-top: 56.25%;
}

#CR-home-page .CR-home-products .right-box .item .wrap {
    height: 100%;
}

#CR-home-page .CR-home-products .item .title {
    color: var(--cl-black);
    text-align: center;
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--cl-white);
    padding: 0.9375rem /* 15/16 */ 1.375rem /* 22/16 */;
    border-radius: 6.25rem /* 100/16 */;
    margin: 0 auto;
    max-width: 90%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1.4375rem  /* 23/16 */;
}

#CR-home-page .CR-home-products .item .wrap:hover .cont-hover {
    opacity: 1;
}

#CR-home-page .CR-home-products .item .cont-hover {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 1rem;
}

#CR-home-page .CR-home-products .right-box .item:first-child .cont-hover {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-home-page .CR-home-products .right-box .item .cont-hover {
    padding-top: 1.875rem  /* 30/16 */;
}

#CR-home-page .CR-home-products .left-box .item:last-child .cont-hover {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    padding: 0 2.5rem  /* 40/16 */;
}

#CR-home-page .CR-home-products .left-box .item:last-child .desc {
    padding-left: 1.25rem  /* 20/16 */;
}

#CR-home-page .CR-home-products .right-box .item:nth-child(2) .desc,
#CR-home-page .CR-home-products .left-box .item .desc {
    color: var(--cl-white);
}

#CR-home-page .CR-home-products .item .icon-hover {
    height: 30%;
    width: auto;
    -o-object-fit: contain;
}

#CR-home-page .CR-home-products .item .desc {
    color: var(--cl-black);
    text-align: center;
    font-size: 0.875rem  /* 14/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem  /* 20/16 */;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 3.75rem  /* 60/16 */;
    width: 80%;
    margin: 0.9375rem  /* 15/16 */ auto 0;
}

#CR-home-page .CR-home-products .right-box .item:first-child .desc {
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.75rem /* 28/16 */;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    max-height: 7rem /* 112/16 */;
}

#CR-home-page .CR-home-products .item .wrap:hover .thumb {
    opacity: 0;
}

#CR-home-page .CR-home-products .right-box .item:last-child .thumb {
    height: 80%;
}

#CR-home-page .CR-home-products .right-box .item:first-child .thumb {
    height: 85%;
}

#CR-home-page .CR-home-products .item .thumb {
    width: auto;
    max-width: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 70%;
    margin: 0;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -10%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 1;
}

#CR-home-page .CR-home-products .item .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

#CR-home-page .CR-home-certification {
    padding: 9.375rem  /* 150/16 */ 0 7.5rem  /* 120/16 */;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(254, 242, 243, 1)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
    position: relative;
    z-index: 1;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center.swiper-container {
    width: 85%;
    padding: 0 0 4.6875rem  /* 75/16 */;
    margin: 2.1875rem  /* 35/16 */ auto;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center .swiper-slide {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background: var(--cl-white);
    opacity: 0;
    position: relative;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center .swiper-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255 255 255 / 50%);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 1;
    pointer-events: none;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center .swiper-slide.swiper-slide-active:after {
    opacity: 0;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center .swiper-slide-visible {
    opacity: 1;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center .item .wrap {
    position: relative;
    width: 100%;
    padding: 0;
    border-radius: 20px;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.15);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center .item .wrap img{
    position: relative;
    width: 100%;
    height: auto;
    object-position: center;
    object-fit: cover;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center .swiper-slide.swiper-slide-active .wrap p {
    opacity: 1;
}

#CR-home-page .CR-home-certification .CR-slider-swiper-center .item .wrap p {
    color: var(--cl-black);
    text-align: center;
    font-size: 1.25rem  /* 20/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
    bottom: -4.0625rem  /* -65/16 */;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-home-page .CR-home-certification .CR-btn-style {
    margin-left: auto;
    margin-right: auto;
}

/**================== ABOUT PAGE ==================**/
#CR-about-page {
    background: var(--cl-white);
}

#CR-about-page .CR-custom-arrow-full svg path {
    stroke: var(--cl-main);
}

#CR-about-page .CR-nav-scroll-wrap {
    position: fixed;
    top: 50%;
    left: 3.125rem  /* 50/16 */;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

#CR-about-page .CR-nav-scroll-wrap .CR-nav-scroll-page a[data-key=CR-about-area].active .line {
    background: var(--cl-white);
}

#CR-about-page .CR-nav-scroll-wrap .CR-nav-scroll-page a[data-key=CR-about-area] b {
    color: var(--cl-white);
}

#CR-about-page .CR-title-group .desc {
    font-weight: 400;
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.75rem /* 28/16 */;
}

#CR-about-page .CR-title-group .desc b {
    font-weight: 600;
    font-size: 1.5rem  /* 24/16 */;
    line-height: 2rem /* 32/16 */;
}

#CR-about-page .CR-about-intro {
    padding-bottom: 7.5rem  /* 120/16 */;
}

#CR-about-page .CR-about-intro .CR-title-group .main-title{
    text-align: left;
}

#CR-about-page .CR-about-intro .CR-title-group .main-title:after {
    left: 0;
    transform: unset !important;
}

#CR-about-page .CR-about-intro .img-box {
    padding-right: 2.5rem  /* 40/16 */;
}

#CR-about-page .CR-about-intro img{
    width: 100%;
    height: auto;
    border-radius: 1.875rem  /* 30/16 */;
}

#CR-about-page .CR-about-intro .CR-title-group .desc {
    text-align: left;
}

#CR-about-page .CR-about-intro-image {
    position: relative;
    z-index: 1;
    -webkit-clip-path: url(#wave-alternate);
    clip-path: url(#wave-alternate);
}

#CR-about-page .CR-about-intro-image .bg-box {
    padding: 3.75rem  /* 60/16 */ 0 0;
}

#CR-about-page .CR-about-intro-image .CR-about-intro-image-bg {
    top: 3.75rem /* 60/16 */;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: -1;
}

#CR-about-page .CR-about-intro-image .CR-about-intro-image-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

#CR-about-page .CR-about-intro-image .img-box {
    margin: -3.75rem /* -60/16 */ 0 0;
    text-align: center;
}

#CR-about-page .CR-about-intro-image .img-box img {
    width: auto;
    max-width: 100%;
    height: 37.5rem  /* 600/16 */;
}

#CR-about-page .CR-about-history {
    padding: 9.375rem  /* 150/16 */ 0 0;
}

#CR-about-page .CR-about-history .CR-title-group .desc {
    text-align: center;
    width: 90%;
}

#CR-about-page .CR-about-history .list-box {
    margin-top: 4.6875rem  /* 75/16 */;
}

#CR-about-page .CR-about-history .row-item {

}

#CR-about-page .CR-about-history .row-item .main-title {
    color: var(--cl-white);
    text-align: center;
    font-family: var(--font-sp);
    font-size: 1.875rem /* 30/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 0.875rem /* 14/16 */ 1.8125rem /* 29/16 */;
    border-radius: 6.25rem /* 100/16 */;
    background: var(--cl-main);
    margin: 1.6875rem  /* 27/16 */ auto;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

#CR-about-page .CR-about-history .row-item .item {

}

#CR-about-page .CR-about-history .sub-list-box {
    margin: 0 -4.6875rem  /* -75/16 */;
    position: relative;
    z-index: 2;
}

#CR-about-page .CR-about-history .sub-list-box:after {
    content: '';
    background: var(--cl-blue);
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

#CR-about-page .CR-about-history .sub-list-box .item .wrap > div {
    padding: 3.125rem  /* 50/16 */ 4.6875rem  /* 75/16 */;
    width: 50%;
}

#CR-about-page .CR-about-history .sub-list-box .item:nth-child(even) .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#CR-about-page .CR-about-history .sub-list-box .item:nth-child(even) .wrap .img--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

#CR-about-page .CR-about-history .sub-list-box .item:nth-child(even) .img--box:after {
    right: unset;
    left: calc(100% - 1.09375rem  /* 17.5/16 */);
}

#CR-about-page .CR-about-history .row-item:last-child .sub-list-box .item:last-child .img--box:before {
    content: '';
    background: var(--cl-white);
    width: 0.3125rem  /* 5/16 */;
    position: absolute;
    top: 5.3125rem  /* 85/16 */;
    bottom: 0;
    left: -0.15625rem  /* -2.5/16 */;
    z-index: 1;
}

#CR-about-page .CR-about-history .sub-list-box .img--box:after {
    content: '';
    width: 2.1875rem  /* 35/16 */;
    height: 2.1875rem  /* 35/16 */;
    border: 2px solid var(--cl-blue);
    position: absolute;
    top: 3.125rem  /* 50/16 */;
    right: calc(100% - 1.09375rem  /* 17.5/16 */);
    border-radius: 50%;
    background: var(--cl-white);
}

#CR-about-page .CR-about-history .sub-list-box .cont {
    color: var(--cl-black);
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
}

#CR-about-page .CR-about-history .sub-list-box .cont b {
    font-size: 1.5625rem  /* 25/16 */;
    font-weight: 700;
    display: block;
    margin-bottom: 1.25rem  /* 20/16 */;
}

#CR-about-page .CR-about-history .sub-list-box .time {
    color: var(--cl-white);
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 2.8125rem  /* 45/16 */;
    padding: 0 1.5625rem  /* 25/16 */;
    position: relative;
    background: var(--cl-blue);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 1.125rem  /* 18/16 */;
    border-radius: 0 1.25rem  /* 20/16 */ 1.25rem  /* 20/16 */ 0;
}

#CR-about-page .CR-about-history .sub-list-box .item:nth-child(even) .time {
    border-radius: 1.25rem  /* 20/16 */ 0 0 1.25rem  /* 20/16 */;
}

#CR-about-page .CR-about-history .sub-list-box .time:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 7px 10px 7px 0;
    border-color: transparent var(--cl-blue) transparent transparent;
    border-style: solid;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
}

#CR-about-page .CR-about-history .sub-list-box .item:nth-child(even) .time:before {
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent var(--cl-blue);
    left: 100%;
    right: unset;
}

#CR-about-page .CR-about-history .sub-list-box .img--box{
    position: relative;
}

#CR-about-page .CR-about-history .sub-list-box img {
    width: 100%;
    height: 15rem  /* 240/16 */;
    border-radius: 1.25rem /* 20/16 */;
    -o-object-fit: cover;
    object-fit: cover;
}

#CR-about-page .CR-about-diagram {
    padding: 9.375rem  /* 150/16 */ 0;
}

#CR-about-page .CR-about-diagram .img-box {
    margin: 3.125rem  /* 50/16 */ auto 0;
}

#CR-about-page .CR-about-diagram img {
    width: 100%;
    height: auto;
}

#CR-about-page .CR-about-area {
    -webkit-clip-path: url(#wave-alternate);
    clip-path: url(#wave-alternate);
}

#CR-about-page .CR-about-area .bg-box {
    padding: 15rem /* 240/16 */ 0;
    background-image: url(../images/bg-img-area.svg);
    background-size: cover;
    background-position: top center;
}

#CR-about-page .CR-about-area .image--box img {
    width: 100%;
    height: auto;
}

#CR-about-page .CR-about-area .content--box {
    margin-top: 3.4375rem  /* 55/16 */;
    max-height: 37.5rem  /* 600/16 */;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 1.875rem  /* 30/16 */;
}

#CR-about-page .CR-about-area .content--box * {
    color: var(--cl-white);
    overflow: hidden;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
}

#CR-about-page .CR-about-area .content--box .item {
    margin-bottom: 1.875rem  /* 30/16 */;
}

#CR-about-page .CR-about-area .content--box .item .num {
    font-size: 2.375rem  /* 38/16 */;
    font-weight: 700;
    min-width: max-content;
    width: max-content;
    padding: 0.3125rem  /* 5/16 */ 0 0;
}

#CR-about-page .CR-about-area .content--box .item .cont {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0.625rem  /* 10/16 */;
}

#CR-about-page .CR-about-area .content--box .block-intro {
    font-weight: 700;
    padding-left: 1.25rem /* 20/16 */;
    position: relative;
    border-left: 3px solid var(--cl-white);
    margin-bottom: 1.875rem  /* 30/16 */;
}

#CR-about-page .CR-about-philosophy {
    padding: 9.375rem  /* 150/16 */ 0 0;
}

#CR-about-page .CR-about-philosophy .CR-title-group {
    margin-bottom: 3.125rem  /* 50/16 */;
}

#CR-about-page .CR-about-philosophy .list-box {
    padding-left: 1.875rem  /* 30/16 */;
}

#CR-about-page .CR-about-philosophy .list-box .item:not(:last-child):after {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(237,28,36,1) 50%, rgba(255,255,255,0) 100%);
}

#CR-about-page .CR-about-philosophy .list-box .item {
    padding: 1.875rem /* 30/16 */ 0;
    position: relative;
    border: none;
    /* padding: 0; */
    border-radius: 0;
}

#CR-about-page .CR-about-philosophy .list-box .item .accordion-body {
    padding-left: 0;
}

#CR-about-page .CR-about-philosophy .list-box .item button {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

#CR-about-page .CR-about-philosophy .list-box .item .accordion-button::after {
    display: none;
}

#CR-about-page .CR-about-philosophy .list-box .item .title-group {
    position: relative;
    z-index: 1;
    width: 100%;
}

#CR-about-page .CR-about-philosophy .list-box .item .title {
    color: var(--cl-blue);
    font-family: var(--font-sp);
    font-size: 3.125rem  /* 50/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1.0625rem;
    margin: 0 auto;
    overflow: hidden;
    text-shadow: -3px -3px 0 var(--cl-white), 3px -3px 0 var(--cl-white), -3px 3px 0 var(--cl-white), 3px 3px 0 var(--cl-white);
    width: 100%;
    display: block;
    word-break: break-word;
}

#CR-about-page .CR-about-philosophy .list-box .item .title::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-shadow: -1px 6px 5px rgba(0, 0, 0, 0.20);
    z-index: -1;
}

#CR-about-page .CR-about-philosophy .list-box .item .desc {

}

#CR-about-page .CR-about-philosophy .list-box .item .desc *{
    color: var(--cl-black);
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
    margin-bottom: 0.5rem;
}

#CR-about-page .CR-about-philosophy .list-box .item .desc b {
    font-weight: 700 !important;
}

#CR-about-page .CR-about-philosophy .list-box .item .desc ul {
    list-style-type: none;
    list-style-position: inside;
}

#CR-about-page .CR-about-philosophy .list-box .item .desc li:before {
    content: '';
    width: 0.3125rem  /* 5/16 */;
    height: 0.3125rem  /* 5/16 */;
    border-radius: 50%;
    background: var(--cl-black);
    position: absolute;
    top: 0.7rem;
    left: 0;
}

#CR-about-page .CR-about-philosophy .list-box .item .desc li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 0.85rem;
}

#CR-about-page .CR-about-philosophy .image-box {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 1.875rem  /* 30/16 */;
}

#CR-about-page .CR-about-philosophy .image-box .item {
    width: 50%;
    padding: 0.625rem  /* 10/16 */;
}

#CR-about-page .CR-about-philosophy .image-box .item:nth-child(1) {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -13%;
}

#CR-about-page .CR-about-philosophy .image-box .item:nth-child(2) {
    bottom: 0;
    left: 0;
}

#CR-about-page .CR-about-philosophy .image-box .item:nth-child(3) {
    bottom: 0;
    right: 0;
}

#CR-about-page .CR-about-philosophy .image-box .wrap.active,
#CR-about-page .CR-about-philosophy .image-box .item .wrap:hover {
    background-color: rgb(237 28 36 / 80%) !important;
}

#CR-about-page .CR-about-philosophy .image-box .item:nth-child(1) .wrap{
    width: 50%;
    padding-top: 55%;
}

#CR-about-page .CR-about-philosophy .image-box .item .wrap {
    position: relative;
    width: 100%;
    /*height: auto;*/
    /*aspect-ratio: 1/1.15;*/
    padding-top: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    -moz-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    background-color: transparent;
    background-blend-mode: color-dodge;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

#CR-about-page .CR-about-philosophy .image-box .item .wrap:after {
    content: '';
    background: rgb(237 28 36 / 80%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-about-page .CR-about-philosophy .image-box .item .thumb{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}


#CR-about-page .CR-about-philosophy .image-box .item .icon{
    width: auto;
    height: 35%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#CR-about-page .CR-about-process {
    padding: 9.375rem  /* 150/16 */ 0 0;
}

#CR-about-page .CR-about-process .list-box {
    margin: 2.8125rem  /* 45/16 */ auto 0;
    /*border-radius: 1.25rem !* 20/16 *!;*/
    /*box-shadow: 4px 4px 25px 0 rgba(46, 70, 157, 0.30);*/
    /*background: linear-gradient(180deg, #2E469D 0%, #1D3074 100%);*/
}

#CR-about-page .CR-about-process .item:hover {
    padding-top: 0;
    margin-top: 0;
}

#CR-about-page .CR-about-process .item {
    width: 25%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    /*padding-top: 4.6875rem  !* 75/16 *!;*/
    padding-top: 5.125rem  /* 82/16 */;
}

#CR-about-page .CR-about-process .item.slick-active.slick-current .wrap{
    border-radius: 20px 0 0 20px;
}

#CR-about-page .CR-about-process .item.slick-active + .slick-active + .slick-active + .slick-active .wrap{
    border-radius: 0 20px 20px 0;
}

#CR-about-page .CR-about-process .CR-custom-arrow-full svg {
    margin-top: 3.75rem  /* 60/16 */;
}

#CR-about-page .CR-about-process .item * {
    color: var(--cl-white);
    text-align: center;
}

#CR-about-page .CR-about-process .item .title {
    font-size: 1.75rem  /* 28/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1.125rem  /* 18/16 */;
}

#CR-about-page .CR-about-process .item .sub-title {
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem  /* 28/16 */;
    max-height: 3.5rem;
    height: 3.5rem ;
    min-height: 3.5rem;
    display: block;
}

#CR-about-page .CR-about-process .item:hover .wrap {
    border-top-left-radius: 1.25rem  /* 20/16 */ !important;
    border-top-right-radius: 1.25rem  /* 20/16 */ !important;
    background: linear-gradient(180deg, #ED1C24 0%, #AB0309 100%);
    /*background: var(--cl-main);*/
    /*margin-bottom: 0;*/
    padding-bottom: 2.8125rem  /* 45/16 */;
}

#CR-about-page .CR-about-process .item .wrap {
    position: relative;
    /* aspect-ratio: 1/1; */
    background: linear-gradient(180deg, #2E469D 0%, #1D3074 100%);
    /*background: var(--cl-blue);*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    height: 100%;
    padding: 2.1875rem  /* 35/16 */ 1.25rem /* 20/16;; */ 4.6875rem  /* 75/16 */ 1.25rem  /* 20/16 */;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    /*margin-bottom: -8.5625rem;*/
}

#CR-about-page .CR-about-process .item:hover .wrap .cont-hover {
    height: 7rem  /* 112/16 */;
}

#CR-about-page .CR-about-process .item .cont-hover {
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem /* 28/16 */;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 7rem /* 112/16 */;
    height: 0;
    /*margin: 1.5625rem !* 25/16 *! 0 0;*/
}

#CR-about-page .CR-about-process .item .icon {
    text-align: center;
    margin-bottom: 1.25rem  /* 20/16 */;
}

#CR-about-page .CR-about-process .item .icon img {
    width: auto;
    height: 4.6875rem /* 75/16 */;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 90%;
    display: block;
    margin: 0 auto;
}

#CR-about-page .CR-about-certification {
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(254, 242, 243, 1)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
    padding: 8.75rem  /* 140/16 */ 0;
}

#CR-about-page .CR-about-certification .list-box {
    margin: 2.5rem /* 40/16 */ auto 0;
    width: 80%;
}

#CR-about-page .CR-about-certification .item {
    width: 100%;
}

#CR-about-page .CR-about-certification .item .wrap {
    position: relative;
}

#CR-about-page .CR-about-certification .item .img-box {
    width: 17.5rem  /* 280/16 */;
    min-width: 17.5rem  /* 280/16 */;
}

#CR-about-page .CR-about-certification .item .img-box img {
    width: 100%;
    height: auto;
    border-radius: 1.25rem  /* 20/16 */;
    -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.15);
}

#CR-about-page .CR-about-certification .item .cont-box {
    background: var(--cl-main);
    padding: 4.75rem  /* 76/16 */ 3.75rem  /* 60/16 */;
    border-radius: 0 1.25rem  /* 20/16 */ 1.25rem  /* 20/16 */ 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#CR-about-page .CR-about-certification .item .title{
    color: var(--cl-white);
    font-size: 1.5625rem  /* 25/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

#CR-about-page .CR-about-certification .item .desc{
    color: var(--cl-white);
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 5.25rem  /* 84/16 */;
}

/**================== PRODUCTS PAGE ==================**/
#CR-products-page {
    padding-bottom: 8.75rem  /* 140/16 */;
}

#CR-products-page .CR-title-group .desc {
    font-weight: 400;
    max-width: 70%;
    font-size: 1.125rem  /* 18/16 */;
    line-height: 1.75rem  /* 28/16 */;
}

#CR-products-page .terms-box {
    margin: 3.75rem  /* 60/16 */ -0.625rem  /* -10/16 */ -0.625rem  /* -10/16 */;
}

#CR-products-page .terms-box .item {
    width: 16.6667%;
    padding: 0.625rem  /* 10/16 */;
}

#CR-products-page .terms-box .item .wrap {
    padding: 3.125rem  /* 50/16 */ 1rem  /* 16/16 */ 1rem  /* 16/16 */;
    position: relative;
    border-radius: 0.625rem  /* 10/16 */;
    overflow: hidden;
    aspect-ratio: 1/1;
}

#CR-products-page .terms-box .item .wrap:before {
    padding-top: 100%;
    content: '';
    display: block;
}

#CR-products-page .terms-box .item .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

#CR-products-page .terms-box .item.active .bg-hover,
#CR-products-page .terms-box .item .wrap:hover .bg-hover {
    transform: scale(1);
    opacity: 1;
}

#CR-products-page .terms-box .item .bg-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    transform: scale(0);
    opacity: 0;
    border-radius: 0.625rem  /* 10/16 */;
}

#CR-products-page .terms-box .item .info {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#CR-products-page .terms-box .item .icon {
    text-align: center;
    position: relative;
    height: 5.625rem /* 90/16 */;
    margin-bottom: 1.5rem;
}

#CR-products-page .terms-box .item .icon img {
    max-width: 100%;
    width: auto;
    height: 5.625rem /* 90/16 */;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#CR-products-page .terms-box .item.active .icon-hover,
#CR-products-page .terms-box .item .icon-def,
#CR-products-page .terms-box .item .wrap:hover .icon-hover {
    opacity: 1;
}

#CR-products-page .terms-box .item .wrap:hover .icon-def,
#CR-products-page .terms-box .item .icon-hover {
    opacity: 0;
}

#CR-products-page .terms-box .item .title {
    color: var(--cl-white);
    text-align: center;
    font-size: 0.8125rem  /* 13/16 */;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 auto 0;
}

#CR-products-page .products-info-term-box {
    margin: 5.375rem  /* 86/16 */ 0 0;
}

#CR-products-page .products-info-term-box .info-box{

}

#CR-products-page .products-info-term-box .info-box .sub-title{
    color: var(--cl-main);
    text-align: center;
    font-family: var(--font-sp);
    font-size: 2.5rem  /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 auto;
}

#CR-products-page .products-info-term-box .info-box .desc{
    color: var(--cl-black);
    text-align: center;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
    margin: 1.5rem  /* 24/16 */ auto 0;
    max-width: 65%;
}

#CR-products-page .child-terms-box {
    margin: 3.125rem  /* 50/16 */ 0 0;
}

#CR-products-page .child-terms-box ul {
    margin: -1rem -1.40625rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-products-page .child-terms-box ul li {
    padding: 1rem 1.40625rem;
}

#CR-products-page .child-terms-box a {
    color: var(--cl-blue);
    font-family: var(--font-sp);
    font-size: 1.875rem  /* 30/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 0.25rem;
}

#CR-products-page .child-terms-box a:hover:after,
#CR-products-page .child-terms-box .active a:after {
    right: 0;
}

#CR-products-page .child-terms-box a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: var(--cl-main);
    height: 0.1875rem  /* 3/16 */;
}

#CR-products-page .CR-products-list {
    margin: 3.125rem  /* 50/16 */ -0.625rem /* -10/16 */ 0;
}

#CR-products-page .CR-products-list .products-row {
    width: 100%;
}

#CR-products-page .CR-products-list .products-row > div {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#CR-products-page .CR-products-list .products-row .left-box .CR-item-product:nth-child(3),
#CR-products-page .CR-products-list .products-row .right-box .CR-item-product:nth-child(1) {
    width: 100%;
}

.CR-item-product {
    width: 50%;
    padding: 0.625rem  /* 10/16 */;
}

.CR-item-product .wrap {
    position: relative;
    border-radius: 1.25rem /* 20/16 */;
    overflow: hidden;
    background: var(--cl-bg-pd);
}

.CR-item-product .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.CR-item-product .thumb {
    position: relative;
    /*aspect-ratio: 1/1;*/
    padding-top: 100%;
}

.CR-item-product .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 80%;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.CR-item-product .wrap:hover .title {
    opacity: 1;
    transform: var(--active-appear-animation);
}

.CR-item-product .title {
    color: var(--cl-white);
    font-family: var(--font-sp);
    font-size: 1.875rem  /* 30/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
    padding: 0 1rem  /* 16/16 */;
    opacity: 0;
    transform: var(--appear-animation);
}

.CR-item-product .wrap:hover .cont {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.CR-item-product .cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgb(46 70 157 / 80%);
    -webkit-transition: 0.75s ease-in-out;
    -o-transition: 0.75s ease-in-out;
    transition: 0.75s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 1.25rem /* 20/16 */;
}

/**================== PRODUCT DETAIL PAGE ==================**/
#CR-product-detail-page .default-title {
    color: var(--cl-main);
    font-family: var(--font-sp);
    font-size: 2.5rem  /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 1.875rem  /* 30/16 */;
}

#CR-product-detail-page .CR-special-banner-group .banner-box {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 237, 237, 0.00)), to(#FEE));
    background: -o-linear-gradient(top, rgba(255, 237, 237, 0.00) 0%, #FEE 100%);
    background: linear-gradient(180deg, rgba(255, 237, 237, 0.00) 0%, #FEE 100%);
    padding: 5.3125rem  /* 85/16 */ 0;
}

#CR-product-detail-page .CR-special-banner-group .banner-box .main-title {
    color: var(--cl-main);
    font-family: var(--font-sp);
    font-size: 2.5rem  /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

#CR-product-detail-page .CR-special-banner-group .banner-box .desc {
    color: var(--cl-black);
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
    margin: 1.25rem  /* 20/16 */ 0 0;
}

#CR-product-detail-page .CR-special-banner-group .banner-box .CR-btn-style {
    margin: 2.5rem  /* 40/16 */ 0 0;
    background: -o-linear-gradient(left, #D21118 0%, #FF1821 100%) !important;
    background: -webkit-gradient(linear, left top, right top, from(#D21118), to(#FF1821)) !important;
    background: linear-gradient(90deg, #D21118 0%, #FF1821 100%) !important;
    padding: 0 3.75rem  /* 60/16 */;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--cl-white);
}

#CR-product-detail-page .CR-special-banner-group .banner-box .CR-btn-style svg * {
    fill: var(--cl-white);
}

#CR-product-detail-page .CR-special-banner-group .banner-box img {
    width: 100%;
    height: auto;
    max-height: 41.875rem  /* 670/16 */;
    -o-object-fit: contain;
    object-fit: contain;
}

#CR-product-detail-page .CR-product-detail-intro .intro {
    color: var(--cl-black);
    text-align: center;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
    margin: 0 auto;
    width: 80%;
}

#CR-product-detail-page .CR-product-detail-slider {
    padding: 2.5rem  /* 40/16 */ 0 5.625rem  /* 90/16 */;
}

#CR-product-detail-page .CR-product-detail-slider .desc {
    color: var(--cl-black);
    text-align: justify;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
    margin: 3.125rem  /* 50/16 */ auto 0;
    width: 85%;
}

#CR-product-detail-page .CR-product-detail-slider .gallery-box {
    margin-bottom: -3.75rem /* -60/16 */;
    z-index: 1;
    position: relative;
}

#CR-product-detail-page .CR-product-detail-slider .gallery-box .item {
    /*aspect-ratio: 16/9;*/
    width: 100%;
    position: relative;
    border-radius: 1.25rem  /* 20/16 */;
    overflow: hidden;
}

#CR-product-detail-page .CR-product-detail-slider .gallery-box .item:after {
    content: '';
    padding-top: 56.25%;
    display: block;
}

#CR-product-detail-page .CR-product-detail-slider .gallery-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

#CR-product-detail-page .CR-product-detail-slider .parameters-box {
    background: var(--cl-blue);
    border-radius: 1.25rem  /* 20/16 */;
    padding: 3.75rem  /* 60/16 */;
    margin: 0 auto;
    width: 85%;
    z-index: 2;
    position: relative;
}

#CR-product-detail-page .CR-product-detail-slider .parameters-box ul {
    margin: -0.5625rem  /* -9/16 */ -1.375rem  /* -22/16 */;
}

#CR-product-detail-page .CR-product-detail-slider .parameters-box li {
    width: 33.33%;
    padding: 0.5625rem  /* 9/16 */ .5rem  /* 22/16 */;
}

#CR-product-detail-page .CR-product-detail-slider .parameters-box li *{
    color: var(--cl-white);
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    line-height: normal;
}

#CR-product-detail-page .CR-product-detail-slider .parameters-box li span {
    font-weight: 400;
    min-width: 50%;
    width: 30%;
}

#CR-product-detail-page .CR-product-detail-slider .parameters-box li p b{
    font-weight: 700;
    flex: 1;
    padding-left: 0.375rem  /* 6/16 */;
}

#CR-product-detail-page .CR-product-detail-slider .button-box {
    width: 65%;
    margin: 1.875rem  /* 30/16 */ auto 0;
}

#CR-product-detail-page .CR-product-detail-slider .button-box .item {
    padding: 0 0.8125rem  /* 13/16 */;
    width: 50%;
}

#CR-product-detail-page .CR-product-detail-slider .button-box .CR-btn-style {
    width: 100%;
}

#CR-product-detail-page .CR-product-detail-faqs {
    background: rgb(255,250,250);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,250,250,1)), color-stop(65%, rgba(253,232,233,1)));
    background: -o-linear-gradient(top, rgba(255,250,250,1) 0%, rgba(253,232,233,1) 65%);
    background: linear-gradient(180deg, rgba(255,250,250,1) 0%, rgba(253,232,233,1) 65%);
    padding: 6.25rem  /* 100/16 */ 0;
    position: relative;
}

#CR-product-detail-page .CR-product-detail-faqs .faqs-box {
    margin: -0.9375rem  /* -15/16 */ -3.125rem  /* -50/16 */;
}

#CR-product-detail-page .CR-product-detail-faqs .faqs-box:after {
    content: "";
    display: table;
    clear: both;
}

#CR-product-detail-page .CR-product-detail-faqs .faq-item {
    width: 50%;
    float: left;
    padding: 0.9375rem  /* 15/16 */ 3.125rem  /* 50/16 */;
}

#CR-product-detail-page .CR-product-detail-faqs .faq-item .title {
    color: var(--cl-blue);
    text-align: left;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem  /* 28/16 */;
    margin: 0 0 0.625rem  /* 10/16 */;
}

#CR-product-detail-page .CR-product-detail-faqs .faq-item .content {
    color: var(--cl-black);
    text-align: left;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem  /* 28/16 */;
    margin: 0;
}

#CR-product-detail-page .CR-product-detail-faqs .CR-btn-style {
    margin: 3.125rem  /* 50/16 */ auto 0;
    padding: 0 3.75rem  /* 60/16 */;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: transparent;
}

#CR-product-detail-page .CR-product-detail-related {
    padding: 6.875rem  /* 110/16 */ 0 8.125rem  /* 130/16 */;
}

#CR-product-detail-page .CR-product-detail-related .list {
    margin: -0.625rem /* 10/16 */;
}

#CR-product-detail-page .CR-product-detail-related .CR-custom-arrow-full {
    position: relative;
    left: unset;
    right: unset;
}

#CR-product-detail-page .CR-product-detail-related .CR-custom-arrow-full,
#CR-product-detail-page .CR-product-detail-related .CR-custom-arrow-full svg {
    width: auto;
}

#CR-popup-faqs .main-title {
    color: var(--cl-main);
    text-align: center;
    font-family: var(--font-sp);
    font-size: 2.5rem  /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 auto 1.4375rem  /* 23/16 */;
}

#CR-popup-faqs.CR-popup-default-wrap .box {
    padding: 3.125rem  /* 50/16 */ 7.125rem  /* 114/16 */;
    border-radius: 1.875rem  /* 30/16 */;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
    max-width: 57vw;
}

#CR-popup-faqs .form--box .CR-form-def .def-form-field:not(:last-child) {
    margin-bottom: 1.4375rem  /* 23/16 */;
}

#CR-popup-faqs .form--box .CR-form-def .def-form-field:last-child {
    margin-top: 1.4375rem  /* 23/16 */;
}

#CR-popup-faqs .form--box .CR-form-def label {
    padding: 0 1.25rem  /* 20/16 */;
    margin-bottom: 0.375rem  /* 6/16 */;
}

#CR-popup-faqs .form--box .CR-form-def input:not([type=submit]),
#CR-popup-faqs .form--box .CR-form-def textarea {
    border-radius: 1.875rem /* 30/16 */ !important;
    background: #FFF6F6;
    border: none !important;
}

#CR-popup-faqs .form--box .CR-form-def textarea {
    height: 14.375rem /* 230/16 */ !important;
    padding: 0.5rem  /* 8/16 */ 1.25rem  /* 20/16 */ !important;
}

#CR-popup-faqs .form--box .CR-form-def input[type=submit] {
    background: -o-linear-gradient(left, #D21118 0%, #FF1821 100%) !important;
    background: -webkit-gradient(linear, left top, right top, from(#D21118), to(#FF1821)) !important;
    background: linear-gradient(90deg, #D21118 0%, #FF1821 100%) !important;
    color: var(--cl-white);
    max-width: 60%;
    margin: 0 auto;
}

#CR-popup-pd-quotation .main-title {
    color: var(--cl-main);
    text-align: center;
    font-family: var(--font-sp);
    font-size: 2.5rem  /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 auto 1.4375rem  /* 23/16 */;
}

#CR-popup-pd-quotation.CR-popup-default-wrap .box {
    padding: 3.125rem  /* 50/16 */ 5rem  /* 80/16 */;
    border-radius: 1.875rem  /* 30/16 */;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
    max-width: 81.25rem  /* 1300/16 */;
}

#CR-popup-pd-quotation .wrap-box {
    margin: 0 -2.375rem  /* -38/16 */;
}

#CR-popup-pd-quotation .wrap-box > div {
    width: 50%;
    padding: 0 2.375rem  /* 38/16 */;
    position: relative;
}

#CR-popup-pd-quotation .wrap-box .left-box {
    border-right: 1px solid #b4b4b473;
}

#CR-popup-pd-quotation .sub-title {
    color: var(--cl-blue);
    font-size: 2.5rem  /* 40/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.375rem  /* 22/16 */;
}

#CR-popup-pd-quotation .note-form {
    color: var(--cl-black);
    font-size: 0.9375rem  /* 15/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem  /* 22/16 */;
    margin: 0;
}

#CR-popup-pd-quotation .CR-sub-box-input .CR-def-input {
    text-align: center;
    padding: 0 1.25rem  /* 20/16 */ !important;
}

#CR-popup-pd-quotation .hide {
    display: none;
}

#CR-popup-pd-quotation .CR-btn-style {
    background: -o-linear-gradient(left, #D21118 0%, #FF1821 100%) !important;
    background: -webkit-gradient(linear, left top, right top, from(#D21118), to(#FF1821)) !important;
    background: linear-gradient(90deg, #D21118 0%, #FF1821 100%) !important;
    color: var(--cl-white);
}

#CR-popup-pd-quotation .thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 5rem  /* 80/16 */;
}

#CR-popup-pd-quotation .thumb img {
    width: auto;
    max-width: 100%;
    height: 24.375rem  /* 390/16 */;
    object-fit: contain;
}
#CR-popup-pd-quotation .result-empty {
    font-weight: 700 !important;
}

#CR-popup-pd-quotation .result-empty,
#CR-popup-pd-quotation .note-result {
    color: var(--cl-black);
    font-size: 0.9375rem  /* 15/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem  /* 22/16 */;
    margin: 0 0 1.625rem  /* 26/16 */;
}

#CR-popup-pd-quotation .result-list {
    margin-bottom: 1rem  /* 16/16 */;
}

#CR-popup-pd-quotation .result-list span {
    color: var(--cl-black);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-width: 30%;
    width: 30%;
}

#CR-popup-pd-quotation .result-list b {
    color: var(--cl-main);
    font-family: var(--font-sp);
    font-size: 1.875rem  /* 30/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#CR-popup-pd-quotation .result-step .main-title {
    text-align: left;
}

#CR-popup-pd-quotation .result-list li {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

#CR-popup-pd-quotation .result-left-box {
    width: 40%;
}

#CR-popup-pd-quotation .result-right-box {
    width: 60%;
}

#CR-popup-pd-quotation .thank-step {
    padding: 2.5rem  /* 40/16 */ 0;
}

#CR-popup-pd-quotation .thank-step .icon{
    display: block;
    text-align: center;
}

#CR-popup-pd-quotation .thank-step .icon svg{
    width: auto;
    height: 7.5rem  /* 120/16 */;
}

#CR-popup-pd-quotation .thank-step .content{
    color: var(--cl-black);
    text-align: center;
    font-size: 1.5625rem  /* 25/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: 2.1875rem  /* 35/16 */;
    text-transform: uppercase;
    margin: 1.5625rem  /* 25/16 */ 0 0;
}

#CR-popup-pd-quotation .thank-step a {
    width: 100%;
    padding: 0 2.5rem  /* 40/16 */;
}

#CR-popup-pd-quotation .thank-step .CR-btn-group {
    margin: 1.5625rem /* 25/16 */ auto 0;
    width: 50%;
}

#CR-popup-pd-quotation .thank-step .CR-btn-group .item {
    width: 50%;
    padding: 0.5rem;
}

.single-cr_product #CR-popup-pd-quotation .quotation_pd_term,
.single-cr_product .CR-custom-sticky-icons li.ico-3 {
    display: none;
}


/**================== RECRUITMENT PAGE ==================**/

#CR-recruitment-page .CR-work-environment .image-box:before {
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.17%, #FEFEFE), color-stop(36.46%, rgba(254, 254, 254, 0.81)), color-stop(72.92%, rgba(255, 255, 255, 0.43)), to(rgba(255, 255, 255, 0.00)));
    background: -o-linear-gradient(top, #FEFEFE 4.17%, rgba(254, 254, 254, 0.81) 36.46%, rgba(255, 255, 255, 0.43) 72.92%, rgba(255, 255, 255, 0.00) 100%);
    background: linear-gradient(180deg, #FEFEFE 4.17%, rgba(254, 254, 254, 0.81) 36.46%, rgba(255, 255, 255, 0.43) 72.92%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 40%;
}

#CR-recruitment-page .CR-work-environment .image-box {
    position: relative;
    margin-top: -20%;
    z-index: -1;
    -webkit-clip-path: url(#wave-alternate);
    clip-path: url(#wave-alternate);
}

#CR-recruitment-page .CR-work-environment .image-box img {
    width: 100%;
    height: auto;
}

#CR-recruitment-page .CR-work-environment .list-box {
    margin: 4.375rem /* 70/16 */ -6.25rem /* -100/16 */ 0;
    position: relative;
    z-index: 2;
}

#CR-recruitment-page .CR-work-environment .list-box:after {
    content: '';
    background: var(--cl-blue);
    width: 2px;
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

#CR-recruitment-page .CR-work-environment .item:not(:last-child) {
    margin-bottom: -10%;
}

#CR-recruitment-page .CR-work-environment .item .wrap {
    position: relative;
}

#CR-recruitment-page .CR-work-environment .item:nth-child(even) .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#CR-recruitment-page .CR-work-environment .item .wrap > div {
    padding: 0 6.25rem /* 100/16 */;
    width: 50%;
}

#CR-recruitment-page .CR-work-environment .item:nth-child(even) .hexagon--box:after {
    left: unset;
    right: calc(100% - 1.25rem /* 20/16 */);
}

#CR-recruitment-page .CR-work-environment .item .hexagon--box:after {
    content: '';
    width: 2.5rem /* 40/16 */;
    height: 2.5rem /* 40/16 */;
    border: 2px solid var(--cl-blue);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(100% - 1.25rem /* 20/16 */);
    border-radius: 50%;
    background: var(--cl-white);
}

#CR-recruitment-page .CR-work-environment .item .hexagon--box {
    position: relative;
}

#CR-recruitment-page .CR-work-environment .item .hexagon--cont {
    width: 100%;
    min-width: 100%;
    /*height: auto;*/
    /*aspect-ratio: 1/1.15;*/
    padding-top: 115%;
    background-color: var(--cl-gray);
    position: relative;
    -webkit-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    -moz-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
    clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
}

#CR-recruitment-page .CR-work-environment .item .hexagon--cont img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

#CR-recruitment-page .CR-work-environment .item .content--box {
    width: 100%;
}

#CR-recruitment-page .CR-work-environment .item .title {
    color: var(--cl-blue);
    font-family: var(--font-sp);
    font-size: 2.5rem /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

#CR-recruitment-page .CR-work-environment .item .desc {
    color: var(--cl-dark-gray);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem /* 26/16 */;
    margin: 1.875rem /* 30/16 */ 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    max-height: 9.75rem /* 156/16 */;
}

#CR-recruitment-page .CR-job-position {
    padding: 8.75rem /* 140/16 */ 0 11.25rem /* 180/16 */;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(254, 242, 243, 1)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
}

#CR-recruitment-page .CR-job-position .list-box {
    border-radius: 1.25rem /* 20/16 */;
    background: var(--cl-white);
    -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
    width: 85%;
    margin: 4.375rem /* 70/16 */ auto 0;
}

.CR-recruitment-col-box li {
    padding: 0 0.9375rem /* 15/16 */;
}

.CR-recruitment-col-box li:not(:last-child) {
    border-right: 1px solid #EBEBEB;
}

.CR-recruitment-col-box li:nth-child(1) {
    width: 25%;
    padding-left: 2.5rem /* 40/16 */;
}

.CR-recruitment-col-box li:nth-child(2) {
    width: 8%;
}

.CR-recruitment-col-box li:nth-child(4),
.CR-recruitment-col-box li:nth-child(3),
.CR-recruitment-col-box li:nth-child(5),
.CR-recruitment-col-box li:last-child {
    width: 16.75%;
}

.CR-recruitment-col-box li:nth-child(1) * {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.CR-recruitment-col-box li * {
    color: var(--cl-black);
    font-size: 0.9375rem /* 15/16 */;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-align: center;
}

.CR-recruitment-list-heading {
    background: var(--cl-main);
}

.CR-recruitment-list-heading li p {
    color: var(--cl-white);
    font-size: 1.125rem /* 18/16 */;
    font-weight: 700;
    line-height: normal;
    padding: 0.3125rem;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.625rem /* 74/16 */;
}

.CR-item-recruitment {
    width: 100%;
    -webkit-box-shadow: 0 3px 10px transparent;
    box-shadow: 0 3px 10px transparent;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: relative;
}

.CR-item-recruitment:not(:last-child) {
    border-bottom: 1px solid #EBEBEB;
}

.CR-item-recruitment:after {
    content: '';
    background: var(--cl-white);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.CR-item-recruitment:hover {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.CR-item-recruitment .CR-recruitment-col-box li {
    padding-top: 2.5rem /* 40/16 */;
    padding-bottom: 2.5rem /* 40/16 */;
}

.CR-item-recruitment .CR-recruitment-col-box li * {
    color: var(--cl-dark-gray);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem /* 28/16 */;
}

.CR-item-recruitment ul {
    padding: 0;
    background: #FBFBFB;
}

.CR-item-recruitment ul li {
    padding: 0.9375rem /* 15/16 */;
}

.CR-item-recruitment a {
    display: block;
    width: 100%;
}

.CR-item-recruitment a:hover {
    color: var(--cl-main) !important;
}

.CR-item-recruitment .label {
    display: none;
}

/**================== RECRUITMENT DETAIL PAGE ==================**/
#CR-recruitment-detail-page {
    padding-bottom: 12.5rem /* 200/16 */;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top {
    margin-bottom: 5.3125rem /* 85/16 */;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .row {
    border-radius: 1.875rem /* 30/16 */;
    background: var(--cl-white);
    -webkit-box-shadow: -5px 0 50px 0 rgba(0, 0, 0, 0.08);
    box-shadow: -5px 0 50px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .intro-box {
    padding: 2.5rem /* 40/16 */ 3.4375rem /* 55/16 */;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .main-title {
    color: var(--cl-main);
    font-family: var(--font-sp);
    font-size: 3.75rem /* 60/16 */;
    font-style: normal;
    font-weight: 600;
    line-height: 4.6875rem /* 75/16 */;
    margin-bottom: 2.5rem /* 40/16 */;
    padding-bottom: 2.5rem /* 40/16 */;
    border-bottom: 1px solid var(--cl-light-gray);
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .desc {
    color: var(--cl-black);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem /* 28/16 */;
    position: relative;
    padding-left: 1.5625rem /* 25/16 */;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .desc:before {
    content: '';
    background: var(--cl-main);
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.25rem /* 4/16 */;
    position: absolute;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .right {
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .contact-box {
    background: var(--cl-blue);
    padding: 3.125rem /* 50/16 */;
    height: 100%;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .contact-box * {
    color: var(--cl-white);
    font-size: 1rem /* 16/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem /* 24/16 */;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .contact-box .title {
    font-size: 1.25rem /* 20/16 */;
    font-weight: 700;
    line-height: 1.625rem /* 26/16 */;
    text-transform: uppercase;
    margin-bottom: 0.3125rem /* 5/16 */;
}

#CR-recruitment-detail-page .CR-recruitment-detail-top .contact-box .item:not(:last-child) {
    margin-bottom: 1.875rem /* 30/16 */;
}

#CR-recruitment-detail-page .sidebar-box {
    border-radius: 1.875rem /* 30/16 */;
    background: var(--cl-white);
    -webkit-box-shadow: 5px 4px 30px 0 rgba(0, 135, 67, 0.10);
    box-shadow: 5px 4px 30px 0 rgba(0, 135, 67, 0.10);
    padding: 3rem /* 48/16 */;
    position: sticky;
    top: 0;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

#CR-recruitment-detail-page .info-main-box {
    width: calc(100% - 3.75rem /* 60/16 */);
}

#CR-recruitment-detail-page .info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#CR-recruitment-detail-page .info-box:not(:last-child) {
    margin-bottom: 2.5rem /* 40/16 */;
    padding-bottom: 2.5rem /* 40/16 */;
    border-bottom: 1px solid #DEDEDE;
}

#CR-recruitment-detail-page .info-box .title {
    color: var(--cl-black);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 600;
    line-height: 1.625rem /* 26/16 */;
    margin-bottom: 1rem;
    min-width: 25%;
    width: 25%;
}

#CR-recruitment-detail-page .info-box .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.875rem /* 30/16 */;
}

#CR-recruitment-detail-page .related-box > .title {
    color: var(--cl-main);
    font-family: var(--font-sp);
    font-size: 1.875rem /* 30/16 */;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 1.875rem /* 30/16 */;
    margin-bottom: 0;
}

#CR-recruitment-detail-page .form-box {
    margin-top: 3.75rem /* 60/16 */;
    border-radius: 1.875rem /* 30/16 */;
    background: var(--cl-white);
    -webkit-box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.08);
    padding: 4.375rem /* 70/16 */;
}

#CR-recruitment-detail-page .form-box a,
#CR-recruitment-detail-page .form-box > .title {
    color: var(--cl-main);
    text-align: center;
    font-family: var(--font-sp);
    font-size: 2.5rem /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}

#CR-recruitment-detail-page .CR-cf7-box {
    padding-top: 2.5rem /* 40/16 */;
}

#CR-recruitment-detail-page .CR-cf7-box .CR-form-def input:not([type="submit"]):not([type="file"]),
#CR-recruitment-detail-page .CR-cf7-box .CR-form-def textarea {
    border-radius: 1.875rem /* 30/16 */ !important;
}

#CR-recruitment-detail-page .CR-cf7-box .CR-form-def textarea {
    height: 15.4375rem /* 247/16 */ !important;
    padding: 1.25rem /* 20/16 */ !important;
}

#CR-recruitment-detail-page .CR-cf7-box .CR-form-def .def-form-field:nth-last-child(1),
#CR-recruitment-detail-page .CR-cf7-box .CR-form-def .def-form-field:nth-last-child(2) {
    margin: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#CR-recruitment-detail-page .CR-cf7-box .CR-form-def .def-form-field:nth-last-child(1) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

#CR-recruitment-detail-page .CR-cf7-box .CR-form-def .gr-def-form-btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

#CR-recruitment-detail-page .CR-cf7-box .CR-form-def input[type=submit] {
    width: 18.75rem /* 300/16 */;
}

.CR-item-recruitment-related {
    border-top: 1px solid #DEDEDE;
}

.CR-item-recruitment-related .wrap {
    position: relative;
    padding: 1.5625rem /* 25/16 */ 0;
}

.CR-item-recruitment-related:last-child .wrap {
    padding-bottom: 0;
}

.CR-item-recruitment-related .wrap:hover .title {
    color: var(--cl-main);
}

.CR-item-recruitment-related .title {
    color: var(--cl-dark-gray);
    font-size: 1.25rem /* 20/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: 1.625rem /* 26/16 */;
    display: block;
}

.CR-item-recruitment-related .date {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem /* 16/16 */;
    line-height: normal;
    color: var(--cl-dark-gray);
    margin-top: 0.25rem;
}

/**================== NEWS PAGE ==================**/
#CR-news-page {
    padding-bottom: 7.5rem /* 120/16 */;
}

#CR-news-page .news-terms-box {
    margin-top: 2.5rem /* 40/16 */;
}

#CR-news-page .news-terms-box ul {
    margin: -0.625rem  /* -10/16 */;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-news-page .news-terms-box ul li {
    padding: 0.625rem  /* 10/16 */;
}

#CR-news-page .news-terms-box a {
    color: var(--cl-main);
    text-align: center;
    font-size: 1.25rem /* 20/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 6.25rem /* 100/16 */;
    border: 1px solid var(--cl-main);
    background: var(--cl-white);
    height: 3.125rem /* 50/16 */;
    min-width: 18.125rem /* 290/16 */;
    padding: 0 1rem /* 16/16 */;
}

#CR-news-page .news-terms-box a:hover,
#CR-news-page .news-terms-box .active a {
    background: var(--cl-main);
    color: var(--cl-white);
}

#CR-news-page .news-featured-box,
#CR-news-page .news-list-box {
    margin-top: 5.625rem /* 90/16 */;
}

#CR-news-page .CR-news-featured-list {
    margin: -0.375rem  /* -6/16 */;
}

#CR-news-page .CR-news-featured-list > div {
    width: 50%;
    padding: 0.375rem  /* 6/16 */;
}

#CR-news-page .CR-news-featured-list .CR-item-news {
    padding: 0;
    width: 100%;
}

#CR-news-page .CR-news-featured-list .CR-item-news .thumb {
    aspect-ratio: unset;
    padding-top: 0;
}

#CR-news-page .CR-news-featured-list .CR-item-news .wrap {
    -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
}

#CR-news-page .CR-news-featured-list .CR-item-news .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

#CR-news-page .CR-news-featured-list .CR-item-news .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#CR-news-page .CR-news-featured-list .CR-item-news .date {
    margin-bottom: 0;
}

#CR-news-page .CR-news-featured-list .left-box .CR-item-news .wrap {
    /* aspect-ratio: 1/1; */
    padding-top: 100%;
}

#CR-news-page .CR-news-featured-list .left-box .CR-item-news .thumb {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#CR-news-page .CR-news-featured-list .left-box .CR-item-news .cont {
    width: 50%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(237 28 36 / 80%);
}

#CR-news-page .CR-news-featured-list .left-box .CR-item-news .cont * {
    color: var(--cl-white) !important;
}

#CR-news-page .CR-news-featured-list .left-box .CR-item-news .date svg path {
    stroke: var(--cl-white);
}

#CR-news-page .CR-news-featured-list .left-box .CR-item-news .title {
    font-size: 1.5625rem  /* 25/16 */;
    line-height: 2.1875rem  /* 35/16 */;
    max-height: 6.5625rem  /* 105/16 */;
}

#CR-news-page .CR-news-featured-list .right-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*gap: 0.75rem;*/
}

#CR-news-page .CR-news-featured-list .right-box .CR-item-news {
    height: 50%;
}

#CR-news-page .CR-news-featured-list .right-box .CR-item-news:nth-child(1) {
    padding-bottom: 0.375rem  /* 6/16 */;
}

#CR-news-page .CR-news-featured-list .right-box .CR-item-news:nth-child(2) {
    padding-top: 0.375rem  /* 6/16 */;
}

#CR-news-page .CR-news-featured-list .right-box .CR-item-news .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#CR-news-page .CR-news-featured-list .right-box .CR-item-news:first-child .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#CR-news-page .CR-news-featured-list .right-box .CR-item-news .wrap > div {
    width: 50%;
}

#CR-news-page .CR-news-featured-list .CR-item-news .date svg,
#CR-news-page .CR-news-featured-list .CR-item-news .terms {
    display: block;
}

#CR-news-page .CR-news-list {
    margin: -0.9375rem /* 15/16 */ -0.625rem /* 10/16 */;
}

.CR-item-news {
    width: 33.33%;
    padding: 0.9375rem /* 15/16 */ 0.625rem /* 10/16 */;
}

.CR-item-news .wrap {
    position: relative;
    border-radius: 1.25rem /* 20/16 */;
    background: var(--cl-white);
    -webkit-box-shadow: 6px 5px 47px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 6px 5px 47px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: 100%;
}

.CR-item-news .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.CR-item-news .thumb {
    position: relative;
    /* aspect-ratio: 16/9; */
    padding-top: 56.25%;
}

.CR-item-news .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.CR-item-news .cont {
    padding: 2.125rem /* 34/16 */ 2.5rem /* 40/16 */;
}

.CR-item-news .title {
    color: var(--cl-black);
    font-family: var(--font-sp);
    font-size: 1.25rem /* 20/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem /* 30/16 */;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 5.625rem  /* 90/16 */;
    margin: 0;
}

.CR-item-news .wrap:hover .title {
    color: var(--cl-main);
}

.CR-item-news .terms,
.CR-item-news .date svg{
    display: none;
}

.CR-item-news .terms *,
.CR-item-news .date {
    color: var(--cl-black);
    font-size: 1rem /* 16/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.CR-item-news .terms {
    position: relative;
    z-index: 3;
}

.CR-item-news .date {
    margin-bottom: 0.25rem;
}

.CR-item-news .date svg path {
    stroke: var(--cl-main);
}

.CR-item-news .date svg {
    width: auto;
    height: 3.125rem /* 50/16 */;
}

#CR-news-page .CR-news-gallery-list {
    margin: 5.625rem  /* 90/16 */ -0.625rem  /* -10/16 */ 0;
}

#CR-news-page .CR-news-gallery-list .news-gal-row {
    width: 100%;
}

#CR-news-page .CR-news-gallery-list .news-gal-row > div {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#CR-news-page .CR-news-gallery-list .news-gal-row .left-box .CR-item-gallery:nth-child(3),
#CR-news-page .CR-news-gallery-list .news-gal-row .right-box .CR-item-gallery:nth-child(1) {
    width: 100%;
}

.CR-item-gallery {
    width: 50%;
    padding: 0.625rem  /* 10/16 */;
}

.CR-item-gallery .wrap {
    position: relative;
    border-radius: 1.25rem /* 20/16 */;
    overflow: hidden;
}

.CR-item-gallery .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-item-gallery .view svg {
    width: auto;
    height: 30%;
}

.CR-item-gallery .thumb {
    position: relative;
    /*aspect-ratio: 1/1;*/
    padding-top: 100%;
}

.CR-item-gallery .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

#CR-load-detail-gallery-news {
    max-width: 45vw;
    min-height: 6.25rem  /* 100/16 */;
    max-height: 43.75rem  /* 700/16 */;
    padding: 1rem;
    border-radius: 5px;
}

#CR-load-detail-gallery-news:before {
    background-position: center;
}

#CR-load-detail-gallery-news .CR-gallery-news-box .CR-slider-gal-news-nav {
    margin: 0 auto;
    padding-top: 0.5rem;
    width: 100%;
}

#CR-load-detail-gallery-news .CR-gallery-news-box .item-gallery {
    width: 100%;
}

#CR-load-detail-gallery-news .CR-gallery-news-box .CR-slider-gal-news-nav .item-gallery {
    width: 16.6667%;
    padding: 0.5rem;
}

#CR-load-detail-gallery-news .CR-gallery-news-box .item-gallery .wrap {
    position: relative;
    border-radius: 0.3125rem /* 5/16 */;
    overflow: hidden;
    /*aspect-ratio: 16/9;*/
    padding-top: 56.25%;
    border: 2px solid transparent;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-load-detail-gallery-news .CR-gallery-news-box .CR-slider-gal-news-nav .item-gallery.slick-current.slick-active img {
    -webkit-transform: translate(-50%, -50%) scale(0.85);
    -ms-transform: translate(-50%, -50%) scale(0.85);
    transform: translate(-50%, -50%) scale(0.85);
}

#CR-load-detail-gallery-news .CR-gallery-news-box .CR-slider-gal-news-nav .item-gallery.slick-current.slick-active .wrap {
    border-color: var(--cl-main);
}

#CR-load-detail-gallery-news .CR-gallery-news-box .item-gallery img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-load-detail-gallery-news .CR-gallery-news-box .CR-custom-arrow-full {
    width: 3.75rem /* 60/16 */;
}

#CR-load-detail-gallery-news .CR-gallery-news-box .CR-custom-arrow-full.left {
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5018382352941176) 50%, rgba(0,0,0,1) 100%);
}

#CR-load-detail-gallery-news .CR-gallery-news-box .CR-custom-arrow-full.right {
    right: 0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5018382352941176) 50%, rgba(0,0,0,1) 100%);
}


/**================== NEWS DETAIL PAGE ==================**/
#CR-news-detail-page {
    padding: 0 0 6.25rem /* 100/16 */;
}

#CR-news-detail-page .main-box {
    background: var(--cl-white);
    -webkit-box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.08);
    border-radius: 1.25rem  /* 20/16 */;
}

#CR-news-detail-page .sub-box {
    padding: 3.125rem /* 50/16 */ 6.25rem /* 100/16 */ 3.75rem  /* 60/16 */;
}

#CR-news-detail-page .CR-news-detail-banner {
    position: relative;
    margin-bottom: 0;
}

#CR-news-detail-page .CR-news-detail-banner img {
    width: 100%;
    height: auto;
}

#CR-news-detail-page .main-title {
    color: #282828;
    text-align: center;
    font-family: var(--font-sp);
    font-size: 2.5rem  /* 40/16 */;
    font-style: normal;
    font-weight: 600;
    line-height: 3.75rem  /* 60/16 */;
    text-transform: uppercase;
    margin: 0 auto 1.875rem  /* 30/16 */;
}

#CR-news-detail-page .sub-box .terms-date-box {
    border-color: rgba(102, 102, 102, 0.15) !important;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 1.3rem /* 16/16 */ 0;
    margin-bottom: 1.625rem /* 26/16 */;
}

#CR-news-detail-page .sub-box .terms-date-box * {
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    color: var(--cl-dark-gray);
    margin: 0;
}

#CR-news-detail-page .sub-box .terms-date-box .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#CR-news-detail-page .sub-box .terms-date-box .terms:before {
    content: '|';
    margin: 0 0.85rem;
}

#CR-news-detail-page .sub-box .terms-date-box a:hover {
    color: var(--cl-main);
}

#CR-news-detail-page .sub-box .terms-date-box svg {
    width: auto;
    height: 0.875rem /* 14/16 */;
    margin-right: 0.875rem /* 14/16 */;
    fill: var(--cl-dark-gray);
}

#CR-news-detail-page .share-box span {
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
}

#CR-news-detail-page .share-box li {
    margin-left: 1.5625rem /* 25/16 */ !important;
}

#CR-news-detail-page .share-box a:hover i {
    color: var(--cl-main) !important;
}

#CR-news-detail-page .share-box a i {
    font-size: 1rem /* 16/16 */ !important;
    color: var(--cl-dark-gray);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-news-detail-page .CR-style-default-content img {
    border-radius: 0.3125rem /* 5/16 */;
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
    display: block;
    width: auto;
}

#CR-news-detail-page .CR-style-default-content blockquote {
    font-size: 1rem /* 16/16 */;
    background-color: var(--cl-light-main);
    padding: 1.5rem /* 24/16 */;
    border-radius: 1rem /* 16/16 */;
}

#CR-news-detail-page .CR-news-detail-main .view-more-box {
    border-color: rgba(102, 102, 102, 0.15) !important;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 1rem /* 16/16 */ 0;
    margin-top: 2.5rem /* 40/16 */;
}

#CR-news-detail-page .CR-news-detail-main .view-more-box a:hover {
    color: var(--cl-main);
}

#CR-news-detail-page .CR-news-detail-main .view-more-box a {
    color: var(--cl-black);
    position: relative;
    padding-right: 3.75rem /* 60/16 */;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 2.5rem /* 40/16 */;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#CR-news-detail-page .CR-news-detail-main .view-more-box a:after {
    content: '\f061';
    font-family: var(--font-aws);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    color: var(--cl-dark-gray);
}

#CR-news-detail-page .CR-news-detail-main .view-more-box * {
    font-weight: 400;
    font-size: 1.125rem /* 18/16 */;
    line-height: normal;
}

#CR-news-detail-page .CR-news-detail-main .CR-default-tags .head,
#CR-news-detail-page .CR-news-detail-main .view-more-box .head {
    padding: 0;
    margin-right: 0.5rem;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    font-weight: 700;
}

#CR-news-detail-page .CR-news-detail-main .CR-default-tags ul {

}

#CR-news-detail-page .CR-news-detail-main .CR-default-tags a {

}

#CR-news-detail-page .CR-news-detail-bottom {
    padding-top: 5rem /* 80/16 */;
}

#CR-news-detail-page .CR-news-detail-related .title-box {
    margin-bottom: 1.25rem  /* 20/16 */;
}

#CR-news-detail-page .CR-news-detail-related .title-box .main-title {
    font-size: 2.5rem  /* 40/16 */;
    font-weight: 700;
    line-height: normal;
    color: var(--cl-main);
    font-family: var(--font-sp);
    margin: 0;
}

#CR-news-detail-page .CR-news-detail-related .list {
    margin: -0.625rem /* 10/16 */;
}

#CR-news-detail-page .CR-custom-arrow-full {
    position: relative;
    left: unset;
    right: unset;
}

#CR-news-detail-page .CR-custom-arrow-full,
#CR-news-detail-page .CR-custom-arrow-full svg {
    width: auto;
}

#CR-news-detail-page .CR-news-detail-related .slick-slider {
    margin: -0.625rem /* 10/16 */ -0.625rem  /* -10/16 */;
}

#CR-news-detail-page .CR-news-detail-related .slick-slider .slick-list {
    padding: 0.625rem  /* 10/16 */ 0.3125rem  /* 5/16 */;
}

#CR-news-detail-page .CR-item-news .title {
    height: 3.75rem  /* 60/16 */;
    max-height: 3.75rem  /* 60/16 */;
}

#CR-news-detail-page .slick-slider .CR-item-news .wrap {
    -webkit-box-shadow: 0 5px 20px 0 transparent;
    box-shadow: 0 5px 20px 0 transparent;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-news-detail-page .slick-slider .CR-item-news.slick-active .wrap {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
}

/**================== CONTACT PAGE ==================**/
#CR-contact-page {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(254, 242, 243, 1) 50%);
}

#CR-contact-page .CR-contact-map-sec {
    padding-bottom: 6.875rem /* 110/16 */;
}

#CR-contact-page .CR-contact-form-sec {
    padding: 8.75rem /* 140/16 */ 0 3.4375rem /* 55/16 */;
    background-position: top center;
    background-size: cover;
}

#CR-contact-page .form-box {
    padding: 3.125rem /* 50/16 */ 5rem /* 80/16 */ 3.75rem /* 60/16 */;
    border-radius: 1.25rem /* 20/16 */;
    background: linear-gradient(136deg, #ED1C24 0%, #C8161C 100%);
    width: 35.9375rem /* 575/16 */;
    color: var(--cl-white);
}

#CR-contact-page .form-box .intro--box {
    margin-bottom: 2.5rem /* 40/16 */;
}

#CR-contact-page .form-box .main-title {
    font-family: var(--font-sp);
    font-size: 2.5rem /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

#CR-contact-page .form-box .desc {
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 600;
    line-height: 1.625rem /* 26/16 */;
    margin: 0.625rem /* 10/16 */ 0 0;
}

#CR-contact-page .CR-form-def input::placeholder,
#CR-contact-page .CR-form-def textarea::placeholder {
    color: var(--cl-white);
}

#CR-contact-page .CR-form-def input:not([type=submit]),
#CR-contact-page .CR-form-def textarea {
    border-color: var(--cl-white) !important;
    border: none;
    border-bottom: 1px solid var(--cl-white);
    height: 1.875rem /* 30/16 */;
    padding: 0;
}

#CR-contact-page .CR-form-def input[type=submit] {
    color: var(--cl-white);
    background-color: transparent !important;
    border-color: var(--cl-white);
}

#CR-contact-page .CR-form-def .def-form-field:not(:last-child) {
    margin-bottom: 3.375rem /* 54/16 */;
}

#CR-contact-page .map-list-box {
    margin-top: 2.5rem /* 40/16 */;
}

.CR-item-map {
    width: 100%;
}

.CR-item-map .wrap {
    border-radius: 1.25rem /* 20/16 */;
    background: var(--cl-white);
    -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.CR-item-map .map--view {
    position: relative;
    width: 66%;
    min-height: 30.9375rem /* 495/16 */;
}

.CR-item-map .map--view iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.CR-item-map .map--info {
    width: 34%;
    padding: 4.375rem 2rem 3.75rem 3.75rem;
}

.CR-item-map .map--info .main-title {
    position: relative;
    color: var(--cl-blue);
    font-family: var(--font-sp);
    font-size: 2.5rem  /* 40/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 1.25rem /* 20/16 */;
    padding-bottom: 1.25rem /* 20/16 */;
    display: inline-block;
}

.CR-item-map .map--info .main-title:after {
    content: '';
    background: var(--cl-blue);
    height: 0.1875rem /* 3/16 */;
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.CR-item-map .map--info ul li:not(:last-child) {
    margin-bottom: 0.625rem /* 10/16 */;
}

.CR-item-map .map--info li a:hover {
    color: var(--cl-main);
}

.CR-item-map .map--info li a {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.625rem /* 26/16 */;
    color: var(--cl-black);
}

.CR-item-map .map--info li a b {
    font-weight: 700;
    margin-right: 0.35rem;
    color: var(--cl-black) !important;
}

.CR-item-map .map--info .view-map {
    color: var(--cl-blue);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 1.25rem /* 20/16 */;
}

.CR-item-map .map--info .view-map span {
    margin-left: 0.35rem;
    font-size: 1.375rem /* 22/16 */;
    line-height: 0;
}

.CR-item-map .map--info .view-map:hover {
    color: var(--cl-main);
}

/**================== SUPPORT PAGE ==================**/
#CR-supprot-page {
    padding-bottom: 8.125rem /* 130/16 */;
}

#CR-supprot-page .CR-sidebar-support {
    background: var(--cl-white);
    border-radius: 1.25rem /* 20/16 */;
    position: sticky;
    top: 0;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

#CR-supprot-page .CR-sidebar-support .title {
    color: var(--cl-white);
    font-family: var(--font-sp);
    font-size: 1.875rem /* 30/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin: 0;
}

#CR-supprot-page .CR-sidebar-support .head-box {
    padding: 1.25rem /* 20/16 */ 1.875rem /* 30/16 */;
    background: var(--cl-main);
}

#CR-supprot-page .CR-sidebar-support ul li:not(:last-child),
#CR-supprot-page .CR-sidebar-support .head-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#CR-supprot-page .CR-sidebar-support li * {
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem /* 20/16 */;
    line-height: normal;
    color: var(--cl-black);
    display: block;
}

#CR-supprot-page .CR-sidebar-support li a {
    padding: 0.875rem /* 14/16 */ 1.875rem /* 30/16 */;
}

#CR-supprot-page .CR-sidebar-support li.active a {
    font-weight: 600;
    color: var(--cl-black);
}

#CR-supprot-page .CR-sidebar-support li:hover a {
    color: var(--cl-main);
}

#CR-supprot-page .CR-support-editor {
    background: var(--cl-white);
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-supprot-page .CR-support-editor .cont-box {
    padding: 0 0 0 3.125rem /* 50/16 */;
    position: relative;
    z-index: 1;
}

#CR-supprot-page .CR-support-editor .cont-box .title {
    color: var(--cl-blue);
    text-align: left;
    font-family: var(--font-sp);
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 2.5rem /* 40/16 */;
    overflow: hidden;
    text-shadow: -3px -3px 0 var(--cl-white),
    3px -3px 0 var(--cl-white),
    -3px 3px 0 var(--cl-white),
    3px 3px 0 var(--cl-white);
}

#CR-supprot-page .CR-support-editor .cont-box .title::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-shadow: -1px 6px 5px rgba(0, 0, 0, 0.20);
    z-index: -1;
}

#CR-supprot-page .CR-support-accordion .accordion-item {
    background: none;
    border: none;
    background: var(--cl-white);
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-supprot-page .CR-support-accordion .accordion-item:not(:last-child) {
    margin-bottom: 0.9375rem /* 15/16 */;
}

#CR-supprot-page .CR-support-accordion .accordion-button:hover {
    color: var(--cl-main);
}

#CR-supprot-page .CR-support-accordion .accordion-button {
    color: var(--cl-black);
    text-align: left;
    border: none !important;
    outline: none !important;
    padding: 1.25rem 6rem 1.25rem 2.25rem;
    font-size: 1.125rem /* 18/16 */;
    font-weight: 600;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 50px;
    background: var(--cl-white);
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05) !important;
}

#CR-supprot-page .CR-support-accordion .accordion-button .num-head {
    margin-right: 0.5rem;
}

#CR-supprot-page .CR-support-accordion .accordion-button:not(.collapsed) {
    background-color: var(--cl-blue);
    color: var(--cl-white);
}

#CR-supprot-page .CR-support-accordion .accordion-button:not(.collapsed)::after {
    content: "\f106";
    color: var(--cl-white);
}

#CR-supprot-page .CR-support-accordion .accordion-button::after {
    font-family: FontAwesome;
    width: auto;
    height: auto;
    content: "\f107";
    background-image: unset !important;
    position: absolute;
    top: 50%;
    right: 1.875rem /* 30/16 */;
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    color: var(--cl-light-gray);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-supprot-page .CR-support-accordion .accordion-body {
    padding: 1.875rem /* 30/16 */ 6.25rem /* 100/16 */ 1.875rem /* 30/16 */ 4.0625rem /* 65/16 */;
    font-size: 1rem /* 16/16 */;
}

#CR-supprot-page .CR-support-accordion .CR-style-default-content p,
#CR-supprot-page .CR-support-accordion .CR-style-default-content li,
#CR-supprot-page .CR-support-accordion .CR-style-default-content strong,
#CR-supprot-page .CR-support-accordion .CR-style-default-content b {
    font-size: 0.9375rem /* 15/16 */;
    line-height: 1.67;
    margin-bottom: 1rem;
    font-weight: 500;
}

#CR-supprot-page .CR-support-accordion .CR-style-default-content a {
    color: var(--cl-main);
    text-decoration: underline !important;
    font-weight: 500;
}

/**================== SEARCH PAGE ==================**/
.CR-search-products-page .main-title {
    font-style: normal;
    font-weight: 700;
    font-size: 2.625rem /* 42/16 */;
    margin: 0 0 1.875rem /* 30/16 */;
}

/**================== POPUP ALL PAGE ==================**/
#CR-popup-all-page .box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
    width: 80%;
    max-width: 27.5rem /* 440/16 */;
    max-height: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: unset;
    backdrop-filter: unset !important;
}

#CR-popup-all-page .box a {
    outline: none !important;
}

#CR-popup-all-page .CR-pop-all-page-img {
    display: block;
    width: 100%;
    overflow: hidden;
    height: auto;
}

#CR-popup-all-page .CR-close-popup-btn svg {
    width: auto;
    height: 50%;
}

#CR-popup-all-page .CR-close-popup-btn {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.875rem /* 30/16 */;
    height: 1.875rem /* 30/16 */;
    background: var(--cl-white);
    position: absolute;
    top: -0.9375rem /* -15/16 */;
    right: -0.9375rem /* -15/16 */;
    z-index: 2;
}

#CR-products-page.CR-search-products-page .products-info-term-box {
    margin: 0;
}
.CR-breadcrumb .CR-breadcrumb {
    display: none;
}
.share-box a i {
    color: #ed1c24 !important;
    font-size: 20px !important;
}

.share-box a {
    position: relative;
    border-left: solid 1.5px var(--cl-main);
    border-right: solid 1.5px var(--cl-main);
    width: 3rem;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    align-items: center;
    font-size: 20px;
}

.share-box a:before {
    content: '';
}

.share-box a:before, .share-box a:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 2.121rem;
    height: 2.121rem;
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 0.377rem;
    box-shadow: 0 0 0 transparent;
    transition: 0s;
}

.share-box a:before {
    top: -1.061rem;
    border-top: solid 0.1414rem var(--cl-main);
    border-right: solid 0.1414rem var(--cl-main);
}
.share-box a:after{
    bottom: -1.061rem;
    border-bottom: solid 0.1414rem var(--cl-main);
    border-left: solid 0.1414rem var(--cl-main);
}


#CR-news-detail-page .share-box a i {
    font-size: 1.3rem !important;
}
#CR-header .CR-top-header .right-box {
    display: flex;
    align-items: center;
    border-right: 1px solid rgb(51 51 51 / 10%);
}

.language-box ul {
    display: flex;
    padding: 0 .6rem;
}

.language-box ul a {
    position: relative;
    display: flex;
    align-items: center;
    color: #333333;
}

.language-box ul a[lang="vi"]:after {
    content: "VI";
}

.language-box ul a[lang="en-GB"]:after {
    content: "EN";
}

.language-box ul img {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50%;
}

.language-box ul a:after {
    margin-left: 5px;
}

[lang="vi"] .lang-item-vi {
    display: none;
}
[lang="en-GB"] .lang-item-en {
    display: none;
}
/**================== RESPONSIVE ==================**/
@media (min-width: 1025px) {
    html {
        font-size: 0.75rem;
    }
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px !important;
    }

    html {
        font-size: 0.8rem;
    }
}

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1458px !important;
    }

    html {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 1600px){
    #CR-home-page .CR-home-number .CR-title-group {
        width: 35%;
    }
}
@media only screen and (max-width: 1440px) {
    body .CR-container {
        padding: 0 1rem /* 16/16 */;
    }

    #CR-popup-pd-quotation .sub-title {
        font-size: 1.875rem  /* 30/16 */;
    }

    #CR-home-page .CR-home-number .CR-title-group {
        width: 35%;
    }
    #CR-home-page .CR-home-banner .title{
        font-size: 4.5rem /* 70/16 */;
    }
}
@media only screen and (max-width: 1400px) {
    #CR-home-page .CR-home-quality .CR-title-group .main-title {
        width: 61%;
    }
}
@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1199px) {
    #CR-home-page .CR-home-banner .title {
        font-size: 3.7rem /* 70/16 */;
    }
    #CR-home-page .CR-home-number .CR-title-group {
        width: 36%;
    }
    #CR-home-page .CR-home-quality .CR-title-group .main-title {
        width: 75%;
    }
    #CR-footer .main-title{
        font-size: 1rem /* 18/16 */;
    }
}

@media only screen and (max-width: 1024px) {
    html {
        font-size: 0.75rem;
    }

    .CR-main-wrap {
        overflow: hidden !important;
    }
}

@media only screen and (max-width: 992px) {
    .CR-top-header,
    .CR-hide-mb {
        display: none !important;
    }

    .CR-show-mb {
        display: block !important;
    }

    #CR-nav-pc {
        display: none;
    }

    body .CR-container {
        padding: 0 0.9375rem /* 15/16 */;
    }

    .CR-sticky-icons {
        left: 0.5rem;
        bottom: 0.5rem;
    }

    #CR-load-detail-gallery-news {
        max-width: 75vw;
        max-height: 35rem;
    }

    #CR-header .CR-main-header {
        background: var(--cl-white);
    }

    #CR-header .logo--box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0.625rem  /* 10/16 */ 0;
    }

    #CR-header .logo--box svg {
        position: initial;
        transform: unset;
        height: 4.375rem  /* 70/16 */;
    }

    #CR-header .CR-main-header .search-head--box,
    #CR-header .CR-main-header .menu-item--box:not(.logo--box) {
        display: none !important;
    }

    #CR-header .CR-main-header .CR-header-item--left,
    #CR-header .CR-main-header .CR-header-item--right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 8.125rem /* 130/16 */;
        flex: 1 1 8.125rem /* 130/16 */;
    }

    #CR-header .CR-main-header .CR-header-item--main {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    #CR-header .CR-main-header .toggle-menu-head--box svg {
        width: 1.875rem /* 30/16 */;
        height: 1.875rem /* 30/16 */;
    }

    #CR-header .CR-main-header .toggle-menu-head--box {
        display: block;
        text-align: left;
    }

    #CR-header .CR-main-header .toggle-menu-head--box svg path {
        fill: none !important;
        stroke-width: var(--cl-black);
        stroke: var(--cl-black);
        stroke-linecap: var(--cl-black);
        stroke-linejoin: var(--cl-black);
    }

    .admin-bar #CR-header .CR-main-nav-mb--box {
        padding-top: 46px;
    }

    #CR-header .CR-main-nav-mb--box {
        position: fixed;
        top: 0;
        bottom: 0;
        opacity: 1;
        z-index: 9999;
        width: 28.125rem  /* 450/16 */;
        left: -28.125rem  /* 450/16 */;
        max-width: 95%;
        -webkit-box-shadow: 0 0 150px #0000001a;
        box-shadow: 0 0 150px #0000001a;
        transition: transform .25s cubic-bezier(.165, .84, .44, 1);
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: -webkit-gradient(linear, right top, left top, color-stop(21.35%, #573D83), to(#ED1C24));
        background: -o-linear-gradient(right, #573D83 21.35%, #ED1C24 100%);
        background: linear-gradient(270deg, #573D83 21.35%, #ED1C24 100%);
    }

    #CR-header .CR-main-nav-mb.active .CR-main-nav-mb--box {
        transition-duration: .45s;
        transform: translate(28.125rem  /* 450/16 */);
    }

    #CR-header .CR-main-nav-mb.active .CR-main-nav-mb--box .appear-animation {
        opacity: 1;
        transform: var(--active-appear-animation);
    }

    #CR-header .CR-main-nav-mb.active .CR-main-nav-mb--bg {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
    }

    #CR-header .CR-main-nav-mb--bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: rgb(0 0 0 / 50%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
        backdrop-filter: blur(20px);
    }

    #CR-header .CR-main-nav-mb .nav-mb--head {
        padding: 0 1rem /* 16/16 */;
    }

    #CR-header .CR-main-nav-mb .nav-mb--content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
    }

    #CR-header .CR-main-nav-mb .nav-mb--head .inner--box {
        height: 5rem /* 80/16 */;
        padding: 0.625rem /* 10/16 */ 0;
        border-bottom: 1px solid var(--cl-white);
    }

    #CR-header .CR-main-nav-mb--box .appear-animation {
        opacity: 0;
        transform: var(--appear-animation);
    }

    #CR-header .CR-main-nav-mb .nav-mb--head .inner--box svg {
        width: 1.875rem /* 30/16 */;
        height: 1.875rem /* 30/16 */;
        fill: var(--cl-white);
        stroke: var(--cl-white);
    }

    #CR-header .main-merged-menu > ul > li {
        position: relative;
    }

    #CR-header .main-merged-menu .item-with-arrow-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #CR-header .main-merged-menu > ul > li > a,
    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box a {
        font-size: 1.1875rem /* 19/16 */;
        letter-spacing: normal;
        word-break: break-word;
        line-height: normal;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--cl-white);
        padding: 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */;
        display: block;
        flex: 1;
        text-align: left;
    }

    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box .arrow {
        position: relative;
        min-width: 3.75rem /* 60/16 */;
        width: 3.75rem /* 60/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        padding: 0.75rem /* 12/16 */ 0;
        color: var(--cl-white);
    }

    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box .arrow:before {
        content: '';
        background: var(--cl-white);
        position: absolute;
        left: 0;
        width: 1px;
        top: 0.75rem /* 12/16 */;
        bottom: 0.75rem /* 12/16 */;
    }

    #CR-header .main-merged-menu .sub-menu-wrapper {
        display: none;
    }

    #CR-header .main-merged-menu > ul > li:after {
        content: '';
        background: var(--cl-white);
        position: absolute;
        left: 1.875rem /* 30/16 */;
        right: 1.875rem /* 30/16 */;
        height: 1px;
        bottom: 0;
    }

    #CR-header .main-merged-menu .sub-menu-wrapper .CR-sub-menu {
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        transition: transform .3s cubic-bezier(.25, .46, .45, .94);
        padding-bottom: 0.5rem;
    }

    #CR-header .menu-item.nav-active > .sub-menu-wrapper > .CR-sub-menu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-header .main-merged-menu a {
        font-size: 1.125rem /* 18/16 */;
        line-height: normal;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--cl-white);
    }

    #CR-header .main-merged-menu .CR-sub-menu > li > a,
    #CR-header .main-merged-menu .CR-sub-menu > li > .item-with-arrow-box a {
        padding: 0.75rem /* 12/16 */ 2.1875rem /* 35/16 */;
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--contact ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 1.25rem  /* 20/16 */;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--contact li {
        width: 100%;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--contact a {
        font-size: 1.1875rem /* 19/16 */;
        letter-spacing: normal;
        word-break: break-word;
        line-height: normal;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--cl-white);
        padding: 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--contact a svg {
        width: auto;
        height: 1.25rem  /* 20/16 */;
        margin-right: 0.5rem;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--contact a svg * {
        stroke: var(--cl-white);
        fill: var(--cl-white);
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search {
        padding: 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: 3.125rem /* 50/16 */;
        border: 1px solid rgb(51 51 51 / 10%);
        background: var(--cl-white);
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search input {
        height: 100%;
        border: none !important;
        outline: none !important;
        color: var(--cl-black);
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 0 1.25rem /* 20/16 */ 0 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search button {
        height: 100%;
        width: 3.125rem /* 50/16 */;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: transparent;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search button svg {
        stroke: var(--cl-main);
        width: auto;
        height: 45%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    #CR-footer .CR-main-footer .menu-item-box {
        padding-right: 0;
        padding-bottom: 2rem;
    }

    #CR-footer .logo-box {
        margin-bottom: 2rem;
    }

    #CR-footer .CR-bottom-footer * {
        text-align: center;
    }

    #CR-footer .CR-bottom-footer ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #CR-footer .copyright-box {
        margin-bottom: 1rem;
    }

    #CR-home-page .CR-home-intro .CR-title-group .desc {
        padding-right: 0;
    }

    #CR-home-page .CR-home-number .CR-title-group {
        width: 100%;
    }

    #CR-home-page .CR-home-banner .title,
    .CR-title-group .main-title {
        font-size: 2.8rem;
        width: 100% !important;
        line-height: normal !important;
    }

    .CR-title-group .desc {
        font-size: 0.875rem  /* 14/16 */ !important;
        margin-top: 2rem;
    }

    .CR-title-group .desc b{
        font-size: 1rem  /* 16/16 */ !important;
    }

    .CR-custom-sticky-icons li .bg,
    .CR-custom-sticky-icons a {
        width: 3.125rem  /* 50/16 */;
        height: 3.75rem  /* 60/16 */;
    }

    .CR-custom-sticky-icons a .wrap {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #CR-home-page .CR-home-banner .item {
        padding: 3.125rem  /* 50/16 */ 0;
    }

    #CR-home-page .CR-home-banner .image-box {
        margin: 1rem 0 0;
    }

    #CR-home-page .CR-home-intro {
        padding: 3.125rem  /* 50/16 */ 0;
    }

    #CR-home-page .CR-home-intro .image-box {
        margin: 2rem 0 0;
    }

    #CR-home-page .CR-home-number .list-box {
        width: 100%;
        margin: 3rem auto 0;
        gap: 1rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #CR-home-page .CR-home-number .list-box .item {
        width: 100%;
    }

    #CR-home-page .CR-home-number .list-box .item .title {
        font-size: 2rem;
    }

    #CR-home-page .CR-home-number .bg-box{
        padding: 6.25rem  /* 100/16 */ 0;
    }

    .CR-ico-sec-box:before,
    .CR-ico-sec-box:after {
        display: none !important;
    }

    #CR-home-page .CR-home-customer .item {
        position: initial;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        bottom: unset !important;
        width: 25% !important;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important;
        padding: 0.5rem;
    }

    #CR-home-page .CR-home-customer .item .wrap {
        border-radius: 1rem;
    }

    #CR-home-page .CR-home-customer .slide-item .sub-list {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #CR-home-page .CR-home-customer .CR-slider-customer-home {
        margin-top: 2.5rem  /* 40/16 */;
    }

    .CR-btn-style {
        font-size: 0.9375rem  /* 15/16 */ !important;
        height: 2.5rem  /* 40/16 */ !important;
    }

    #CR-home-page .CR-home-customer .slick-slider {
        margin-bottom: 0;
    }

    #CR-home-page .CR-home-customer .CR-custom-dots .slick-dots li button {
        border-color: var(--cl-white);
    }

    #CR-home-page .CR-home-customer .CR-custom-dots .slick-dots li.slick-active button {
        background-color: var(--cl-white);
    }

    #CR-home-page .CR-home-customer .CR-custom-dots .slick-dots li.slick-active button:before {
        color: var(--cl-white) !important;
    }

    #CR-home-page .CR-home-quality .list-quality:before,
    #CR-home-page .CR-home-quality .list-quality:after{
        display: none;
    }

    #CR-home-page .CR-home-quality .CR-move-content-box {
        position: initial;
        margin: 2rem auto 0;
        width: 100%;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    #CR-home-page .CR-home-quality .CR-move-content-box .main-title {
        font-size: 1.375rem  /* 22/16 */;
    }

    #CR-home-page .CR-home-quality .CR-move-content-box .description {
        font-size: 0.875rem  /* 14/16 */;
    }

    #CR-home-page .CR-home-quality .list-quality {
        width: 100%;
        height: auto;
        border: none;
        border-radius: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #CR-home-page .CR-home-quality .list-quality .item {
        position: inherit;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        bottom: unset !important;
        width: 33.33% !important;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important;
        padding: 0.5rem;
    }


    #CR-home-page .CR-home-quality .list-box {
        margin-top: 3rem;
    }

    #CR-home-page .CR-home-quality .list-quality .item .icon {
        margin: 0 auto;
        width: 5rem  /* 80/16 */;
        height: 5.625rem  /* 90/16 */;
    }

    #CR-home-page .CR-home-products .list-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #CR-home-page .CR-home-products .list-box .left-box,
    #CR-home-page .CR-home-products .list-box .right-box {
        width: 100%;
    }

    #CR-home-page .CR-home-products .item {
        width: 100% !important;
        position: relative !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
        height: auto !important;
    }

    #CR-home-page .CR-home-products .item .wrap {
        position: relative;
        aspect-ratio: 1/1 !important;
        height: auto !important;
    }

    #CR-home-page .CR-home-certification {
        padding: 3.125rem  /* 50/16 */ 0;
    }

    #CR-home-page .CR-home-products .item .thumb {
        height: 70% !important;
        top: -5%;
    }

    #CR-home-page .CR-home-products .item .cont-hover {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        padding: 2rem 1rem 0 !important;
    }

    #CR-home-page .CR-home-products .item .desc {
        font-size: 1.125rem /* 18/16 */ !important;
        line-height: 1.75rem /* 28/16 */ !important;
        -webkit-line-clamp: 4 !important;
        line-clamp: 4 !important;
        max-height: 7rem /* 112/16 */ !important;
    }

    #CR-products-page .terms-box .item {
        width: 33.33%;
    }

    #CR-products-page .products-info-term-box .info-box .desc,
    #CR-products-page .CR-title-group .desc {
        max-width: 100%;
    }

    #CR-products-page .child-terms-box a {
        font-size: 1.125rem  /* 18/16 */;
    }

    #CR-products-page .child-terms-box ul {
        margin: -1rem;
    }

    #CR-products-page .child-terms-box ul li {
        padding: -1rem;
    }

    #CR-news-page .CR-news-gallery-list .news-gal-row > div,
    #CR-products-page .CR-products-list .products-row > div {
        width: 100%;
    }

    #CR-news-page .CR-news-gallery-list .news-gal-row,
    #CR-products-page .CR-products-list .products-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .CR-item-product .title {
        text-align: center;
        font-size: 1.125rem  /* 18/16 */;
    }

    #CR-news-page .news-terms-box ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #CR-news-page .news-terms-box a {
        font-size: 1rem  /* 16/16 */;
        min-width: auto;
        padding: 0 1.5rem;
    }

    #CR-news-page .CR-news-gallery-list {
        margin-top: 3.125rem  /* 50/16 */;
    }

    .CR-item-news {
        width: 50%;
    }

    .CR-item-news .cont {
        padding: 1rem;
    }

    #CR-news-page .CR-news-featured-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #CR-news-page .CR-news-featured-list > div {
        width: 100%;
    }

    .CR-item-map .wrap > div {
        width: 100%;
    }

    .CR-item-map .wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .CR-item-map .map--view {
        min-height: auto;
        aspect-ratio: 16/9;
    }

    .CR-item-map .map--info {
        padding: 1.25rem  /* 20/16 */;
    }

    #CR-contact-page .form-box .main-title,
    .CR-item-map .map--info .main-title {
        font-size: 1.5625rem  /* 25/16 */;
        line-height: normal;
    }

    #CR-contact-page .CR-contact-map-sec {
        padding-bottom: 1.875rem  /* 30/16 */;
    }

    #CR-contact-page .CR-contact-form-sec .col-6 {
        width: 100%;
        margin-left: 0;
    }

    #CR-contact-page .form-box {
        padding: 3rem 2rem;
        width: 100%;
    }

    #CR-contact-page .CR-contact-form-sec {
        padding: 4rem 0;
    }

    #CR-supprot-page .CR-support-editor .cont-box {
        padding: 0;
        margin: 3rem 0 0;
    }

    #CR-supprot-page .CR-support-editor .cont-box .title {
        font-size: 3rem;
    }

    #CR-supprot-page {
        padding-bottom: 4rem;
    }

    .CR-recruitment-list-heading {
        display: none;
    }

    .CR-item-recruitment {
        padding: 1rem;
        background: #e1e1e1;
        border-radius: 0.3125rem /* 5/16 */;
    }

    .CR-item-recruitment ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .CR-item-recruitment ul li {
        width: 100% !important;
        padding: 0.9375rem /* 15/16 */ !important;
    }

    body .CR-item-recruitment .CR-recruitment-col-box li * {
        font-size: 0.8125rem /* 13/16 */ !important;
    }

    body .CR-item-recruitment .label {
        font-size: 0.8125rem /* 13/16 */ !important;
        font-weight: 700 !important;
        color: var(--cl-white) !important;
        text-transform: uppercase;
        width: 50%;
        background: var(--cl-main);
        padding: 0.25rem;
        border-radius: 0.3125rem /* 5/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .CR-item-recruitment .CR-recruitment-col-box li p,
    .CR-item-recruitment .CR-recruitment-col-box li a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        line-height: normal !important;
        padding: 0 1rem;
    }

    #CR-recruitment-page .CR-job-position .list-box {
        width: 100%;
    }

    #CR-recruitment-page .CR-job-position {
        padding: 2.5rem  /* 40/16 */ 0;
    }

    #CR-recruitment-page .CR-work-environment .list-box {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
    }

    #CR-recruitment-page .CR-work-environment .item .wrap > div {
        padding: 0 2.5rem;
    }

    #CR-recruitment-page .CR-work-environment .item .title {
        font-size: 1.125rem  /* 18/16 */;
    }

    #CR-recruitment-page .CR-work-environment .item .desc {
        font-size: 0.875rem  /* 14/16 */;
        line-height: 1.4375rem  /* 23/16 */;
        max-height: 5.75rem  /* 92/16 */;
    }

    #CR-recruitment-page .CR-work-environment .item:not(:last-child) {
        margin-bottom: 0;
    }

    #CR-recruitment-detail-page .sidebar-box {
        margin: 2rem 0 0;
    }

    #CR-recruitment-detail-page {
        padding-bottom: 4rem;
    }

    #CR-recruitment-detail-page .CR-recruitment-detail-top .main-title {
        font-size: 2rem;
        line-height: normal;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    #CR-recruitment-detail-page .info-main-box {
        width: 100%;
    }

    #CR-recruitment-detail-page .info-box .title {
        min-width: 100%;
        width: 100%;
    }

    #CR-recruitment-detail-page .CR-recruitment-detail-top {
        margin-bottom: 2rem;
    }

    #CR-recruitment-detail-page .info-box .content {
        padding-left: 0 !important;
    }

    #CR-recruitment-detail-page .CR-recruitment-detail-top .right {
        padding-left: 0 !important;
    }

    #CR-recruitment-detail-page .CR-recruitment-detail-top .intro-box {
        padding: 1rem;
    }

    #CR-recruitment-detail-page .form-box {
        padding: 2rem;
    }

    #CR-recruitment-detail-page .CR-cf7-box .CR-form-def .def-form-field:nth-last-child(1),
    #CR-recruitment-detail-page .CR-cf7-box .CR-form-def .def-form-field:nth-last-child(2) {
        width: 100%;
    }

    #CR-recruitment-detail-page .CR-cf7-box .CR-form-def .def-form-field:nth-last-child(1) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 2rem 0 0 !important;
    }

    #CR-recruitment-detail-page .form-box a, #CR-recruitment-detail-page .form-box > .title {
        font-size: 1.5rem;
    }

    #CR-news-detail-page .sub-box {
        padding: 2.5rem  /* 40/16 */ 1rem  /* 16/16 */;
    }

    #CR-news-detail-page .main-title {
        font-size: 2rem;
        line-height: normal;
    }

    .CR-style-default-content h2,
    .CR-style-default-content h2 strong {
        font-size: 1.55rem;
    }

    .CR-style-default-content h3,
    .CR-style-default-content h3 strong {
        font-size: 1.35rem;
    }

    .CR-style-default-content h4,
    .CR-style-default-content h4 strong {
        font-size: 1rem;
    }

    .CR-custom-arrow-related {
        display: none !important;
    }

    #CR-about-page .CR-about-intro-image .img-box img {
        width: 100%;
        max-width: 100%;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }

    #CR-about-page .CR-about-intro .img-box {
        padding-right: 0;
        margin: 0 0 1rem;
    }

    #CR-about-page .CR-nav-scroll-wrap {
        left: 1rem;
        display: none;
    }

    #CR-about-page .CR-about-intro {
        padding-bottom: 3rem;
    }

    #CR-about-page .CR-about-history .sub-list-box {
        margin: 0 -1rem  /* -16/16 */;
    }

    #CR-about-page .CR-about-history .sub-list-box .item .wrap > div {
        padding: 1.5625rem  /* 25/16 */ 1rem  /* 16/16 */;
    }

    #CR-about-page .CR-about-history .sub-list-box .img--box:after {
        width: 0.9375rem  /* 15/16 */;
        height: 0.9375rem  /* 15/16 */;
        /*top: 2.1875rem  !* 35/16 *!;*/
        top: 0;
        right: calc(100% - 0.46875rem  /* 7.5/16 */);
    }

    #CR-about-page .CR-about-history .sub-list-box .item:nth-child(even) .img--box:after {
        left: calc(100% - 0.46875rem  /* 7.5/16 */);
    }

    #CR-about-page .CR-about-history .sub-list-box .time {
        padding: 0 1rem;
        font-size: 0.8125rem /* 13/16 */;
        height: 2.5rem  /* 40/16 */;
    }

    #CR-about-page .CR-about-history .sub-list-box .cont {
        font-size: 0.875rem  /* 14/16 */;
    }

    #CR-about-page .CR-about-history .sub-list-box .cont b {
        font-size: 1rem;
    }

    #CR-about-page .CR-about-history .sub-list-box img {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }

    #CR-about-page .CR-about-history .row-item .main-title {
        font-size: 1rem;
        width: 100%;
    }

    #CR-about-page .CR-about-history .row-item:last-child .sub-list-box .item:last-child .img--box:before {
        display: none;
    }

    #CR-about-page .CR-about-area {
        clip-path: unset !important;
    }

    #CR-about-page .CR-about-area .bg-box {
        padding: 6.25rem  /* 100/16 */ 0;
    }

    #CR-about-page .CR-about-history,
    #CR-about-page .CR-about-diagram,
    #CR-about-page .CR-about-process,
    #CR-about-page .CR-about-philosophy {
        padding: 3rem 0 0;
    }

    #CR-about-page .CR-about-certification {
        padding: 4rem 0;
    }

    #CR-about-page .CR-about-philosophy .image-box {
        padding-right: 0;
    }

    #CR-about-page .CR-about-philosophy .accordion-body {
        padding-right: 0;
        padding-left: 0;
    }

    #CR-about-page .CR-about-philosophy .list-box .item .title {
        font-size: 1.5rem  /* 24/16 */;
    }

    #CR-about-page .CR-about-philosophy .list-box .item .desc * {
        font-size: 1rem;
        line-height: 1.5rem  /* 24/16 */;
    }

    #CR-about-page .CR-about-process .item.slick-active + .slick-active .wrap{
        border-radius: 0 20px 20px 0;
    }

    #CR-about-page .CR-about-process .item.slick-current {
        padding-top: 0;
        margin-top: 0;
    }

    #CR-about-page .CR-about-process .item.slick-current .wrap {
        border-top-left-radius: 1.25rem /* 20/16 */ !important;
        border-top-right-radius: 1.25rem /* 20/16 */ !important;
        background: linear-gradient(180deg, #ED1C24 0%, #AB0309 100%);
        padding-bottom: 2.8125rem /* 45/16 */;
    }

    #CR-about-page .CR-about-process .item.slick-current .wrap .cont-hover {
        height: 7rem /* 112/16 */;
    }

    #CR-about-page .CR-about-certification .item .cont-box {
        padding: 2rem;
        border-radius: 1rem;
        margin-left: -1.25rem  /* -20/16 */;
    }

    #CR-about-page .CR-about-certification .item .title {
        font-size: 1rem  /* 16/16 */;
    }

    #CR-about-page .CR-about-certification .item .desc {
        font-size: 0.8125rem  /* 13/16 */;
        line-height: 1.25rem  /* 20/16 */;
        max-height: 3.75rem  /* 60/16 */;
    }

    #CR-about-page .CR-about-certification .item .img-box {
        width: 30%;
        min-width: 30%;
        position: relative;
        z-index: 1;
    }

    #CR-about-page .CR-about-area .content--box * {
        font-size: 0.875rem  /* 14/16 */;
    }

    #CR-product-detail-page .CR-special-banner-group .banner-box .image-box {
        margin: 1rem 0 0;
    }

    #CR-product-detail-page .CR-special-banner-group .banner-box {
        padding: 2rem 0;
    }

    #CR-product-detail-page .CR-product-detail-intro .intro {
        width: 100%;
    }

    #CR-product-detail-page .CR-special-banner-group .banner-box .main-title,
    #CR-product-detail-page .default-title {
        font-size: 2rem;
    }

    #CR-product-detail-page .CR-product-detail-slider .parameters-box {
        padding: 1.5rem;
    }

    #CR-product-detail-page .CR-product-detail-slider .parameters-box li {
        width: 50%;
        padding: 0.5625rem /* 9/16 */ 1.375rem /* 22/16 */;
    }

    #CR-product-detail-page .CR-product-detail-slider .parameters-box li * {
        font-size: 0.875rem  /* 14/16 */;
    }

    #CR-product-detail-page .CR-product-detail-slider .button-box {
        width: 100%;
    }

    #CR-product-detail-page .CR-product-detail-faqs .faqs-box {
        margin: -0.9375rem /* -15/16 */;
    }

    #CR-product-detail-page .CR-product-detail-faqs .faq-item {
        width: 100%;
        float: unset;
        padding: 0.9375rem /* 15/16 */;
    }

    #CR-product-detail-page .CR-product-detail-slider,
    #CR-product-detail-page .CR-product-detail-faqs {
        padding: 3rem 0;
    }

    #CR-product-detail-page .CR-product-detail-related {
        padding: 3rem 0 4rem;
    }

    #CR-popup-faqs.CR-popup-default-wrap .box {
        padding: 1.5rem;
        max-width: 90vw;
    }

    #CR-popup-faqs .form--box .CR-form-def textarea {
        height: 9.375rem  /* 150/16 */ !important;
    }

    #CR-popup-pd-quotation .main-title,
    #CR-popup-faqs .main-title {
        font-size: 1.5625rem  /* 25/16 */;
    }

    #CR-popup-pd-quotation.CR-popup-default-wrap .box {
        padding: 2rem;
        max-width: 90vw;
    }

    #CR-popup-pd-quotation .wrap-box {
        margin: -1rem;
    }

    #CR-popup-pd-quotation .wrap-box > div {
        width: 100%;
        padding: 1rem;
    }
    #CR-popup-pd-quotation .note-form {
        margin: 1.5rem 0 0;
        line-height: normal;
    }

    #CR-popup-pd-quotation .form--box {
        max-height: 25rem  /* 400/16 */;
        overflow-x: hidden;
        padding-right: 0.5rem;
    }

    #CR-popup-pd-quotation .form--box::-webkit-scrollbar {
        width: 3px;
        border-radius: 2px;
        background-color: var(--cl-white);
    }

    #CR-popup-pd-quotation .form--box::-webkit-scrollbar-track {
        border: none;
    }

    #CR-popup-pd-quotation .form--box::-webkit-scrollbar-thumb {
        background-color: var(--cl-main);
        outline: 1px solid var(--cl-main);
    }

    #CR-popup-pd-quotation .result-left-box {
        display: none;
    }

    #CR-popup-pd-quotation .result-right-box {
        width: 100%;
    }

    #CR-product-detail-page .CR-product-detail-slider .desc {
        text-align: left;
        width: 100%;
    }
    #CR-popup-pd-quotation .result-list span {
        font-size: 0.875rem  /* 14/16 */;
        min-width: 40%;
        width: 40%;
    }

    .CR-search-products-page .main-title,
    #CR-popup-pd-quotation .result-list b {
        font-size: 1.125rem  /* 18/16 */;
    }

    #CR-popup-pd-quotation .result-empty,
    #CR-popup-pd-quotation .note-result {
        font-size: 0.875rem  /* 14/16 */;
    }

    #CR-products-page {
        padding-bottom: 4rem;
    }
}

@media only screen and (max-width: 782px) {
    html #wpadminbar {
        position: fixed;
        height: 46px;
        min-width: 240px;
        border-radius: 0;
    }

    #CR-header.CRis_admin {
        top: 46px !important;
    }
}

@media only screen and (max-width: 768px) {
    html {
        font-size: 0.9rem;
    }

    #CR-footer .CR-main-footer .menu-item-cont--mb {
        visibility: hidden;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        height: 0;
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-footer .CR-main-footer .menu-item-box {
        border-top: 1px solid rgb(39 59 94 / 12%);
        padding-bottom: 0;
    }

    #CR-footer .CR-main-footer .menu-item-box .main-title {
        position: relative;
        text-align: left;
        letter-spacing: normal;
        font-size: 0.8125rem /* 13/16 */;
        padding: 0.9375rem /* 15/16 */ 0 1.125rem /* 18/16 */;
        margin: 0;
    }

    #CR-footer .main-title:after {
        display: none;
    }

    #CR-footer .CR-main-footer .toggle-menu-item-cont--mb {
        width: 100%;
        height: 100%;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

    #CR-footer .CR-top-footer .box {
        border: none;
    }

    #CR-footer .CR-main-footer {
        padding-top: 0;
    }

    #CR-footer .menu-item-box.socials-box {
        padding-right: 0;
    }

    #CR-footer .menu-item-box.socials-box .main-title {
        display: none;
    }

    #CR-footer .logo-box p {
        font-size: 1.25rem  /* 20/16 */;
    }

    #CR-footer .menu-item-cont--mb .inner--box {
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        transition: transform .3s cubic-bezier(.25, .46, .45, .94);
        padding: 0.5rem 0 0.9375rem /* 15/16 */;
    }

    #CR-footer .menu-item-box.active .menu-item-cont--mb {
        visibility: visible;
        opacity: 1;
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height .35s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-footer .menu-item-box.active .menu-item-cont--mb .inner--box {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-footer .logo-box img,
    #CR-footer .logo-box svg {
        height: 4.375rem  /* 70/16 */;
    }

    #CR-supprot-page .CR-support-editor .cont-box .title,
    .CR-title-group .main-title {
        font-size: 2rem;
    }

    #CR-home-page .CR-home-banner .desc {
        font-size: 1.125rem  /* 18/16 */;
    }

    #CR-products-page .terms-box .item {
        width: 50%;
    }

    #CR-products-page .terms-box .item .icon {
        height: 50%;
    }

    #CR-products-page .terms-box .item .icon img {
        height: 100%;
    }

    .CR-breadcrumb * {
        min-width: max-content;
    }

    .CR-breadcrumb {
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 767px) {
    #CR-load-detail-gallery-news {
        max-width: 96vw;
    }
    #CR-about-page .CR-about-process .item.slick-active .wrap{
        border-radius: 20px !important;
    }

    #CR-product-detail-page .CR-product-detail-slider .parameters-box {
        width: 90%;
    }

    #CR-product-detail-page .CR-product-detail-slider .parameters-box li {
        width: 100%;
    }

    #CR-news-page .CR-news-featured-list .CR-item-news .thumb {
        padding-top: 56.25%;
    }

    #CR-popup-pd-quotation .thank-step .CR-btn-group {
        width: 100%;
    }
    .action-head--box li {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 454px) {
    .CR-item-news,
    .CR-item-gallery,
    .CR-item-product,
    .CR-form-def .def-form-field.def-form-field-half {
        width: 100%;
    }
}