/**================== ROOT ==================**/
:root {
    --cl-main: #FFA500;
    --cl-gradient-main: linear-gradient(90deg, rgba(255,165,0,1) 0%, rgba(251,169,17,1) 50%, rgba(255,193,21,1) 100%);
    --cl-hover-main: #BF9352;
    --cl-light-main: #FFF5F6;
    --cl-mega-menu: rgba(192, 35, 64, 0.1);
    --cl-black: #000000;
    --cl-sp-black: #242424;
    --cl-white: #ffffff;
    --cl-gray: #cccccc;
    --cl-light-gray: #DEDEDE;
    --cl-dark-gray: #7A7A7A;
    --cl-sp-gray: #f7f7f7;
    --cl-light-red: #C60000;
    --cl-dark-red: #990a00;
    --cl-red: #c72528;
    --cl-yl: #BF9352;
    --cl-green: #009739;
    --cl-blue: #0C163A;
    --cl-light-blue: #dbedf9;
    --cl-orange: #D29728;
    --cl-light-orange: #BF9352;
    --font-aws: FontAwesome;
    --font-main: 'Fahkwang', sans-serif !important;
    --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%;
    --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);
    --card-height: 65vh;
    --card-width: calc(var(--card-height) / 1.5);
}

.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-main-wrap {
    background: var(--cl-white);
}

/**================== FONTS ==================**/
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Black.eot');
    src: url('../fonts/Aptos-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Aptos-Black.woff2') format('woff2'),
    url('../fonts/Aptos-Black.woff') format('woff'),
    url('../fonts/Aptos-Black.ttf') format('truetype'),
    url('../fonts/Aptos-Black.svg#Aptos-Black') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*@font-face {*/
/*    font-family: 'Fahkwang';*/
/*    src: url('../fonts/Fahkwang-Medium.eot');*/
/*    src: url('../fonts/Fahkwang-Medium.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/Fahkwang-Medium.woff2') format('woff2'),*/
/*    url('../fonts/Fahkwang-Medium.woff') format('woff'),*/
/*    url('../fonts/Fahkwang-Medium.ttf') format('truetype'),*/
/*    url('../fonts/Fahkwang-Medium.svg#Fahkwang-Medium') format('svg');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Fahkwang';*/
/*    src: url('../fonts/Fahkwang-Bold.eot');*/
/*    src: url('../fonts/Fahkwang-Bold.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/Fahkwang-Bold.woff2') format('woff2'),*/
/*    url('../fonts/Fahkwang-Bold.woff') format('woff'),*/
/*    url('../fonts/Fahkwang-Bold.ttf') format('truetype'),*/
/*    url('../fonts/Fahkwang-Bold.svg#Fahkwang-Bold') format('svg');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/**================== BUTTON STYLE ==================**/
.CR-btn-style {
    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: 0 2.1875rem  /* 35/16 */;
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--cl-white) !important;
    background-color: var(--cl-main);
    position: relative;
    height: 3.125rem  /* 50/16 */;
}

.CR-btn-style i,
.CR-btn-style span {
    position: relative;
    z-index: 2;
}

.CR-btn-style i {
    margin-left: 0.5rem;
}

.CR-btn-style:after {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--cl-sp-black);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    transition: -webkit-transform 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    -o-transition: transform 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    transition: transform 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    transition: transform 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    z-index: 1;
}

.CR-btn-style:hover:after,
.CR-btn-style:focus:after {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

/**================== BANNER GROUP ==================**/
.CR-banner--group {

}

.CR-banner--group .banner--box {
    text-align: center;
    color: var(--cl-white);
    position: relative;
    z-index: 1;
}

.CR-banner--group .banner--box.banner-color {
    background-color: transparent;
    background-image: linear-gradient(180deg, #54595F 0%, var(--cl-main) 100%) !important;
    padding: 1.25rem  /* 20/16 */;
}

.CR-banner--group .banner--box.banner-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 8.125rem  /* 130/16 */ 1.25rem  /* 20/16 */;
}

.CR-banner--group .banner--box.banner-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgb(0 0 0 / 50%);
}

.CR-banner--group .banner--box .heading-title {
    font-size: 3.75rem /* 60/16 */;
    line-height: normal;
    font-weight: 700;
    margin: 0 auto;
    text-transform: uppercase;
    width: 50%;
}

.heading-title  b{
    /* font-family: 'Aptos', sans-serif  !important; */
    font-family: 'Lexend', sans-serif !important;
    color: #ffa500;
}
.CR-banner--group .banner--box .desc {
    font-size: 1.0625rem  /* 17/16 */;
    line-height: normal;
    font-weight: 400;
    margin: 0.625rem  /* 10/16 */ auto 0;
    width: 40%;
}

/**================== HEADING TITLE GROUP ==================**/
.heading-title--group {
    position: relative;
    text-align: center;
}

.heading-title--group .heading-title {
    font-size: 2.5rem  /* 40/16 */;
    font-weight: 700;
    margin: 0 auto;
}

.heading-title--group .desc {
    margin-top: 0.8125rem  /* 13/16 */;
    font-size: 1.0625rem  /* 17/16 */;
    line-height: 1.52em;
}

.heading-title--group .line {
    width: 21rem /* 336/16 */;
    position: relative;
    display: block;
    margin: 1.25rem  /* 20/16 */ auto;
}

.heading-title--group .line:after {
    content: '';
    background-color: #dedede;
    height: 1px;
    display: block;
    margin: 0 auto;
}

.heading-title--group .line:before {
    content: '';
    width: 40%;
    height: 0.25rem  /* 4/16 */;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -1px;
    background-color: var(--cl-main);
}

/**================== 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);
}

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

#CR-header .CR-top-header {
    padding: 0 0 0.625rem  /* 10/16 */;
    background: var(--cl-sp-black);
}

#CR-header .logo--box {
    background: var(--cl-gradient-main);
    height: 5.625rem  /* 90/16 */;
    -webkit-clip-path: polygon(0 0, 100% 0, 83% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 83% 100%, 0% 100%);
}

#CR-header .logo--box a {
    width: 100%;
    height: 100%;
    padding: 0 0.625rem  /* 10/16 */;
}

#CR-header .logo--box svg {
    width: auto;
    max-width: 80%;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
}

#CR-header .logo--box * {
    fill: var(--cl-white);
}

#CR-header .action--box {
    padding: 0 7.5rem  /* 120/16 */;
}


#CR-header .action--box .list a {
    color: var(--cl-white);
    padding: 0 1.25rem  /* 20/16 */;
    position: relative;
}

#CR-header .action--box .list a:hover {
    color: var(--cl-main);
}

#CR-header .action--box .list a i {
    font-size: 1.875rem  /* 30/16 */;
    min-width: 1.875rem  /* 30/16 */;
}

#CR-header .action--box .list a:hover i {
    -webkit-animation-name: crAnimationWobbleVertical;
    animation-name: crAnimationWobbleVertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

#CR-header .action--box .list a span {
    flex: 1;
    padding-left: 0.9375rem  /* 15/16 */;
    font-size: 0.9375rem  /* 15/16 */;
    font-weight: 400;
    line-height: normal;
}

#CR-header .action--box .list a b {
    display: block;
    text-align: left;
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    margin-bottom: 0.25rem;
}

#CR-header .btn--box {
    width: 50%;
}

#CR-header .btn--box .CR-btn-style {
    height: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
}

#CR-header .search--box {
    position: relative;
}

#CR-header .search--box .CR-open-search-head-btn {
    font-size: 1.125rem  /* 18/16 */;
    color: var(--cl-black);
    width: 5rem  /* 80/16 */;
    height: 100%;
}

#CR-header .search--box.active .form-search--box {
    opacity: 1;
    pointer-events: auto;
}

#CR-header .search--box .form-search--box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    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: 0 15%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-header .search--box.active .form-search--box .CR-close-search-head-btn {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

#CR-header .search--box .form-search--box .CR-close-search-head-btn {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    background-color: rgba(0,0,0,.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-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;
    border: none;
    border-bottom: 1px solid #D9D9D8;
    background: transparent;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}

#CR-header .search--box input,
#CR-header .search--box button {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent;
}

#CR-header .search--box input::placeholder {
    color: var(--cl-dark-gray);
}

#CR-header .search--box input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 3.125rem  /* 50/16 */;
    padding: 0 1.25rem  /* 20/16 */;
    font-size: 0.8125rem  /* 13/16 */;
    line-height: normal;
    font-weight: 400;
    text-align: center;
    color: var(--cl-white);
}

#CR-header .search--box button {
    width: 2.5rem /* 40/16 */;
    display: none !important;
}

#CR-header .search--box button svg {
    width: auto;
    height: 1rem;
    display: block;
}

#CR-header .CR-open-favorite-head-btn {
    position: relative;
    background: transparent;
    font-size: 1rem  /* 16/16 */;
    color: var(--cl-black);
}

#CR-header .favorite--box .total-favorite {
    position: absolute;
    border-radius: 0.25rem  /* 4/16 */;
    color: var(--cl-white);
    background: var(--cl-main);
    width: 0.9375rem  /* 15/16 */;
    height: 0.9375rem  /* 15/16 */;
    font-size: 0.5rem;
    line-height: normal;
    font-weight: 500;
    transform: unset;
    padding: 0;
    top: -0.5rem;
    right: -0.5rem;
    opacity: 1;
}

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

#CR-header .CR-main-header .CR-effect-menu > .item-with-arrow-box > a,
#CR-header .CR-main-header .CR-effect-menu > a {
    animation-name: flicker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color: #ff0000 !important;
}

#CR-header .CR-main-header .menu-item--box:not(.logo--box) {
    text-align: center;
}

#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;
}

#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: 0.875rem  /* 14/16 */;
    font-weight: 400;
    line-height: normal;
    vertical-align: middle;
    text-decoration: none;
    padding:1rem  /* 16/16 */ 0.625rem  /* 10/16 */;
    white-space: nowrap;
    color: var(--cl-black);
    position: relative;
    text-transform: capitalize;
}

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

#CR-header .CR-main-header .menu-item--box li .item-with-arrow-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#CR-header .CR-main-header .menu-item--box .fa-solid.fa-house {
    margin-right: 0.5rem;
    -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 li .arrow {
    margin-left: 0;
    margin-right: 0.85rem;
    /*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-black);
    font-size: 0.625rem  /* 10/16 */;
    -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 .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 {
    background: var(--cl-white);
    border: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end;
    -o-transition: -o-transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end;
    -webkit-transition: opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end, -webkit-transform .5s ease;
    transition: opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end;
    transition: transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end;
    transition: transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end, -webkit-transform .5s ease;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    padding: 0.3125rem  /* 5/16 */ 0 ;
    width: 15rem /* 240/16 */;
}

#CR-header .CR-main-header .menu-item--box .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform .5s ease, opacity .2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    -o-transition: -o-transform .5s ease, opacity .2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    transition: transform .5s ease, opacity .2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}

#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: left;
    font-size: 0.875rem /* 14/16 */;
    font-weight: 400;
    line-height: normal;
    vertical-align: middle;
    padding: 0.625rem /* 10/16 */ 0.625rem  /* 10/16 */;
    color: var(--cl-black);
    position: relative;
    display: block;
}

#CR-header .CR-main-header .menu-item--box .current-menu-ancestor .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-menu-item .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-menu-item > a,
#CR-header .CR-main-header .menu-item--box .current-product_cat-parent .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-product_cat-parent > a,
#CR-header .CR-main-header .menu-item--box .current_page_parent .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current_page_parent > a,
#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 .current-menu-ancestor .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-menu-item .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-menu-item > a,
#CR-header .CR-main-header .menu-item--box .current-product_cat-parent .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-product_cat-parent > a,
#CR-header .CR-main-header .menu-item--box .current_page_parent .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current_page_parent > a,
#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-main) !important;
    animation-name: unset;
}

#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 {
    font-weight: 700;
}

#CR-header .CR-main-header .menu-item--box > div > ul > li:hover i,
#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 {
    color: var(--cl-white) !important;
}

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

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

/**================== FOOTER ==================**/
#CR-footer {
    background: var(--cl-sp-black);
}

#CR-footer .heading-title {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem  /* 20/16 */;
    line-height: normal;
    margin-bottom: 0;
    text-transform: capitalize;
    color: var(--cl-white);
    min-height: 2.1875rem  /* 35/16 */;
}

#CR-footer .menu-item-cont--mb {
    margin-top: 1.5625rem  /* 25/16 */;
}

#CR-footer .CR-main-footer {
    padding: 3.125rem  /* 50/16 */ 0;
}

#CR-footer .menu-box .menu-item-box {
    margin-bottom: 1.875rem /* 30/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: 0.9375rem  /* 15/16 */;
    line-height: 1.5rem  /* 24/16 */;
    color: var(--cl-white);
}

#CR-footer li:not(:last-child) {
    margin-bottom: 0;
}

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

#CR-footer .socials--box {
    margin: 2.5rem  /* 40/16 */ 0 0;
}

#CR-footer .socials--box ul {
    margin: 0.5rem 0 0;
}

#CR-footer .socials--box li:nth-child(3n-1) a {
    margin-right: -1px;
    margin-left: -1px;
}

#CR-footer .socials--box a {
    font-size: 1.25rem /* 20/16 */;
    color: var(--cl-dark-gray);
    width: 3.125rem  /* 50/16 */;
    height: 3.125rem  /* 50/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;
    border: 1px solid var(--cl-dark-gray);
    margin: 0 0 -1px;
}

#CR-footer .socials--box a:hover {
    color: var(--cl-black);
    background-color: var(--cl-white);
    border-color: var(--cl-white);
}

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

#CR-footer .contact--box li a i {
    color: var(--cl-dark-gray);
    margin-right: 0.5rem;
    min-width: 1.25rem  /* 20/16 */;
    width: 1.25rem  /* 20/16 */;
}

#CR-footer .contact--box li a {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

#CR-footer .nav--box li {
    position: relative;
    line-height: normal;
    padding-left: 1.25rem  /* 20/16 */;
}

#CR-footer .nav--box li:before {
    content: '';
    position: absolute;
    width: 0.3125rem  /* 5/16 */;
    height: 0.3125rem  /* 5/16 */;
    background-color: var(--cl-main);
    margin-right: 14px;
    vertical-align: middle;
    -webkit-transition: all 200ms linear 0s;
    -o-transition: all 200ms linear 0s;
    transition: all 200ms linear 0s;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#CR-footer .nav--box a {
    position: relative;
    border-bottom: 1px solid transparent;
}

#CR-footer .nav--box a:hover {
    border-color: var(--cl-main);
}

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

/**================== HOME PAGE ==================**/
#CR-home-page {
    overflow: hidden;
}

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

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

#CR-home-page .banner--sec .item-banner {
    position: relative;
    height: 46.875rem  /* 750/16 */;
    overflow: hidden;
}

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

#CR-home-page .banner--sec .item-banner.slick-active img {
    -webkit-transition-duration: 20s;
    -o-transition-duration: 20s;
    transition-duration: 20s;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

#CR-home-page .banner--sec .item-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#CR-home-page .banner--sec .item-banner.slick-active .content--box {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#CR-home-page .banner--sec .item-banner .content--box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    max-width: 100%;
    opacity: 0;
    -webkit-transition: 1.2s ease-in-out;
    -o-transition: 1.2s ease-in-out;
    transition: 1.2s ease-in-out;
}

#CR-home-page .banner--sec .item-banner .content--box .icon {
    margin-bottom: 1.5625rem  /* 25/16 */;
    height: 3.125rem  /* 50/16 */;
}

#CR-home-page .banner--sec .item-banner .content--box .icon svg {
    width: auto;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

#CR-home-page .banner--sec .item-banner .content--box .desc {
    font-size: 2.1875rem  /* 35/16 */;
    line-height: normal;
    text-align: center;
    color: var(--cl-white);
    font-weight: 700;
}

#CR-home-page .banner--sec .CR-custom-dots .slick-dots {
    bottom: 3.75rem  /* 60/16 */;
}

#CR-home-page .banner--sec .CR-custom-arrow-full {
    opacity: 1;
}

#CR-home-page .banner--sec .CR-custom-arrow-full svg {
    fill: var(--cl-white);
}

#CR-home-page .banner--sec .CR-custom-arrow-full.left {
    left: 0;
}

#CR-home-page .banner--sec .CR-custom-arrow-full.right {
    right: 0;
}

#CR-home-page .intro-list--sec {
    margin-top: -3.125rem  /* -50/16 */;
    margin-bottom: 3.75rem  /* 60/16 */;
    position: relative;
    z-index: 1;
}

#CR-home-page .intro-list--sec .list--box {
    box-shadow: 0 2px 76px 0 rgba(0, 0, 0, 0.15);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background: var(--cl-white);
    position: relative;
}

#CR-home-page .intro-list--sec .list--box:after {
    content: '';
    background: var(--cl-black);
    height: 1px;
    position: absolute;
    bottom: -1.5625rem  /* -25/16 */;
    left: 0.9375rem  /* 15/16 */;
    right: 0.9375rem  /* 15/16 */;
}

#CR-home-page .intro-list--sec .item {
    width: 25%;
}

#CR-home-page .intro-list--sec .item:not(:last-child) {
    border-right: 1px solid var(--cl-light-gray);
}

#CR-home-page .intro-list--sec .item .wrap {
    position: relative;
    text-align: center;
    padding: 4.6875rem /* 75/16 */ 1.875rem /* 30/16 */ 2.1875rem /* 35/16 */;
    height: 100%;
}

#CR-home-page .intro-list--sec .item:hover .heading-title,
#CR-home-page .intro-list--sec .item:hover .desc {
    color: var(--cl-white);
}

#CR-home-page .intro-list--sec .item .heading-title,
#CR-home-page .intro-list--sec .item .desc {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: relative;
    z-index: 2;
}

#CR-home-page .intro-list--sec .item .heading-title {
    font-size: 1.25rem  /* 20/16 */;
    line-height: normal;
    font-weight: 700;
    margin: 0;
}

#CR-home-page .intro-list--sec .item .desc {
    margin: 0.875rem  /* 14/16 */ 0 0;
    font-size: 0.9375rem  /* 15/16 */;
    line-height: 1.5rem  /* 24/16 */;
}

#CR-home-page .intro-list--sec .item:hover .bg {
    opacity: 1;
    visibility: visible;
    top: -1.5625rem  /* -25/16 */;
    bottom: -1.5625rem  /* -25/16 */;
}

#CR-home-page .intro-list--sec .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    background: rgb(255,165,0);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,165,0,1)), color-stop(50%, rgba(251,169,17,1)), to(rgba(255,193,21,1)));
    background: -o-linear-gradient(bottom, rgba(255,165,0,1) 0%, rgba(251,169,17,1) 50%, rgba(255,193,21,1) 100%);
    background: linear-gradient(0deg, rgba(255,165,0,1) 0%, rgba(251,169,17,1) 50%, rgba(255,193,21,1) 100%);
}

#CR-home-page .intro-list--sec .item:hover .btn {
    opacity: 1;
}

#CR-home-page .intro-list--sec .item .btn {
    position: absolute;
    bottom: -1.5625rem  /* -25/16 */;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3.125rem  /* 50/16 */;
    font-size: 0.875rem  /* 14/16 */;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--cl-white);
    padding: 0 2.1875rem  /* 35/16 */;
    background: var(--cl-sp-black);
    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: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    -webkit-transition: 0.75s ease-in-out;
    -o-transition: 0.75s ease-in-out;
    transition: 0.75s ease-in-out;
    border-radius: 0;
    outline: none !important;
    box-shadow: none !important;
}

#CR-home-page .intro-list--sec .item .btn i {
    margin-left: 0.5rem;
}

#CR-home-page .slider--sec {
    padding-bottom: 2.8125rem  /* 45/16 */;
}

#CR-home-page .slider--sec .item {
    width: 100%;
}

#CR-home-page .slider--sec .item .wrap {
    position: relative;
    padding-top: var(--ratio-16-9);
}

#CR-home-page .slider--sec .item video,
#CR-home-page .slider--sec .item .action-video--box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#CR-home-page .slider--sec .item .action-video--box.show-iframe .CR-youtube-video-frame {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#CR-home-page .slider--sec .item .action-video--box .CR-youtube-video-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s ease-in-out;
}

#CR-home-page .slider--sec .item .action-video--box.show-iframe a i {
    opacity: 0;
}

#CR-home-page .slider--sec .item .action-video--box a {
    color: var(--cl-white);
    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;
    font-size: 6.25rem  /* 100/16 */;
    z-index: 2;
    position: relative;
}

#CR-home-page .slider--sec .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

#CR-home-page .intro--sec {
    padding: 2.8125rem  /* 45/16 */ 0;
}

#CR-home-page .intro--sec .heading-title {
    font-size: 2.5rem  /* 40/16 */;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1.25rem  /* 20/16 */;
    text-transform: uppercase;
}

#CR-home-page .intro--sec .content--box {
    padding-right: 3.125rem  /* 50/16 */;
}

#CR-home-page .intro--sec .CR-style-default-content h1,
#CR-home-page .intro--sec .CR-style-default-content h1 strong {
    font-size: 3.125rem  /* 50/16 */;
}

#CR-home-page .intro--sec .CR-style-default-content h2,
#CR-home-page .intro--sec .CR-style-default-content h2 strong {
    font-size: 2.8125rem  /* 45/16 */;
}

#CR-home-page .intro--sec .CR-style-default-content h3,
#CR-home-page .intro--sec .CR-style-default-content h3 strong {
    font-size: 2.5rem  /* 40/16 */;
}

#CR-home-page .intro--sec .CR-btn-style {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 3.125rem  /* 50/16 */;
}

#CR-home-page .intro--sec .image--box img {
    width: 100%;
    height: auto;
}

#CR-home-page .numbers--sec {
    background-color: transparent;
    background-image: linear-gradient(130deg, #1A191D 85%, #232226 0%);
    color: var(--cl-white);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 2.1875rem  /* 35/16 */ 0;
}

#CR-home-page .numbers--sec .list--box {
    margin: -0.9375rem  /* -15/16 */;
}

#CR-home-page .numbers--sec .item {
    width: 25%;
    padding: 0.9375rem  /* 15/16 */;
}

#CR-home-page .numbers--sec .item .wrap {
    padding: 1.5rem  /* 24/16 */ 0.9375rem  /* 15/16 */ 1.875rem  /* 30/16 */;
    position: relative;
    background-color: #39383B;
    text-align: center;
}

#CR-home-page .numbers--sec .item .wrap:before,
#CR-home-page .numbers--sec .item .wrap:after {
    content: "";
    display: block;
    width: 1.0625rem  /* 17/16 */;
    height: 1.0625rem  /* 17/16 */;
    background-color: transparent;
    position: absolute;
    border-color: var(--cl-main) !important;
}

#CR-home-page .numbers--sec .item .wrap:before {
    top: 0;
    left: 0;
    border-top: 3px solid;
    border-left: 3px solid;
}

#CR-home-page .numbers--sec .item .wrap:after {
    bottom: 0;
    right: 0;
    border-right: 3px solid;
    border-bottom: 3px solid;
}

#CR-home-page .numbers--sec .item .heading-title {
    font-size: 3.125rem  /* 50/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

#CR-home-page .numbers--sec .item .desc {
    font-weight: 600;
    margin-top: 0.75rem  /* 12/16 */;
    font-size: 1.0625rem  /* 17/16 */;
    line-height: normal;
    text-transform: uppercase;
}

#CR-home-page .solutions--sec {
    padding: 1.25rem  /* 20/16 */ 0 0;
}

#CR-home-page .solutions--sec .list--box {
    margin: -0.625rem  /* -10/16 */;
}

#CR-home-page .solutions--sec .left--box {
    width: 33%;
}

#CR-home-page .solutions--sec .right--box {
    width: 67%;
}

#CR-home-page .solutions--sec .left--box .item .wrap {
    aspect-ratio: 3/4;
}

#CR-home-page .solutions--sec .right--box .item:first-child {
    width: 100%;
}

#CR-home-page .solutions--sec .right--box .item {
    height: 50%;
    width: 50%;
}

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

#CR-home-page .solutions--sec .item {
    padding: 0.625rem  /* 10/16 */;
}

#CR-home-page .solutions--sec .item .wrap {
    background: var(--cl-sp-black);
    color: 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;
    position: relative;
}

#CR-home-page .solutions--sec .item .wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

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

#CR-home-page .solutions--sec .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

#CR-home-page .solutions--sec .item .wrap:hover .heading-title {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#CR-home-page .solutions--sec .item .heading-title {
    font-size: 1.25rem  /* 20/16 */;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: 2;
    padding: 1.25rem  /* 20/16 */;
}

#CR-home-page .solutions--sec .item .wrap:hover .content-hover--box {
    opacity: 1;
    visibility: visible;
}

#CR-home-page .solutions--sec .item .content-hover--box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    opacity: 0;
    visibility: hidden;
    padding: 2.5rem  /* 40/16 */;
    z-index: 2;
}

#CR-home-page .solutions--sec .item .wrap:hover .content-hover--box:before {
    -webkit-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}

#CR-home-page .solutions--sec .item .content-hover--box:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--cl-main);
    transition: transform 0.75s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    left: 0;
    top: 0;
}

#CR-home-page .solutions--sec .item .content-hover--box p {
    position: relative;
    text-align: center;
    font-size: 0.9375rem  /* 15/16 */;
    line-height: 1.5rem  /* 24/16 */;
    font-weight: 400;
    margin: 0 auto;
}

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

#CR-home-page .partners--sec .list--box {
    margin: 0 -1.5625rem  /* -25/16 */;
}

#CR-home-page .partners--sec .item {
    width: 33.33%;
    padding: 0 1.5625rem  /* 25/16 */;
}

#CR-home-page .partners--sec .item .wrap {
    position: relative;
    aspect-ratio: 16/9;
}

#CR-home-page .partners--sec .item .logo a {
    width: 100%;
    height: 100%;
}

#CR-home-page .partners--sec .item .logo {
    height: 6.25rem;
}

#CR-home-page .partners--sec .item.slick-active img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#CR-home-page .partners--sec .item img {
    height: 100%;
    width: auto;
    max-width: 95%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

#CR-home-page .partners--sec .CR-custom-arrow-full.left {
    left: 0;
}

#CR-home-page .partners--sec .CR-custom-arrow-full.right {
    right: 0;
}

#CR-home-page .news--sec {
    padding: 5.625rem  /* 90/16 */ 0 2.5rem  /* 40/16 */;
}

#CR-home-page .news--sec .list--box {
    margin: 0 -0.75rem  /* -12/16 */ -0.75rem  /* -12/16 */;
}

.CR-item-news-home {
    width: 33.33%;
    padding: 0.75rem /* 12/16 */;
}

.CR-item-news-home .wrap {
    position: relative;
    background: var(--cl-white);
    -webkit-box-shadow: 0px 4px 30px rgba(0, 152, 218, 0.1);
    box-shadow: 0px 4px 30px rgba(0, 152, 218, 0.1);
}

.CR-item-news-home .thumb--box {
    position: relative;
    padding-top: var(--ratio-4-3);
    overflow: hidden;
}

.CR-item-news-home .wrap .view,
.CR-item-news-home .thumb--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-item-news-home .wrap:hover .thumb--box img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.CR-item-news-home .content--box {
    padding: 1.25rem  /* 20/16 */ 1.875rem  /* 30/16 */ 2.5rem  /* 40/16 */;
}

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

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

.CR-item-news-home .heading-title {
    color: var(--cl-black);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem /* 26/16 */;
    text-transform: uppercase;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.25rem /* 52/16 */;
    height: 3.25rem /* 52/16 */;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;

}

.CR-item-news-home .date {
    color: var(--cl-black);
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem /* 22/16 */;
    margin: 0 0 0.625rem /* 10/16 */;
}

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

#CR-about-page .intro--sec {
    padding: 5rem  /* 80/16 */ 0 3.75rem  /* 60/16 */;
}

#CR-about-page .tabs--sec {
    position: relative;
    overflow: hidden;
    padding-bottom: 3.75rem  /* 60/16 */;
}

#CR-about-page .tabs--sec .tabs-img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 70%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

#CR-about-page .tabs--sec .tabs--box {
    position: relative;
    z-index: 2;
    background: var(--cl-white);
    padding: 0.9375rem  /* 15/16 */;
    margin-top: 0.9375rem  /* 15/16 */;
}

#CR-about-page .tabs--sec .nav-tabs {
    border: none !important;
    border-top: 1px solid var(--cl-light-gray) !important;
    margin-bottom: 0.625rem  /* 10/16 */;
}

#CR-about-page .tabs--sec li:not(:last-child) {
    padding-right: 4.6875rem  /* 75/16 */;
}

#CR-about-page .tabs--sec .nav-link.active:before {
    right: 0;
}

#CR-about-page .tabs--sec .nav-link:before {
    position: absolute;
    content: "";
    top: -1px;
    right: 100%;
    left: 0;
    height: 0.25rem  /* 4/16 */;
    background-color: var(--cl-main);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 1;
}

#CR-about-page .tabs--sec .nav-link {
    font-size: 0.9375rem /* 15/16 */;
    font-weight: 700;
    line-height: normal;
    color: var(--cl-black);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 1.0625rem /* 17/16 */ 0;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
}

#CR-about-page .tabs--sec .tab-content .desc--box {
    font-size: 0.9375rem  /* 15/16 */;
    line-height: 1.5rem  /* 24/16 */;
    font-weight: 400;
    color: #7A7A7A;
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-about-page .tabs--sec .tab-content .list--box {
    margin: 1.25rem  /* 20/16 */ 0 0;
}

#CR-about-page .tabs--sec .tab-content .item {
    width: 50%;
    padding: 0.9375rem  /* 15/16 */;
}

#CR-about-page .tabs--sec .tab-content .item .wrap {
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    height: 100%;
}

#CR-about-page .tabs--sec .tab-content .item .heading-title {
    font-size: 1.0625rem  /* 17/16 */;
    font-weight: 700;
    margin: 0;
}

#CR-about-page .tabs--sec .tab-content .item .desc {
    font-size: 0.9375rem  /* 15/16 */;
    line-height: 1.5rem  /* 24/16 */;
    font-weight: 400;
    margin: 0.9375rem  /* 15/16 */ 0 0;
    color: #7A7A7A;
}

#CR-about-page .tabs--sec .tab-content .item .icon--box {
    width: 3.125rem  /* 50/16 */;
    min-width: 3.125rem  /* 50/16 */;
}

#CR-about-page .tabs--sec .tab-content .item .wrap:hover .icon--box i {
    -webkit-animation-name: crAnimationWobbleVertical;
    animation-name: crAnimationWobbleVertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

#CR-about-page .tabs--sec .tab-content .item .icon--box i {
    font-size: 2.5rem  /* 40/16 */;
    color: var(--cl-main);
}

#CR-about-page .tabs--sec .tab-content .item .thumbnail--box {
    position: relative;
    padding-top: var(--ratio-16-9);
    margin-bottom: 1.5625rem  /* 25/16 */;
    overflow: hidden;
}

#CR-about-page .tabs--sec .tab-content .item .thumbnail--box img {
    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 .tabs--sec .tab-content .item .thumbnail--box:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 1;
}

#CR-about-page .tabs--sec .tab-content .item .wrap:hover .thumbnail--box:before {
    -webkit-transition: all 0.5s ease-out 0.08s;
    -khtml-transition: all 0.5s ease-out 0.08s;
    -moz-transition: all 0.5s ease-out 0.08s;
    -ms-transition: all 0.5s ease-out 0.08s;
    -o-transition: all 0.5s ease-out 0.08s;
    transition: all 0.5s ease-out 0.08s;
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
}

#CR-about-page .tabs--sec .tab-content .item.icon .wrap {
    padding: 1.5625rem  /* 25/16 */;
    border: 1px solid #DEDEDE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#CR-about-page .tabs--sec .tab-content .item.icon .wrap:hover {
    border-color: transparent !important;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
}

#CR-about-page .tabs--sec .tab-content .item.icon .cont--box {
    flex: 1;
    padding-left: 1.25rem  /* 20/16 */;
}

#CR-about-page .tabs--sec .tab-content .item.thumbnail .heading-title {
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5rem  /* 24/16 */;
}

#CR-about-page .tabs--sec .tab-content .item.thumbnail .heading-title:before {
    content: '';
    width: 0.3125rem /* 5/16 */;
    min-width: 0.3125rem /* 5/16 */;
    height: 0.3125rem /* 5/16 */;
    background: var(--cl-main);
    display: block;
    margin-right: 0.75rem;
}

#CR-about-page .numbers--sec {
    background-color: transparent;
    background-image: linear-gradient(130deg, #1A191D 85%, #232226 0%);
    color: var(--cl-white);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 2.1875rem  /* 35/16 */ 0;
}

#CR-about-page .numbers--sec .list--box {
    margin: -0.9375rem  /* -15/16 */;
}

#CR-about-page .numbers--sec .item {
    width: 25%;
    padding: 0.9375rem  /* 15/16 */;
}

#CR-about-page .numbers--sec .item .wrap {
    padding: 1.5rem  /* 24/16 */ 0.9375rem  /* 15/16 */ 1.875rem  /* 30/16 */;
    position: relative;
    background-color: #39383B;
    text-align: center;
}

#CR-about-page .numbers--sec .item .wrap:before,
#CR-about-page .numbers--sec .item .wrap:after {
    content: "";
    display: block;
    width: 1.0625rem  /* 17/16 */;
    height: 1.0625rem  /* 17/16 */;
    background-color: transparent;
    position: absolute;
    border-color: var(--cl-main) !important;
}

#CR-about-page .numbers--sec .item .wrap:before {
    top: 0;
    left: 0;
    border-top: 3px solid;
    border-left: 3px solid;
}

#CR-about-page .numbers--sec .item .wrap:after {
    bottom: 0;
    right: 0;
    border-right: 3px solid;
    border-bottom: 3px solid;
}

#CR-about-page .numbers--sec .item .heading-title {
    font-size: 3.125rem  /* 50/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

#CR-about-page .numbers--sec .item .desc {
    font-weight: 600;
    margin-top: 0.75rem  /* 12/16 */;
    font-size: 1.0625rem  /* 17/16 */;
    line-height: normal;
    text-transform: uppercase;
}

#CR-about-page .custom-content--sec {
    padding-bottom: 4.375rem  /* 70/16 */;
}

#CR-about-page .custom-content--sec .item {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-about-page .custom-content--sec .item .wrap {
    position: relative;
    margin: 0 -0.625rem  /* -10/16 */;
}

#CR-about-page .custom-content--sec .item .wrap > div {
    width: 50%;
    padding: 0 0.625rem  /* 10/16 */;
}

#CR-about-page .custom-content--sec .item .image--box img {
    width: 100%;
    height: auto;
}

#CR-about-page .custom-content--sec .sub-title {
    margin-bottom: 1rem  /* 16/16 */;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.9375rem  /* 15/16 */;
    line-height: normal;
}

#CR-about-page .custom-content--sec .heading-title {
    font-size: 2.5rem  /* 40/16 */;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1rem  /* 16/16 */;
}

#CR-about-page .custom-content--sec .content {
    font-size: 0.9375rem  /* 15/16 */;
    line-height: 1.5rem  /* 24/16 */;
}

#CR-about-page .custom-content--sec .content b {
    color: #7A7A7A;
    font-weight: 700;
}

/**================== CONTACT PAGE ==================**/
#CR-contact-page .intro--sec {
    padding: 3.125rem /* 50/16 */ 0;
    background: #F3F3F3;
    text-align: center;
}

#CR-contact-page .intro--sec .heading-title {
    text-transform: uppercase;
}

#CR-contact-page .intro--sec .CR-style-default-content {
    margin: 1.25rem  /* 20/16 */ auto 0;
}

#CR-contact-page .form--sec {
    position: relative;
    padding: 0 0 2.5rem /* 40/16 */;
    overflow: hidden;
}

#CR-contact-page .form--sec:before {
    content: url("../images/world_contact.png");
    position: absolute;
    top: 0;
    left: 0;
}

#CR-contact-page .form--sec .container {
    position: relative;
    z-index: 2;
}

#CR-contact-page .form--sec .form--box {
    padding: 5.625rem  /* 90/16 */ 5.625rem  /* 90/16 */ 0 0;
}

#CR-contact-page .form--sec .form--box .heading-title {
    font-size: 2.5rem  /* 40/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

#CR-contact-page .form--sec .form--box .desc {
    margin-top: 1rem  /* 16/16 */;
    font-size: 1.0625rem  /* 17/16 */;
    line-height: 1.52em;
    font-weight: 400;
}

#CR-contact-page .form--sec .form--box .CR-cf7-box {
    margin: 2.5rem  /* 40/16 */ 0 0;
}

#CR-contact-page .form--sec .contact-list--box {
    background-color: #1A191D;
    color: var(--cl-white);
    padding: 6.25rem  /* 100/16 */ 4.375rem  /* 70/16 */;
}

#CR-contact-page .form--sec .contact-list--box .heading-title {
    font-size: 2.5rem  /* 40/16 */;
    font-weight: 700;
    margin: 0;
}

#CR-contact-page .form--sec .contact-list--box .desc {
    font-size: 1.0625rem  /* 17/16 */;
    font-weight: 400;
    line-height: 1.52em;
    margin: 1.25rem  /* 20/16 */ 0 0;
}

#CR-contact-page .form--sec .contact-list--box .socials--box {
    margin: 2.8125rem  /* 45/16 */ 0 0;
}

#CR-contact-page .form--sec .contact-list--box .socials--box li:not(:last-child) {
    margin-right: 0.75rem  /* 12/16 */;
}

#CR-contact-page .form--sec .contact-list--box .socials--box a {
    color: var(--cl-white);
    width: 2.8125rem /* 45/16 */;
    height: 2.8125rem /* 45/16 */;
    border-radius: 50%;
    border: 1px solid #FFFFFF40;
    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;
    font-size: 1.0625rem  /* 17/16 */;
}

#CR-contact-page .form--sec .contact-list--box .socials--box a:hover {
    background-color: var(--cl-main);
    border-color: var(--cl-main);
    -webkit-animation-name: crScaleAnimation;
    animation-name: crScaleAnimation;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#CR-contact-page .form--sec .list li {
    margin: 1.875rem  /* 30/16 */ 0 0;
}

#CR-contact-page .form--sec .list a {
    color: var(--cl-white);
}

#CR-contact-page .form--sec .list .icon-box {
    width: 2.8125rem  /* 45/16 */;
    min-width: 2.8125rem  /* 45/16 */;
}

#CR-contact-page .form--sec .list .icon-box img {
    width: 100%;
    height: auto;
    -webkit-filter: invert(1);
    filter: invert(1);
}

#CR-contact-page .form--sec .list a:hover .icon-box img {
    -webkit-animation-name: crAnimationWobbleVertical;
    animation-name: crAnimationWobbleVertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

#CR-contact-page .form--sec .list a:hover {
    color: var(--cl-main);
}

#CR-contact-page .form--sec .list .cont--box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.25rem  /* 20/16 */;
}

#CR-contact-page .form--sec .list .cont--box .heading-title {
    font-size: 1.0625rem  /* 17/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
}

#CR-contact-page .form--sec .list .cont--box p {
    font-size: 0.9375rem  /* 15/16 */;
    font-weight: 400;
    line-height: 1.5rem  /* 24/16 */;
    margin: 0.625rem  /* 10/16 */ 0 0;
}

/**================== NEWS PAGE ==================**/
#CR-news-page .main--box {
    padding: 5.625rem  /* 90/16 */ 0;
}

#CR-news-page .intro--box {
    margin-bottom: 3.125rem  /* 50/16 */;
}

#CR-news-page .heading--box {
    width: 40%;
}

#CR-news-page .heading--box .sub-title {
    font-style: normal;
    font-weight: 400;
    font-size: 1.0625rem /* 17/16 */;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4B4B4D;
    margin-bottom: 1.25rem /* 20/16 */;
}

#CR-news-page .heading--box .sub-title:before {
    content: '';
    width: 3.75rem /* 60/16 */;
    height: 0.375rem /* 6/16 */;
    background: repeating-linear-gradient(45deg, var(--cl-main), var(--cl-main) 2px, var(--cl-white) 2px, var(--cl-white) 4px);
    display: block;
    margin: 0 10px 0 0;
}

#CR-news-page .heading--box .heading-title {
    font-style: normal;
    font-weight: 700;
    font-size: 3rem  /* 48/16 */;
    line-height: normal;
    text-transform: uppercase;
    color: var(--cl-black);
    margin: 0;
}

#CR-news-page .heading--box .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 0.9375rem  /* 15/16 */;
    line-height: normal;
    color: var(--cl-black);
    margin: 0.3125rem  /* 5/16 */ 0 0;
}

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

#CR-news-page .terms--box li {
    position: relative;
    line-height: normal;
}

#CR-news-page .terms--box li:not(:last-child):after {
    content: '';
    background: #999999;
    width: 1px;
    height: 100%;
    right: -1.25rem  /* -20/16 */;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#CR-news-page .terms--box a:hover,
#CR-news-page .terms--box li.active a {
    color: var(--cl-main);
    text-shadow: 0 0 0 var(--cl-main), 0 0 0 var(--cl-main), 0 0 0 var(--cl-main), 0 0 1px var(--cl-main);
    border-color: var(--cl-main);
}

#CR-news-page .terms--box a {
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem  /* 20/16 */;
    line-height: normal;
    color: var(--cl-black);
    border-bottom: 1px solid transparent;
}

#CR-news-page .list--box {
    margin: -0.75rem  /* -12/16 */;
}

.CR-item-news {
    width: 33.33%;
    padding: 0.75rem /* 12/16 */;
}

.CR-item-news:nth-child(1) {
    width: 66.67%;
}

.CR-item-news:nth-child(1) .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}

.CR-item-news:nth-child(1) .thumb--box {
    aspect-ratio: 1/1;
    width: 50%;
}

.CR-item-news:nth-child(1) .content--box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.CR-item-news:nth-child(1) .date {
    margin: 0 0 1.5rem  /* 24/16 */;
}

.CR-item-news:nth-child(1) .heading-box {
    padding-bottom: 1.5rem  /* 24/16 */;
    border-bottom: 1px solid var(--cl-black);
}

.CR-item-news:nth-child(1) .heading-title {
    color: var(--cl-black);
    font-size: 1.5625rem  /* 25/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: 2.25rem  /* 36/16 */;
    max-height: 4.5rem  /* 72/16 */;
    height: auto;
}

.CR-item-news:nth-child(1) .btn-view {
    opacity: 1;
    visibility: visible;
}

.CR-item-news .wrap {
    position: relative;
    background: var(--cl-white);
    -webkit-box-shadow: 0px 4px 30px rgba(0, 152, 218, 0.1);
    box-shadow: 0px 4px 30px rgba(0, 152, 218, 0.1);
    height: 100%;
}

.CR-item-news .thumb--box {
    position: relative;
    aspect-ratio: 4/2.5;
    overflow: hidden;
}

.CR-item-news .wrap .view,
.CR-item-news .thumb--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-item-news .wrap:hover .thumb--box img {
    -webkit-transform: scale(1.3) rotate(-10deg);
    -ms-transform: scale(1.3) rotate(-10deg);
    transform: scale(1.3) rotate(-10deg);
}

.CR-item-news .content--box {
    padding: 1.25rem  /* 20/16 */ 1.875rem  /* 30/16 */ 2.5rem  /* 40/16 */;
}

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

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

.CR-item-news .heading-title {
    color: var(--cl-black);
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem /* 26/16 */;
    text-transform: uppercase;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.25rem /* 52/16 */;
    height: 3.25rem /* 52/16 */;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;

}

.CR-item-news .date {
    color: var(--cl-black);
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem /* 22/16 */;
    margin: 0 0 0.3125rem  /* 5/16 */;
    display: block;
}

.CR-item-news .btn-view {
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem  /* 20/16 */;
    line-height: normal;
    text-transform: uppercase;
    color: var(--cl-main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: unset !important;
    opacity: 0;
    visibility: hidden;
}

.CR-item-news .wrap:hover .btn-view {
    color: var(--cl-black);
}

.CR-item-news .wrap:hover .btn-view span {
    border-color: var(--cl-black);
}

.CR-item-news .btn-view span {
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-item-news .wrap:hover .btn-view .ico svg {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.CR-item-news .wrap:hover .btn-view .ico svg path {
    stroke: var(--cl-black);
}

.CR-item-news .btn-view .ico svg {
    transform: rotate(0);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    height: 50%;
    width: auto;
}

.CR-item-news .btn-view .ico svg path {
    stroke: var(--cl-main);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-item-news .btn-view .ico {
    margin-left: 1.875rem  /* 30/16 */;
    width: 2.8125rem  /* 45/16 */;
    height: 2.8125rem  /* 45/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;
    border: 1px solid var(--cl-main);
    font-size: 1.25rem  /* 20/16 */;
}

/**================== NEWS DETAIL PAGE ==================**/
#CR-news-detail-page .main--box {
    padding: 3.75rem  /* 60/16 */ 0;
}

#CR-news-detail-page .main-content--box {
    padding-right: 3.75rem  /* 60/16 */;
}

#CR-news-detail-page .heading--box .heading-title {
    font-style: normal;
    font-weight: 700;
    font-size: 2rem  /* 32/16 */;
    line-height: normal;
    text-transform: uppercase;
    color: var(--cl-black);
    margin: 0 0 1.25rem  /* 20/16 */;
}

#CR-news-detail-page .heading--box .sub--box {
    border-top: 1px solid rgba(102, 102, 102, 0.15);
    border-bottom: 1px solid rgba(102, 102, 102, 0.15);
    padding: 0.9375rem  /* 15/16 */ 0;
    margin-bottom: 2.1875rem  /* 35/16 */;
}

#CR-news-detail-page .heading--box .date--box .item:not(:last-child) {
    margin-right: 0.9375rem  /* 15/16 */;
}

#CR-news-detail-page .heading--box .date--box .item {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    color: var(--cl-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#CR-news-detail-page .heading--box .date--box .item i {
    margin-right: 0.5rem;
}

#CR-news-detail-page .heading--box .share--box span {
    margin-right: 1.875rem  /* 30/16 */;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    color: var(--cl-black);
}

#CR-news-detail-page .heading--box .share--box li:not(:last-child) {
    margin-right: 1.875rem  /* 30/16 */;
}

#CR-news-detail-page .heading--box .share--box a {
    color: var(--cl-black);
}

#CR-news-detail-page .heading--box .share--box a span {
    display: none;
}

#CR-news-detail-page .tags--box {
    padding: 1.5625rem  /* 25/16 */ 0 0;
}

#CR-news-detail-page .tags--box .heading-title {
    margin: 0 1.25rem  /* 20/16 */ 0 0;
    font-size: 1.125rem  /* 18/16 */;
    font-weight: 600;
    line-height: normal;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

#CR-news-detail-page .tags--box ul {
    gap: 0.625rem /* 10/16 */;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#CR-news-detail-page .tags--box a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    font-weight: 600;
    color: var(--cl-white);
    font-size: 0.9375rem /* 15/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;
    padding: 0.375rem /* 6/16 */ 0.9375rem /* 15/16 */ 0.375rem /* 6/16 */ 1.25rem  /* 20/16 */;
    background: var(--cl-main);
    -webkit-clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
    border-radius: 0.3125rem  /* 5/16 */;
}

#CR-news-detail-page .tags--box a:before {
    content: '';
    height: 0.5rem /* 8/16 */;
    width: 0.5rem /* 8/16 */;
    background: var(--cl-white);
    border-radius: 50%;
    margin-right: 0.5rem;
}

#CR-news-detail-page .latest--box {
    padding: 1.5625rem  /* 25/16 */ 0 0;
}

.CR-item-news-latest:first-child a {
    border-top: 1px solid rgba(102, 102, 102, 0.15);
}

.CR-item-news-latest a {
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem  /* 20/16 */;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(102, 102, 102, 0.15);
    padding: 0.875rem  /* 14/16 */ 0;
    color: var(--cl-black);
    position: relative;
}

.CR-item-news-latest a:before,
.CR-item-news-latest a:after {
    position: absolute;
    content: '';
    background: var(--cl-main);
    height: 0.125rem  /* 2/16 */;
    width: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-item-news-latest a:before {
    left: 0;
    top: -0.0625rem  /* -1/16 */;
}

.CR-item-news-latest a:after {
    right: 0;
    bottom: -0.0625rem  /* -1/16 */;
}

.CR-item-news-latest a:hover:before,
.CR-item-news-latest a:hover:after {
    width: 100%;
}

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

.CR-item-news-latest a svg path {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

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

#CR-news-detail-page .side-bar--box {
    position: sticky;
    top: 0;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

#CR-news-detail-page .side-bar--box .item--box > .heading-title {
    background-color: var(--cl-main);
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem  /* 18/16 */;
    color: var(--cl-white);
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0.75rem  /* 12/16 */;
    padding: 0.9375rem  /* 15/16 */ 2.1875rem  /* 35/16 */;
}

.CR-item-news-related {
    width: 100%;
}

.CR-item-news-related:not(:last-child) {
    margin-bottom: 0.75rem  /* 12/16 */;
}

.CR-item-news-related .wrap {
    position: relative;
    border: 1px solid #E1E1E1;
    padding: 1.5625rem  /* 25/16 */ 2.1875rem  /* 35/16 */ 2.1875rem  /* 35/16 */;
    background: #F0F0F0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

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

.CR-item-news-related .wrap:hover * {
    color: var(--cl-white);
}

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

.CR-item-news-related .heading-title {
    opacity: 0.9;
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem  /* 20/16 */;
    line-height: 1.875rem  /* 30/16 */;
    color: var(--cl-black);
    margin: 0;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-item-news-related .terms {
    margin-bottom: 0.9375rem /* 15/16 */;
    position: relative;
    z-index: 3;
}

.CR-item-news-related .terms a {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    color: var(--cl-black);
    opacity: 0.9;
}

/**================== DOCUMENTATION PAGE ==================**/
#CR-documentation-page .list--sec {
    margin: 2.5rem  /* 40/16 */ -0.9375rem  /* -15/16 */ ;
}

#CR-documentation-page .list--sec .item {
    width: 33.33%;
    padding: 0.9375rem  /* 15/16 */;
}

#CR-documentation-page .list--sec .item:hover .wrap {
    -webkit-transform: rotateY(180deg) scale(0.95);
    transform: rotateY(180deg) scale(0.95);
    background: var(--cl-white);
}

#CR-documentation-page .list--sec .item .wrap {
    background: var(--cl-sp-black);
    width: 100%;
    aspect-ratio: 9/16;
    position: relative;
    border-radius: 0.625rem  /* 10/16 */;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    padding: 1.875rem /* 30/16 */;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -webkit-box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
    box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
}

#CR-documentation-page .list--sec .item:hover .wrap .content--box {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

#CR-documentation-page .list--sec .item .wrap .content--box {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    width: 100%;
}

#CR-documentation-page .list--sec .item:hover .wrap .heading-title {
    color: var(--cl-black);
}

#CR-documentation-page .list--sec .item .heading-title {
    font-size: 1.875rem  /* 30/16 */;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 1.875rem  /* 30/16 */;
    color: var(--cl-white);
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

@keyframes spin {
    0% {
        --rotate: 0deg;
    }
    100% {
        --rotate: 360deg;
    }
}

/**================== DOCUMENTATION - SUB PAGE ==================**/
#CR-documentation-sub-page {

}

#CR-documentation-sub-page .list--sec {
    padding: 0 0 3.125rem  /* 50/16 */;
}

#CR-documentation-sub-page .list--sec .item-row {
    margin-top: 4.375rem  /* 70/16 */;
}

#CR-documentation-sub-page .list--sec .heading--box {
    text-align: center;
    margin-bottom: 2.5rem  /* 40/16 */;
}

#CR-documentation-sub-page .list--sec .heading--box .heading-title {
    font-size: 2.5rem  /* 40/16 */;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
}

#CR-documentation-sub-page .list--sec .heading--box .desc {
    font-size: 0.9375rem  /* 15/16 */;
    line-height: 1.5rem  /* 24/16 */;
    margin: 1.5625rem  /* 25/16 */ auto 0;
}

#CR-documentation-sub-page .list--sec .sub-list--box {
    margin: -0.625rem  /* -10/16 */;
}

#CR-documentation-sub-page .list--sec .item {
    width: 25%;
    padding: 0.625rem  /* 10/16 */;
}

#CR-documentation-sub-page .list--sec .item .wrap {
    position: relative;
}

#CR-documentation-sub-page .list--sec .item .thumb--box {
    position: relative;
    padding-bottom: var(--ratio-3-4);
    border: 3px solid var(--cl-black);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-documentation-sub-page .list--sec .item .wrap:hover .thumb--box {
    border-color: var(--cl-main);
}

#CR-documentation-sub-page .list--sec .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

#CR-documentation-sub-page .list--sec .item .files--box {
    padding: 0.8075em 0;
}

#CR-documentation-sub-page .list--sec .item .files--box li a {
    padding: 0.8075em 0;
    display: block;
    text-align: center;
    color: var(--cl-black);
}

#CR-documentation-sub-page .list--sec .item .files--box li a:hover {
    color: var(--cl-main);
}

#CR-documentation-sub-page .list--sec .item.multiple .files--box li a {
    font-size: 0.9375rem  /* 15/16 */;
    font-weight: 700;
    text-transform: uppercase;
}

#CR-documentation-sub-page .list--sec .item.only .files--box li a {
    font-size: 0.875em;
    font-style: italic;
}

#CR-documentation-sub-page .list--sec .item.multiple .files--box li a span {
    line-height: 1.25rem  /* 20/16 */;
    max-height: 2.5rem  /* 40/16 */;
    height: 2.5rem  /* 40/16 */;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/**================== SOLUTIONS PAGE ==================**/
#CR-solutions-page {

}

#CR-solutions-page .solutions-default--box {
    padding: 0 0 1.25rem  /* 20/16 */;
}

#CR-solutions-page .solutions-default--box .list--box {
    margin: 2.5rem  /* 40/16 */ -0.625rem  /* -10/16 */ 0;
}

.CR-item-solution-term {
    width: calc(100% / 3);
    padding: 0.625rem  /* 10/16 */;
}

.CR-item-solution-term .wrap {
    position: relative;
}

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

.CR-item-solution-term .thumb--box {
    position: relative;
    padding-top: var(--ratio-16-9);
    overflow: hidden;
}

.CR-item-solution-term .thumb--box:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 1;
}

.CR-item-solution-term .wrap:hover .thumb--box:before {
    -webkit-transition: all 0.5s ease-out 0.08s;
    -khtml-transition: all 0.5s ease-out 0.08s;
    -moz-transition: all 0.5s ease-out 0.08s;
    -ms-transition: all 0.5s ease-out 0.08s;
    -o-transition: all 0.5s ease-out 0.08s;
    transition: all 0.5s ease-out 0.08s;
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
}

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

.CR-item-solution-term .content--box {
    padding: 0.75rem  /* 12/16 */;
}

.CR-item-solution-term .heading-title {
    font-style: italic;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    margin: 0 auto;
    display: block;
    color: var(--cl-dark-gray);
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

#CR-solutions-page  .solutions-last-level--box {
    padding: 0 0 3rem;
}

#CR-solutions-page  .solutions-last-level--box .terms--box {
    padding: 1.875rem  /* 30/16 */ 0 2.5rem  /* 40/16 */;
}

#CR-solutions-page  .solutions-last-level--box .terms--box ul {
    gap: 0.625rem  /* 10/16 */;
}

#CR-solutions-page  .solutions-last-level--box .terms--box a:hover,
#CR-solutions-page  .solutions-last-level--box .terms--box li.active a {
    background: var(--cl-white);
}

#CR-solutions-page  .solutions-last-level--box .terms--box a {
    padding: 0.625rem  /* 10/16 */;
    text-transform: capitalize;
    border: 1px solid #E7E7E7;
    background: #E7E7E7;
    color: #666666;
    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: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

#CR-solutions-page  .solutions-last-level--box .list--box {
    margin: -1rem;
}

.CR-item-solution {
    width: 33.33%;
    padding: 1rem;
}

.CR-item-solution .wrap {
    position: relative;
    height: 100%;
    border: 1px solid #f1f1f1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

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

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

.CR-item-solution .thumb--box {
    position: relative;
    padding-top: var(--ratio-1-1);
}

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

.CR-item-solution .content--box {
    padding: 1.5625rem  /* 25/16 */ ;
    background-color: #F0F0F0;
}

.CR-item-solution .heading-title {
    font-size: 1.125rem  /* 18/16 */;
    line-height: 1.375rem  /* 22/16 */;
    font-weight: 400;
    margin: 0 auto;
    display: block;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #444444;
    text-align: center;
}

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

/**================== SOLUTIONS DETAIL PAGE ==================**/
#CR-solution-detail-page .main--sec {
    padding: 1.875rem  /* 30/16 */ 0 0;
}

#CR-solution-detail-page .gallery--box {
    padding-right: 1.25rem  /* 20/16 */;
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-main {
    position: relative;
    width: 100%;
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-main {
    position: relative;
    margin: 0 0 1.25rem /* 20/16 */ !important;
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-main .CR-item-zoom-image {
    width: 100%;
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-main .CR-item-zoom-image .wrap {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem /* 20/16 */;
    cursor: zoom-in;
    aspect-ratio: 1/1;
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-main .CR-item-zoom-image img,
#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-mini .item-gal-nav-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-mini .item-gal-nav-image {
    position: relative;
    display: block;
    width: 25% !important;
    height: auto;
    cursor: pointer;
    padding: 0.3125rem /* 5/16 */;
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-mini .item-gal-nav-image.slick-current .wrap {
    opacity: 1;
    border-color: var(--cl-gray);
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-mini .item-gal-nav-image .wrap {
    width: 100%;
    height: 100%;
    aspect-ratio: 3/3.5;
    border-radius: 0;
    border: 4px solid transparent;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}

#CR-solution-detail-page .gallery--box .CR-slider-gallery-solution-mini .slick-track {
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#CR-solution-detail-page .main--box {
    padding-left: 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;
}

#CR-solution-detail-page .main--box .heading-title {
    font-size: 3.125rem  /* 50/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

#CR-solution-detail-page .main--box .sort-desc {
    font-size: 0.9375rem  /* 15/16 */;
    line-height: 1.5rem  /* 24/16 */;
    font-weight: 400;
    margin-top: 0.9375rem  /* 15/16 */;
}

#CR-solution-detail-page .main--box .info--box {
    margin-top: 1.5625rem  /* 25/16 */;
}

#CR-solution-detail-page .main--box .info--box .item:not(:last-child) {
    margin-bottom: 0.9375rem  /* 15/16 */;
}

#CR-solution-detail-page .main--box .info--box .item span {
    font-size: 0.9375rem  /* 15/16 */;
    font-weight: 500;
    line-height: normal;
    color: #666666;
}

#CR-solution-detail-page .main--box .info--box .item b {
    font-weight: 700;
    margin-right: 0.5rem;
    color: var(--cl-black);
}

#CR-solution-detail-page .main--box .info--box .item a:hover {
    color: var(--cl-main);
}

#CR-solution-detail-page .main--box .info--box .item a {
    color: #666666;
}

#CR-solution-detail-page .prev-news--box {
    margin: 1.5625rem /* 25/16 */ -0.625rem /* -10/16 */ -0.625rem /* -10/16 */;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#CR-solution-detail-page .prev-news--box .item {
    width: 50%;
    padding: 0.625rem  /* 10/16 */;
}

#CR-solution-detail-page .prev-news--box .item:last-child .icon-box {
    text-align: right;
}

#CR-solution-detail-page .prev-news--box .item .icon-box {
    width: 2.5rem  /* 40/16 */;
    min-width: 2.5rem  /* 40/16 */;
}

#CR-solution-detail-page .prev-news--box .item:hover .icon-box i {
    color: var(--cl-main);
}

#CR-solution-detail-page .prev-news--box .item .icon-box i {
    transition: 0.5s ease-in-out;
}

#CR-solution-detail-page .prev-news--box .item .cont-box {
    flex: 1;
}

#CR-solution-detail-page .prev-news--box span {
    font-size: 0.9375rem  /* 15/16 */;
    line-height: normal;
    font-weight: 400;
    color: var(--cl-main);
    text-transform: uppercase;
    margin: 0 0 0.5rem;
    display: block;
}

#CR-solution-detail-page .prev-news--box a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    color: #1a191d;
}

#CR-solution-detail-page .prev-news--box a p {
    font-size: 1.0625rem  /* 17/16 */;
    font-weight: 400;
    line-height: 1.375rem  /* 22/16 */;
    color: #1a191d;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.75rem  /* 44/16 */;
    height: 2.75rem  /* 44/16 */;
}

#CR-solution-detail-page .prev-news--box .item:last-child a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#CR-solution-detail-page .tabs--box {
    padding: 2.5rem  /* 40/16 */ 0 6.25rem  /* 100/16 */;
}

#CR-solution-detail-page .tabs--box .nav-link:not(.active):hover {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

#CR-solution-detail-page .tabs--box .nav-link.active {
    color: var(--cl-black);
}

#CR-solution-detail-page .tabs--box .nav-link {
    font-size: 0.9375rem  /* 15/16 */;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    color: #767676;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 1.25rem /* 20/16 */ 2.5rem  /* 40/16 */;
    outline: none !important;
    box-shadow: none !important;
}

#CR-solution-detail-page .tabs--box .tab-content {
    padding: 2.5rem  /* 40/16 */;
    border: 1px solid #d5d8dc;
    border-top: none;
}

#CR-solution-detail-page .tabs--box .tab-content .heading-title {
    font-size: 1.5625rem  /* 25/16 */;
    font-weight: 700;
    line-height: normal;
    color: var(--cl-black);
    letter-spacing: 0.03em;
    margin-bottom: 1.5rem  /* 24/16 */;
    text-transform: capitalize;
}

#CR-solution-detail-page .tabs--box .tab-content .list--box ul {
    gap: 0.625rem  /* 10/16 */;
}

#CR-solution-detail-page .tabs--box .tab-content .list--box li {
    position: relative;
    line-height: normal;
}

#CR-solution-detail-page .tabs--box .tab-content .list--box li:not(:last-child) {
    padding-right: 0.625rem  /* 10/16 */;
    border-right: 1px solid #7A7A7A;
}

#CR-solution-detail-page .tabs--box .tab-content .list--box a {
    font-size: 0.9375rem  /* 15/16 */;
    line-height: normal;
    color: #7A7A7A;
    font-weight: 400;
}

#CR-solution-detail-page .tabs--box .tab-content .list--box a:hover {
    color: var(--cl-main);
}

#CR-solution-detail-page .tabs--box .tab-content .CR-style-default-content b,
#CR-solution-detail-page .tabs--box .tab-content .CR-style-default-content strong {
    color: #666666;
}

#CR-solution-detail-page .tabs--box .tab-content .CR-style-default-content h3,
#CR-solution-detail-page .tabs--box .tab-content .CR-style-default-content h3 strong {
    font-size: 1.5625rem  /* 25/16 */;
}

#CR-solution-detail-page .related--sec {
    padding: 0 0 1.875rem  /* 30/16 */;
}

#CR-solution-detail-page .related--sec .col-12 > .heading-title {
    font-size: 2.5rem  /* 40/16 */;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 3.75rem  /* 60/16 */;
    text-transform: capitalize;
}

#CR-solution-detail-page .related--sec .list--box {
    margin: -1rem;
}

/**================== 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;
}

/**================== SEARCH PAGE ==================**/
.CR-search-page .solutions-last-level--box {
    padding: 3.125rem  /* 50/16 */ 0 !important;
}
#CR-header .CR-top-header{
    background: #FFF;
    padding-bottom: 0;
}
#CR-header .row > .col-lg-3{
    position: relative;
}
#CR-header .logo--box{
    background: #FFC000;
}
#CR-header .row > .col-lg-3:before{
    position: absolute;
    content: '';
    left: 83%;
    width: 1200px;
    height: 100%;
    top: 0;
    background: linear-gradient(to right, #A6AAA9 20%, rgba(166, 170, 169, 0) 55%,rgba(166, 170, 169, 0) 70%, #ffc0007d 90%, #FFC000);
}
#CR-header .row > .col-lg-3:after{
    background-image: url("../images/Header_icon.svg");
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    height: 100px;
    width: 100px;
}
#CR-header .action--box{
    padding-right: 0;
    position: relative;
    z-index: 5;
}
#CR-header .action--box > .CR-hide-mb{
    background-color: #7F7F7F;
    padding: 10px 50px 10px  20px;
}
#CR-header .action--box .list a{
    align-items: center;
}
#CR-header .action--box .list a > span{
    position: relative;
}
#CR-header .action--box .list a > span:before{
    left: 7px;
    height: 100%;
    width: 2px;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    content: '';
    top: 0;
}
/**================== RESPONSIVE ==================**/
@media (min-width: 1025px) {
    html {
        font-size: 0.75rem;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 0.8rem;
    }
}

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

    html {
        font-size: 1rem;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1440px) {
    body .CR-container {
        padding: 0 1rem /* 16/16 */;
    }
    #CR-header .row > .col-lg-3:before{
        width: 900px;
    }
}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1199px) {
    #CR-header .row > .col-lg-3:after{
        display: none;
    }
    #CR-header .row{
        position: relative;
    }
    #CR-header .row > .col-lg-3{
        position: unset;
    }
    #CR-header .row > .col-lg-3:before{
        left: 0;
        width: 100%;
    }
}

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

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

    .CR-item-news:nth-child(1) {
        width: 100%;
    }

    .CR-item-news:nth-child(1) .thumb--box {
        aspect-ratio: 16/9;
    }

    .CR-item-news-home,
    .CR-item-news {
        width: 50%;
    }

    .CR-item-news .content--box {
        padding: 0.625rem  /* 10/16 */;
    }

    .CR-item-news .heading-title {
        font-size: 1rem  /* 16/16 */ !important;
        line-height: 1.625rem /* 26/16 */ !important;
        max-height: 3.25rem /* 52/16 */ !important;
    }

    .CR-item-news .date {
        margin-bottom: 0.3125rem  /* 5/16 */ !important;
    }

    .CR-item-news:nth-child(1) .heading-box {
        padding-bottom: 0.3125rem  /* 5/16 */;
    }

    .CR-item-news .btn-view {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    #CR-header .logo--box{
        clip-path: unset;
        position: relative;
    }
    #CR-header .row > .col-lg-3:before{
        display: none;
    }
    #CR-header .CR-top-header{
        background: #FFC000;
    }
    .CR-show-mb {
        display: block !important;
    }

    .CR-hide-mb,
    #CR-header .CR-top-header .socials--box .CR-socials-list-acf {
        display: none !important;
    }

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

    .CR-breadcrumb * {
        min-width: max-content;
    }

    .CR-breadcrumb {
        overflow-y: hidden;
    }

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

    #CR-header .CR-top-header {
        padding: 0;
        z-index: 999;
        position: relative;
    }

    #CR-header .CR-main-header {
        padding: 0;
    }

    #CR-header .action--box {
        padding: 0 0.625rem;
        height: 3.125rem /* 50/16 */ !important;
    }

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

    #CR-header .favorite-support--box {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    #CR-header .CR-open-mobile-menu {
        font-size: 1.2rem;
        color: var(--cl-white);
    }

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

    #CR-header .toggle-menu-head--box svg path {
        fill: none !important;
        stroke-width: 0.3125rem  /* 5/16 */;
        stroke: var(--cl-white);
        stroke-linecap: var(--cl-white);
        stroke-linejoin: var(--cl-white);
    }

    #CR-header .CR-top-header .search--box {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

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

    #CR-header .CR-main-nav-mb--box {
        z-index: 99;
        top: -100%;
        height: auto;
        background-color: var(--cl-sp-black);
        position: fixed;
        left: 0;
        right: 0;
        visibility: hidden;
        -webkit-transition: 1s all;
        -o-transition: 1s all;
        transition: 1s all;
        -webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
        box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    }

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

    #CR-header .CR-main-nav-mb.active .CR-main-nav-mb--box {
        visibility: visible;
        top: 6.25rem /* 100/16 */;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
    }

    #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 / 75%);
        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(10px);
    }

    #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;
        padding: 0;
    }

    #CR-header .CR-main-nav-mb .nav-cont--list {
        padding: 0;
    }

    #CR-header .main-merged-menu .CR-sub-menu > li,
    #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: 0.875rem  /* 14/16 */;
        letter-spacing: normal;
        word-break: break-word;
        line-height: normal;
        font-weight: 400;
        text-transform: capitalize;
        color: var(--cl-white);
        padding: 0.9375rem /* 15/16 */ 0;
        display: block;
        flex: 1;
        text-align: left;
    }

    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box .arrow {
        position: relative;
        min-width:2.5rem  /* 40/16 */;
        width: 2.5rem  /* 40/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);
        font-size: 0.75rem  /* 12/16 */;
    }

    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box .arrow:before {
        content: '';
        background: var(--cl-light-gray);
        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 .CR-sub-menu > li:not(:last-child):after,
    #CR-header .main-merged-menu > ul > li:after {
        /*content: '';*/
        /*background: var(--cl-light-gray);*/
        /*position: absolute;*/
        /*left: 0;*/
        /*right: 0;*/
        /*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);
        background: var(--cl-white);
    }

    #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: 0.875rem  /* 14/16 */;
        line-height: normal;
        font-weight: 400;
        color: #999999;
        padding-left: 1rem !important;
    }

    #CR-header .main-merged-menu .item-with-arrow-box {
        transition: 0.5s ease-in-out;
    }

    #CR-header .main-merged-menu .nav-active .item-with-arrow-box {
        background: var(--cl-black);
    }

    #CR-header .main-merged-menu .current-menu-ancestor .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current-menu-item .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current-menu-item > a,
    #CR-header .main-merged-menu .current-product_cat-parent .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current-product_cat-parent > a,
    #CR-header .main-merged-menu .current_page_parent .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current_page_parent > a,
    #CR-header .main-merged-menu .sub-menu .current-menu-item a {
        font-weight: 700;
        color: var(--cl-main);
    }

    #CR-header .main-merged-menu .CR-sub-menu > li:first-child:before {
        content: '';
        background: var(--cl-light-gray);
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        top: 0;
    }

    #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 */ 0;
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search {
        padding: 0.625rem  /* 10/16 */ 0;
    }

    #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: 2.1875rem  /* 35/16 */;
        border-radius: 1.375rem  /* 22/16 */;
        border: 1px solid rgb(51 51 51 / 10%);
        background: var(--cl-sp-gray);
        overflow: hidden;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search input::placeholder {
        font-style: italic;
        color: #9e9e9e;
    }

    #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: 0.875rem  /* 14/16 */;
        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;
        background: transparent;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search button {
        height: 100%;
        width: 2.1875rem  /* 35/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-dark-gray);
        width: auto;
        height: 45%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--socials {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0.9375rem /* 15/16 */;
        background: var(--cl-white);
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--socials .CR-socials-list-acf {
        margin: 0 -0.625rem  /* -10/16 */;
    }

    #CR-header .search--box {
        width: 100%;
    }

    #CR-header .search--box .CR-open-search-head-btn {
        width: 100%;
        height: 2.1875rem  /* 35/16 */;
    }

    #CR-footer .logo-box {
        margin-bottom: 1.125rem  /* 18/16 */;
    }

    #CR-footer .socials--box {
        margin-bottom: 2.1875rem  /* 35/16 */;
    }

    #CR-home-page .solutions--sec .list--box > div {
        width: 100%;
    }

    #CR-home-page .solutions--sec .item {
        width: 100% !important;
    }

    #CR-home-page .solutions--sec .right--box .item {
        height: auto;
    }

    #CR-home-page .solutions--sec .item .wrap {
        aspect-ratio: 4/3 !important;
        height: auto;
    }

    #CR-home-page .partners--sec .list--box {
        margin: 0;
    }

    #CR-about-page .numbers--sec .item,
    #CR-home-page .numbers--sec .item {
        width: 50%;
    }

    #CR-about-page .numbers--sec .item .heading-title,
    #CR-home-page .numbers--sec .item .heading-title {
        font-size: 2.1875rem  /* 35/16 */;
    }

    #CR-home-page .intro--sec .content--box {
        padding-right: 0;
    }

    #CR-contact-page .form--sec .contact-list--box .heading-title,
    #CR-documentation-sub-page .list--sec .heading--box .heading-title,
    #CR-about-page .custom-content--sec .heading-title,
    #CR-solution-detail-page .related--sec .col-12 > .heading-title,
    #CR-home-page .intro--sec .heading-title,
    #CR-home-page .intro--sec .CR-style-default-content h3,
    #CR-home-page .intro--sec .CR-style-default-content h3 strong {
        font-size: 2.0625rem  /* 33/16 */;
    }

    #CR-home-page .intro--sec .image--box {
        margin: 2.1875rem  /* 35/16 */ 0 0;
    }

    #CR-home-page .intro-list--sec .item {
        width: 50%;
    }

    #CR-home-page .banner--sec .item-banner .content--box .desc {
        font-size: 1.5625rem  /* 25/16 */;
    }

    #CR-news-page .main--box {
        padding: 2.5rem  /* 40/16 */ 0;
    }

    #CR-news-page .intro--box > div {
        width: 100%;
        text-align: center;
    }

    #CR-news-page .intro--box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

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

    #CR-news-page .heading--box .sub-title {
        font-size: 1.0625rem /* 17/16 */;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0.9375rem /* 15/16 */;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #CR-news-page .heading--box .heading-title {
        font-size: 1.375rem  /* 22/16 */ !important;
    }

    #CR-news-page .terms--box {
        overflow-x: auto;
        padding-bottom: 0.875rem  /* 14/16 */;
    }

    #CR-news-page .terms--box a {
        font-size: 1rem  /* 16/16 */;
    }

    #CR-news-page .terms--box ul {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    #CR-solution-detail-page .gallery--box {
        padding-right: 0;
    }

    #CR-solution-detail-page .main--box {
        padding-left: 0;
        margin: 2.1875rem  /* 35/16 */ 0 0;
    }

    #CR-solution-detail-page .tabs--box .nav-item,
    #CR-solution-detail-page .tabs--box .nav-link {
        width: 100%;
    }

    #CR-solution-detail-page .tabs--box .nav-link.active {
        color: var(--cl-main);
    }

    #CR-solution-detail-page .tabs--box .nav-item:first-child .nav-link {
        border-top: none;
    }

    #CR-solution-detail-page .tabs--box .nav-link {
        border-bottom: 1px solid #dedede !important;
        border-left: none;
        border-right: none;
    }

    #CR-solution-detail-page .tabs--box .nav-tabs {
        border: 1px solid #dedede;
        margin-bottom: 1.5625rem  /* 25/16 */;
    }

    #CR-solution-detail-page .tabs--box .tab-content {
        border-top: 1px solid #d5d8dc;
        padding: 1.25rem  /* 20/16 */;
    }

    .CR-item-solution {
        width: 50%;
    }

    #CR-solution-detail-page .prev-news--box span {
        font-size: 0.75rem  /* 12/16 */;
    }

    #CR-solution-detail-page .prev-news--box a p {
        font-size: 0.9375rem  /* 15/16 */;
    }

    #CR-solution-detail-page .main--box .heading-title {
        font-size: 2.5rem  /* 40/16 */;
    }

    #CR-solution-detail-page .related--sec .col-12 > .heading-title {
        margin-bottom: 1.875rem  /* 30/16 */;
    }

    .CR-banner--group .banner--box .heading-title {
        font-size: 2.1875rem  /* 35/16 */;
        padding: 0;
        word-break: break-word;
        width: 100%;
    }

    .CR-banner--group .banner--box .desc {
        width: 100%;
        padding: 0;
    }

    #CR-about-page .custom-content--sec .item .wrap > div {
        width: 100%;
    }

    #CR-about-page .custom-content--sec .item .image--box {
        margin-bottom: 1.5625rem  /* 25/16 */;
    }

    #CR-about-page .tabs--sec .tabs-img {
        max-width: 100%;
        width: 100%;
    }

    #CR-about-page .tabs--sec li {
        width: 100%;
    }

    #CR-about-page .tabs--sec .nav-link {
        text-align: left;
    }

    #CR-about-page .tabs--sec .tab-content .list--box {
        margin-left: -0.9375rem  /* -15/16 */;
        margin-right: -0.9375rem  /* -15/16 */;
    }

    #CR-about-page .tabs--sec .tab-content .item {
        width: 100%;
    }

    #CR-documentation-page .list--sec .item {
        width: 100%;
    }

    #CR-documentation-page .list--sec .item .wrap {
        aspect-ratio: 1/1;
    }

    #CR-documentation-page .list--sec .item .heading-title {
        font-size: 1.375rem  /* 22/16 */;
        word-break: break-word;
    }

    #CR-documentation-sub-page .list--sec .item {
        width: 50%;
    }

    #CR-documentation-sub-page .list--sec .item-row {
        margin-top: 2.1875rem  /* 35/16 */;
    }

    .heading-title--group .heading-title {
        font-size: 1.5625rem  /* 25/16 */;
    }

    #CR-contact-page .form--sec .form--box {
        padding: 3.75rem  /* 60/16 */ 0;
    }

    #CR-contact-page .form--sec .contact-list--box {
        padding: 5rem  /* 80/16 */ 1.25rem  /* 20/16 */;
    }

    #CR-contact-page .form--sec .list a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    #CR-contact-page .form--sec .list .cont--box {
        padding-left: 0;
        padding-top: 1.5625rem  /* 25/16 */;
    }

    #CR-contact-page .form--sec .contact-list--box .heading-title,
    #CR-contact-page .form--sec .contact-list--box .desc {
        text-align: center;
    }

    #CR-news-detail-page .main-content--box {
        padding-right: 0;
    }

    #CR-news-detail-page .heading--box .heading-title {
        font-size: 1.5rem  /* 24/16 */;
        line-height: normal;
    }

    #CR-news-detail-page .main--box {
        padding: 1.875rem  /* 30/16 */ 0;
    }

    #CR-news-detail-page .side-bar--box {
        margin: 1.25rem  /* 20/16 */ 0 0;
    }

    .CR-item-news-related .wrap {
        padding: 0.9375rem  /* 15/16 */;
    }
}

@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) {

}

@media only screen and (max-width: 767px) {
    #CR-header .action--box{
        background-color: #333333;
    }
    html {
        font-size: 0.95rem;
    }

    #CR-documentation-sub-page .list--sec .item,
    .CR-item-solution-term,
    .CR-item-solution,
    #CR-home-page .intro-list--sec .item,
    #CR-about-page .numbers--sec .item,
    #CR-home-page .numbers--sec .item,
    .CR-item-news-home,
    .CR-item-news {
        width: 100%;
    }

    #CR-documentation-sub-page .list--sec .item.multiple .files--box li a span {
        height: auto;
    }

    #CR-news-detail-page .heading--box .sub--box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    #CR-news-detail-page .heading--box .sub--box .date--box {
        margin-bottom: 1rem  /* 16/16 */;
    }

    #CR-news-detail-page .heading--box .share--box span {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 454px) {

}