/*Writen by Cheah Siew Kwan (Inspiren)*/

/*Font face*/
@font-face {
    font-family: Poppins;
    font-weight: 300;
    src: url('./fonts/Poppins-Light.ttf')format("truetype");
}

@font-face {
    font-family: Poppins;
    font-weight: 400;
    src: url('./fonts/Poppins-Regular.ttf')format("truetype");
}

@font-face {
    font-family: Poppins;
    font-weight: 500;
    src: url('./fonts/Poppins-Medium.ttf')format("truetype");
}

@font-face {
    font-family: Poppins;
    font-weight: 600;
    src: url('./fonts/Poppins-SemiBold.ttf')format("truetype");
}

@font-face {
    font-family: Poppins;
    font-weight: 700;
    src: url('./fonts/Poppins-Bold.ttf')format("truetype");
}

/*grow Effect*/
.grow-effect figure>* {
    overflow: hidden;
}

.grow-effect img {
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.grow-effect:hover img {
    /*-moz-transition: -moz-transform 1s;*/
    /*-o-transition: -o-transform 1s;*/
    /*-webkit-transition: -webkit-transform 1s;*/
    /*transition: transform 1s;*/
    transform: scale(1.05);
}

/***********Side Contact New Xiao Chen****************/
a.floating-button {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    bottom: 240px;
    right: 30px;
    font-size: 20px;
    background-color: rgba(37, 211, 102, 1);
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    z-index: 1000;
    animation: pulsess 3s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.floating-button_phone {
    bottom: 160px;
    background-color: rgba(220, 16, 16, 1);
}

a.floating-button_mail {
    bottom: 80px;
    background-color: rgba(0, 114, 198, 1);
}

a.floating-button_fb {
    bottom: 320px;
    background-color: rgba(53, 120, 229, 1);
}

a.floating-button:hover {
    color: #fff;
    background-color: rgba(37, 211, 102, .45);
    animation-play-state: paused;
}

a.floating-button_phone:hover {
    background-color: rgba(220, 16, 16, .45);
}

a.floating-button_mail:hover {
    background-color: rgba(0, 114, 198, .45);
}

a.floating-button_fb:hover {
    background-color: rgba(53, 120, 229, 0.45);
}

@keyframes pulsess {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
    }

    30% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    }

    50% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    80% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@media only screen and (max-width: 767px) {
    #side-contact {
        padding: 15px;
        background: #fff;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999999999;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    #side-contact a.floating-button {
        position: initial;
        display: block;
        margin: 0 15px;
        width: 45px;
        height: 45px;
        /*line-height: 35px;*/
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /*font-size: 20px;*/
    }

    /*this is testing using javascript*/
    #side-contact.initial {
        /*position:unset;*/
        bottom: -100%;
    }
}

@media only screen and (max-width: 767px) {
    #footer{padding-bottom: 75px}
}

html,
body {
    scroll-behavior: smooth;
}

/*Animation*/
.delay1{animation-delay: 0.5s;}
.delay2{animation-delay: 1s;}
.delay3{animation-delay: 1.5s;}
.delay4{animation-delay: 2s;}
.delay5{animation-delay: 2.5s;}
.delay6{animation-delay: 3s;}

/*Overall*/
html {
    position: relative;
    height: 100%;
    overflow-x: hidden;
}


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

    body {
        position: relative;
        /*height:100%;*/
        overflow-x: hidden;
    }
}

/*show hide desktop or mobile*/
.desktop-view {
    display: block;
}

.mobile-view {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .desktop-view {
        display: none !important;
    }

    .mobile-view {
        display: block !important;
    }
}

/*variable for website font, container spacing etc*/
:root {
  --fontFamily: Poppins, sans-serif !important;
}

body * {
    line-height: 1.3;
    word-wrap: break-word;
}

/*p,a,h1,h2,h3,h4,h5,h6,li,button,input,select,textarea,label,span{
       font-family: helvatica, sans-serif !important;
}*/

h1,h2,h3,h4,h5,h6{
    line-height: 1.2;
}

p{margin-bottom:20px}

a, button{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul,
ol {
    list-style-position: outside;
    padding-left: 20px;
}

ul li,
ol li {
    margin-bottom: 13px;
    position: relative;
} 

/*ul li::marker{
    color:#FF0000;
}*/

/*header*/
#header-menu-1 ul{padding-left:0}

#header-menu-1 ul.menu li.menu-item{margin-bottom:0}

/*#header-menu-1 ul.menu > li.menu-item.current-menu-item a{font-weight: 600}*/

/*#header-menu-1 ul.menu > li.menu-item.current-menu-ancestor > a{font-weight: 600}*/

/*#header-menu-1 ul.menu ul.sub-menu li.menu-item.current-menu-item > a{font-weight: 600}*/

#header-menu-1 li[class*="current-menu-"] > a,
#header-menu-1 li[class*="current-menu-"] > .ct-sub-menu-parent{
    font-weight: 600;
}

#header-menu-1 ul.menu > li > ul.sub-menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid #C2C2C2;
}

#header-menu-1 ul.menu > li > ul.sub-menu >li.menu-item:nth-child(odd){
    background: #F2F2F2;
}

#header-menu-1 ul.menu > li > ul.sub-menu >li.menu-item:nth-child(even){
    background: #C2C2C2;
}

#header-menu-1 ul.menu > li > ul.sub-menu ul.sub-menu >li.menu-item:nth-child(odd){
    background: #C2C2C2;
}

#header-menu-1 ul.menu > li > ul.sub-menu ul.sub-menu >li.menu-item:nth-child(even){
    background: #F2F2F2;
}

#header-menu-1 ul.menu > li > ul.sub-menu ul.sub-menu ul.sub-menu >li.menu-item:nth-child(odd){
    background: #F2F2F2;
}

#header-menu-1 ul.menu > li > ul.sub-menu ul.sub-menu ul.sub-menu >li.menu-item:nth-child(even){
    background: #C2C2C2;
}

/*#header-menu-1 ul.menu li.menu-item .ct-toggle-dropdown-desktop{display:none}*/

#header [data-row*="middle"] .ct-container{
    padding-left:15px;
    padding-right: 15px;
}

#header-menu-1 .menu > [data-submenu="right"] > .sub-menu {
	left: 50%;
	transform: translate(-50%);
}

/*vc_row more gaps*/
.row-2-col>.wpb_column:first-child {
    padding-right: 30px;
}

.row-2-col>.wpb_column:last-child {
    padding-left: 30px;
}

.row-2-col>.wpb_column:nth-child(2n+1) {
    padding-right: 30px;
}

.row-2-col>.wpb_column:nth-child(2n) {
    padding-left: 30px;
}

/*vc_row more gaps*/
@media only screen and (max-width: 767px) {
    .row-2-col>.wpb_column:first-child {
        padding-right: 0;
    }

    .row-2-col>.wpb_column:last-child {
        padding-left: 0;
    }

    .row-2-col>.wpb_column:nth-child(2n+1) {
        padding-right: 0;
    }

    .row-2-col>.wpb_column:nth-child(2n) {
        padding-left: 0;
    }
}

/*variable for spacing*/
:root {
  --webContainer: 1140px;
  --fullSideSpace: calc((100% - var(--webContainer))/2);
}

@media only screen and (max-width: 1199px) {
    :root {
      --webContainer: 940px;
    }
}

@media only screen and (max-width: 991px) {
    :root {
      --webContainer: 710px;
    }
}

/*full img row with vc_row more gaps(row-2-col no needed)*/
.full-left-img-row>.wpb_column:first-child,
.full-right-img-row>.wpb_column:first-child {
    padding-right: 45px;
}

.full-left-img-row>.wpb_column:last-child,
.full-right-img-row>.wpb_column:last-child {
    padding-left: 45px;
}

.full-left-img-row>.wpb_column:nth-child(2) {
    padding-right: var(--fullSideSpace);
}

.full-right-img-row>.wpb_column:nth-child(1) {
    padding-left: var(--fullSideSpace);
}

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

    .full-right-img-row {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .full-right-img-row>.wpb_column,
    .full-left-img-row>.wpb_column {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/*column full row(use padding as spacing)*/
.column-full-row>.wpb_column:nth-child(1) {
    padding-left: var(--fullSideSpace);
    padding-right: 45px;
}

.column-full-row>.wpb_column:nth-child(2) {
    padding-right: var(--fullSideSpace);
    padding-left: 45px;
}

/*Style*/
.all-title{margin-bottom: 25px !important}

.white-text,
.white-text > .wpb_wrapper > *{color:#fff}

.white-text ul li::marker,
.white-text ol li::marker{
    color:#fff;
}

.normal-font,
.normal-font > .wpb_wrapper > *{font-weight: 400}

.semi-bold-strong-font strong{font-weight: 600}

.strong500-18px strong{
    font-weight: 500;
    font-size: 18px;
}

/*bg fixed*/
.fixed-bg,
.fixed-bg > .vc_column-inner{background-attachment: fixed !important;}

/*readmore button*/
.readmore {
    margin-bottom: 35px !important;
}

.readmore .vc_general.vc_btn3 {
    width: 150px;
    padding: 10px 20px;
    background-image: none !important;
    font-weight: 400;
    border-radius: 0;
    font-size: 14px;
    text-transform: initial;
    background: #ed1c24 !important;
    color: #fff !important;
    line-height: 1.2;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1;
    border:none !important;
    overflow:hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.readmore .vc_general.vc_btn3:before{
    content: '\f101';
    margin-right: 0;
    line-height: inherit;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: relative;
    width: 0;
    display: inline-block !important;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.readmore .vc_general.vc_btn3:after{
    content: '\f101';
    margin-left: 5px;
    line-height: inherit;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: relative;
    width: 18px;
    overflow: hidden;
    display: inline-block !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.readmore button.vc_general.vc_btn3 {
    font-family: var(--fontFamily);
}

.readmore .vc_general.vc_btn3:hover:before{
    width: 18px;
    margin-right: 5px;
}

.readmore .vc_general.vc_btn3:hover:after {
    width: 0;
    margin-left: 0;
}

.readmore.only-link .vc_general.vc_btn3{
    background:none !important;
    border-radius: 0 !important;
    padding:0 !important;
    width: auto;
    color: #ed1c24 !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.readmore.outline .vc_general.vc_btn3{
    background: none !important;
    border: 1px solid #f9e54d !important;
    color: #f9e54d !important;
}

.readmore.outline .vc_general.vc_btn3:hover{
    background: none !important;
    border: 1px solid #f2cc09 !important;
    color: #f2cc09 !important;
}

.readmore.outline.white .vc_general.vc_btn3{
    background: none !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.readmore.outline.white .vc_general.vc_btn3:hover{
    background: none !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.readmore.cta .vc_general.vc_btn3 {
    background: #B5883E !important;
    color: #000 !important;
    line-height: 1.2;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1;
    border:none !important;
    overflow:hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.readmore.cta .vc_general.vc_btn3:before,
.readmore.cta .vc_general.vc_btn3:after{
    display: none !important;
}

.readmore.cta .vc_general.vc_btn3:hover{
    background:#FFDD5A !important;
}

.readmore.apply .vc_general.vc_btn3:before,
.readmore.apply .vc_general.vc_btn3:after{
    display: none !important;
}

.readmore.apply .vc_general.vc_btn3:hover {
    background-color: #FF0000 !important;
}

.readmore.vc_btn3-left > *{
    margin-right: auto;
}

.readmore.vc_btn3-right > *{
    margin-left: auto;
}

.readmore.vc_btn3-center > *{
    margin-left: auto;
    margin-right: auto;
}

.rounded-img figure{
    border-radius: 1em;
    overflow: hidden;
}

/*home*/
.home-about{
    padding-top: 100px;
    padding-bottom: 65px;
}

.home-icons{
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.home-icons > .wpb_column{padding-bottom: 35px}

.home-icons .wpb_single_image{
    margin-bottom: 20px;
}

.home-icons .wpb_single_image img{
    width: auto;
    height: 80px;
}

.home-icons .wpb_text_column > .wpb_wrapper > *{font-size: 18px}
.home-icons .wpb_text_column strong{font-weight: 600}

.home-product-title{}

.home-product-section {
    position: relative;
/*    aspect-ratio: 8/3; */
    min-height: calc(80vh - 160px);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    overflow:visible !important;
}

.home-product-section > .home-product-bg{
    position:absolute !important;
    top:0 !important;
    left:50% !important;
    transform:translate(-50%,0) !important;
    width:100% !important;
    height: 100% !important;
    z-index:1;
    background-color: #000;
}

.home-product-section > .home-product-bg > .wpb_column{height:100%;}

.home-product-section > .home-product-bg > .wpb_column > .vc_column-inner{height:100%;}

.home-product-section > .home-product-bg > .wpb_column > .vc_column-inner > .wpb_wrapper{
    position:relative;
    height:100%;
}

.home-product-section > .home-product-bg .wpb_single_image{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    margin-bottom:0;
    width:100%;
    height:100%;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index:0;
}

.home-product-section > .home-product-bg .wpb_single_image:not(:nth-child(1)){opacity:0;}

.home-product-section > .home-product-bg .wpb_single_image > figure{
    height:100%;
    width:100%;
}

.home-product-section > .home-product-bg .wpb_single_image > figure > .vc_single_image-wrapper{
    height:100%;
    width:100%;
} 

.home-product-section > .home-product-bg .wpb_single_image > figure > .vc_single_image-wrapper > img{
    height:100%;
    width:100%;
    object-fit:cover;
    object-position: center;
} 

.home-product-section >.home-product{
    position:relative;
    z-index:9;
    margin-left:15px !important;
    margin-right:15px !important;
    width:100%;
}

.home-product-section >.home-product > .wpb_column{
    border:1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.home-product-section >.home-product > .wpb_column:hover{
    border:1px solid #808080;
    border-bottom:0;
}

.home-product-section > .home-product > .wpb_column .wpb_text_column {
	padding-top: 35px;
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: absolute;
	top:calc(100% - 100px);
	left:0;
	width:100%;
	background:#fff;
	border:1px solid #808080;
	border-top:0;
	margin-bottom:0;
	padding-bottom:35px;
	visibility:hidden;
	padding-left:15px;
	padding-right:15px;
}

.home-product-section >.home-product > .wpb_column:hover .wpb_text_column{
    transform: translateY(0);
    top:100%;
    opacity: 1;
    visibility:visible;
}

.home-product-section >.home-product > .wpb_column .wpb_text_column ul li::marker{
    color:#FF0000;
}

.home-product-section >.home-product > .wpb_column .wpb_text_column ul li a{color:inherit;}
.home-product-section >.home-product > .wpb_column .wpb_text_column ul li:hover a{color:#ed1c24;}

.home-product .wpb_raw_code a{
    padding-right: 40px;
    position: relative;
    color:inherit;
    display:block;
}

.home-product .wpb_raw_code a:after{
    content: '\f101';
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: inherit;
    line-height: inherit;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;    
    overflow: hidden;
    display: block !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    transform: translateX(-20px);
}

.home-product-section >.home-product > .wpb_column:hover .wpb_raw_code a:after{
    transform: translateY(0);
    opacity: 1;
}

.home-project{
    padding-top: 100px;
    padding-bottom: 75px;
}

.home-service{}

.home-service>.wpb_column:nth-child(1) {
    padding-right:0;
    margin-bottom: 65px;
}


.home-service>.wpb_column:nth-child(1) .wpb_single_image figure{
    overflow: hidden;
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
}

.home-service>.wpb_column:nth-child(2) {
    padding-left:0;
    margin-left: calc(-100%*1/6);
    position: relative;
}

.home-service>.wpb_column:nth-child(2) > .vc_column-inner{
    position: relative;
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
    padding-top: 70px;
    padding-bottom: 35px;
}

.home-service>.wpb_column:nth-child(2) > .vc_column-inner:before{
    content: :'';
    position: absolute;
    top: 0;
    left: calc(100% - 30px);
    width: 9999px;
    height: 100%;
    background-color: #ed1c24;
    display: block !important;
    opacity: 1;
}

.home-service>.wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper{
    padding-left: 60px;
}

.home-service .icon-w-title-wrap > .wpb_column > .vc_column-inner > .wpb_wrapper{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
}

.home-service .icon-w-title-wrap .wpb_single_image{
    margin-bottom: 25px;
    margin-right: 20px;
}

.home-service .icon-w-title-wrap .wpb_single_image img{
    width: auto;
    max-height: 90px;
}

.home-brand-partner{
    padding-top: 100px;
    padding-bottom: 65px;
}

/*slide anything*/
#slider_110 .sa_hover_container{
    border:1px solid rgba(108,108,108,0.53);
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding:20px 15px !important;
    height: 142px !important;
}

#slider_110 .sa_hover_container img{
    max-height: 100px;
    width: auto;
}

#slider_110  .owl-nav .owl-prev{left:-35px;}
#slider_110  .owl-nav .owl-next{right:-35px;}

#slider_110  .owl-nav .owl-prev,
#slider_110  .owl-nav .owl-next{
    background:transparent !important;
    width:35px !important;
    height:35px !important;
    border-radius:0 !important;
    top:50%;
    transform: translateY(-50%);
    margin: 0 !important;
}

#slider_110  .owl-nav .owl-prev:after{
    content:'\f053';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color:#ed1c24;
    font-size:18px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#slider_110  .owl-nav .owl-next:after{
    content:'\f054';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color:#ed1c24;
    font-size:18px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#slider_110  .owl-nav .owl-prev:hover:after,
#slider_110  .owl-nav .owl-next:hover:after{
    color:#000;
}

.home-cta{
    padding-top: 65px;
    padding-bottom: 65px;
    position: relative;
}

.home-cta:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display:block !important;
    opacity: 1;
    background: rgba(0,0,0,0.6);
    z-index:1;
}

/*footer*/
#footer .ct-container {
    padding-left: 15px;
    padding-right: 15px;
}

#footer [data-row*="middle"] .ct-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    grid-gap: 0;
    flex-wrap: wrap;
}

#footer [data-row*="middle"] [data-column*="widget-area"]{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex-basis: -webkit-fit-content;
    flex-basis: -moz-fit-content;
    flex-basis: fit-content;
}

#footer .ct-widget .widget-title{margin-bottom: 20px}


#footer [data-row*="middle"] [data-column="widget-area-1"] .widget_media_image img{
    width: auto;
    max-height: 100px;
}

#footer [data-row*="middle"] [data-column="widget-area-1"] .ct-widget:not(:first-child){
    margin-top: 20px;
}

#footer [data-row*="middle"] [data-column="widget-area-1"] .widget_text .textwidget .reg{
    font-size: 14px;
    font-weight: 400;
}

/*#footer [data-row*="middle"] [data-column="widget-area-1"] .widget_text .textwidget p{font-size:18px;}*/

#footer [data-row*="middle"] [data-column="widget-area-1"] .widget_text .textwidget strong{
    font-weight: 600;
}

/*#footer [data-row*="middle"] [data-column="widget-area-2"]{max-width: 854px}*/

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_text{

}

#footer [data-row*="middle"] [data-column*="widget-area"] .widget_custom_html .social-links{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
}

#footer [data-row*="middle"] [data-column*="widget-area"] .widget_custom_html .social-links p{
    margin:0 10px 0 0;
}

#footer [data-row*="middle"] [data-column*="widget-area"] .widget_custom_html .social-links p a{
    margin:0 10px 0 0;
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    font-size:18px;
    background:#ed1c24;
    color:#fff;
}

#footer [data-row*="middle"] [data-column*="widget-area"] .widget_custom_html .social-links p a:hover{
    background:#fff;
    color:#ed1c24;
}

#footer .social-desktop{}
#footer .social-mobile{display:none;}

.grid-contact-info{
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.grid-contact-info > div:nth-child(4){
    grid-column: 1/4;
}

.grid-contact-info .grid-wrap{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
}

.grid-contact-info .grid-wrap i{
    font-size: 18px;
    color:#ed1c24;
}

.grid-contact-info .grid-wrap > :not(:last-child){margin-right:10px}

.grid-contact-info .grid-wrap p{margin-bottom:0}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_nav_menu .widget-menu{
    padding:0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_nav_menu .widget-menu li{
    padding-left: 10px;
    padding-right:10px;
    font-size: 14px;
    margin-bottom: 0;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_nav_menu .widget-menu li:not(:last-child){
    border-right:1px solid #000;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_nav_menu .widget-menu li:first-child{
    padding-left: 0;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_nav_menu .widget-menu li:last-child{
    padding-right: 0;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_nav_menu .widget-menu li.current-menu-item a{font-weight: 600}

#footer [data-row*="bottom"] .ct-footer-copyright p{margin-bottom: 0}

#footer [data-row*="bottom"] .ct-footer-copyright span{
    display: inline-block;
    padding-right: 3px;
}

.page-id-26 #footer [data-row*="middle"]{display: none}

.page-id-26 #footer [data-row*="bottom"]{background: #fff;}

.page-id-26 #footer [data-row*="bottom"] .ct-container{border:none;}

/*about*/
.about-main-section{
    padding-top: 100px !important;
}

.about-main-title{
    padding-bottom: 45px;
}

.about-main {
	padding-bottom: 0;
	margin-bottom: -35px;
}

.about-main > .wpb_column:nth-child(1) .wpb_single_image{
    padding-top: 35px;
    padding-left:35px;
    position: relative;
    isolation: isolate;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
}

.about-main > .wpb_column:nth-child(1) .wpb_single_image:before{
    content:'';
    position: absolute;
    width: calc(100% - 35px);
    height:calc(100% - 35px);
    top:0;
    left:0;
    background: #9F9D9D;
    border-radius:1em;
    display: block !important;
    opacity: 1;
    z-index: -1;
}

.about-main > .wpb_column:nth-child(1) .wpb_single_image img{
    width:auto;
    max-height:350px;
}

.about-main .wpb_text_column{
    position: relative;
    isolation: isolate;
}

.about-main  .wpb_text_column:before{
    content: '';
    position: absolute;
    top:5px;
    left:5px;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    background: url(./images/quote.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block !important;
    opacity: 1;
    z-index: -1;
}

.about-main-second{padding-bottom: 65px;}

.about-main-second > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper{
    position: relative;
    isolation: isolate;
}

.about-main-second > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper:before{
    content: '';
    top:calc(50% - 17.5px);
    right:0;
    transform: translateY(-50%);
    position: absolute;
    width: calc(100% - 20px);
    height: 75%;
    background: #ed1c24;
    border-radius: 1em;
    display: block !important;
    opacity: 1;
    z-index: -1;
}

.about-main-second > .wpb_column:nth-child(2) .wpb_single_image:nth-child(1){margin-bottom: 0}

.about-main-second > .wpb_column:nth-child(2) .wpb_single_image:nth-child(1) figure{
    max-width: 70%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.about-main-second > .wpb_column:nth-child(2) .wpb_single_image:nth-child(2){
    position: relative;
    z-index: 2;
    margin-top: -100px;
}

.about-main-second > .wpb_column:nth-child(2) .wpb_single_image:nth-child(2) figure{
    width: 70%;
}

.about-milestone-section{
    padding-top: 100px !important;
    position: relative;
    isolation: isolate;
}

.about-milestone-section:before{
    content: '';
    position: absolute;
    top: 15%;
    left: 0;
    width: 55%;
    max-width: 740px;
    aspect-ratio: 10.7/8.55;
    background: url('https://8.inspiren.dev/jetcan/wp-content/uploads/2023/03/half-world-map-1.png');
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: -1;
}

.about-milestone-section:after{
    content: '';
    position: absolute;
    top: 55%;
    right: 0;
    width: 48%;
    max-width: 645px;
    aspect-ratio: 9.15/9.39;
    background: url('https://8.inspiren.dev/jetcan/wp-content/uploads/2023/03/half-world-map-2.png');
    background-size: contain;
    background-position: 100% 0;
    background-repeat: no-repeat;
    z-index: -1;
}

.about-milestone{padding-bottom: 65px}

/*cool timeline*/

h2.timeline-main-title{display:none}

.cool-timeline  .timeline-meta{display:none}

.cool-timeline .timeline-post .timeline-icon .icon-placeholder{display: none}

.cool-timeline .timeline-post .timeline-content img {width: auto !important}

.cool-timeline .pull-left{
    float: none !important;
    margin:0 !important;
}

.cool-timeline .timeline-post.odd .timeline-content .pull-left {
    position: absolute;
    top: auto;
    left: 0;
    width: auto !important;
    max-width: 60%;
    bottom: calc(100% - 45px);
}

.cool-timeline .timeline-post.even .timeline-content .pull-left {
    position: absolute;
    top: auto;
    right: 0;
    width: auto !important;
    max-width: 60%;
    bottom: calc(100% - 45px);
}

.cool-timeline #story-191.timeline-post.even .timeline-content .pull-left {
    bottom: calc(100% - 105px);
}

.cool-timeline .icons_yes .timeline-post .timeline-content{
    position: relative;
}

.cool-timeline .icons_yes .timeline-post.odd {
    padding: 0 115px 0 0 !important;
}

.cool-timeline .icons_yes .timeline-post.even {
    padding: 0 0 0 115px !important;
}

.cool-timeline .timeline-post .timeline-content img {
    border: none !important;
    padding: 0;
    margin: 0;
    height: auto;
}

.cool-timeline #story-167.timeline-post .timeline-content img{max-height: 70px;}

.cool-timeline #story-166.timeline-post .timeline-content img {
    max-height: 50px;
}

.cool-timeline .icons_yes .timeline-post.odd .timeline-content:before {
    content: '';
    position: absolute;
    top: 30px;
    right: -65px;
    width: 103px;
    height: 3px;
    background: #808080;
    display: block !important;
    border: none !important;
}

.cool-timeline .icons_yes .timeline-post.odd .timeline-content:after {
    content: '';
    position: absolute;
    top: 24px;
    right: 30px;
    width: 15px;
    height: 15px;
    background: #808080;
    display: block !important;
    border: none !important;
    border-radius: 50%;
}

.cool-timeline .icons_yes .timeline-post.even .timeline-content:before {
    content: '';
    position: absolute;
    top: 30px;
    left: -65px;
    width: 103px;
    height: 3px;
    background: #808080;
    display: block !important;
    border: none !important;
}

.cool-timeline .icons_yes .timeline-post.even .timeline-content:after {
    content: '';
    position: absolute;
    top: 24px;
    left: 30px;
    width: 15px;
    height: 15px;
    background: #808080;
    display: block !important;
    border: none !important;
    border-radius: 50%;
}

.clean-skin-tm .cool-timeline.white-timeline .timeline-post .timeline-content h2.content-title {
    padding: 60px 0 0 !important;
    text-align: left !important;
    color: #000 !important;
    font-family: var(--fontFamily);
    font-weight: 700;
    font-size: 25px;
}

.clean-skin-tm .cool-timeline.white-timeline .timeline-post .timeline-content .content-details{
    text-align: left !important;
    padding: 20px 0 !important;
}

.clean-skin-tm .cool-timeline.white-timeline .timeline-post .timeline-content .content-details *{
    color: #000 !important;
    font-family: var(--fontFamily);
}

.clean-skin-tm .cool-timeline.white-timeline .timeline-post .timeline-content .content-details strong{
    font-weight: 700;
}

.cool-timeline.white-timeline .timeline-post .iconbg-turqoise {
    box-shadow: none !important;
    outline: 5px solid #A4A8A9; 
}

.cool-timeline .cooltimeline_cont{
    counter-reset: timeline;
}

.cool-timeline .timeline-post .iconbg-turqoise:before{
    counter-increment: timeline;
    content: "" counter(timeline, decimal-leading-zero) "";
    font-family: var(--fontFamily);
    font-weight: 500;
}

.cool-timeline .timeline-post .timeline-icon{background: #ed1c24 !important;}

/*.cool-timeline .timeline-post:nth-child(1) .timeline-icon{background: #c24c60 !important;}*/
/*.cool-timeline .timeline-post:nth-child(2) .timeline-icon{background: #bc4354 !important;}*/
/*.cool-timeline .timeline-post:nth-child(3) .timeline-icon{background: #b63a49 !important;}*/
/*.cool-timeline .timeline-post:nth-child(4) .timeline-icon{background: #b0313e !important;}*/
/*.cool-timeline .timeline-post:nth-child(5) .timeline-icon{background: #aa2832 !important;}*/
/*.cool-timeline .timeline-post:nth-child(6) .timeline-icon{background: #a42129 !important;}*/
/*.cool-timeline .timeline-post:nth-child(7) .timeline-icon{background: #9c1f26 !important;}*/
/*.cool-timeline .timeline-post:nth-child(8) .timeline-icon{background: #931e24 !important;}*/
/*.cool-timeline .timeline-post:nth-child(9) .timeline-icon{background: #8b1d23 !important;}*/
/*.cool-timeline .timeline-post:nth-child(10) .timeline-icon{background: #831c21 !important;}*/


.cool_timeline {
    position: relative;
    margin-top: 70px !important;
    margin-bottom: 35px !important;
}

.cool_timeline:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top:0;
    left:50%;
    transform: translate(-50%,-50%);
    display: block !important;
    opacity: 1;
    background: linear-gradient(90deg, rgba(128,128,128,1) 0%, rgba(93,112,117,1) 100%) !important;
    border-radius: 50%;
}

.cool_timeline:after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom:0;
    left:50%;
    transform: translate(-50%,50%);
    display: block !important;
    opacity: 1;
    background: linear-gradient(90deg, rgba(128,128,128,1) 0%, rgba(93,112,117,1) 100%) !important;
    border-radius: 50%;
}

.cool-timeline:before {
    background: linear-gradient(90deg, rgba(128,128,128,1) 0%, rgba(93,112,117,1) 100%) !important;
}

.vision-mission{padding-bottom: 100px}

.vision-mission>.wpb_column:nth-child(1) {
    background-image: url('https://8.inspiren.dev/jetcan/wp-content/uploads/2023/03/vision-mission-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
    margin-bottom: 100px;
    padding-right: calc(100%*2/12 + 45px);
}

.vision-mission>.wpb_column:nth-child(2) {
    background: #ed1c24;
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
    margin-top: 100px;
    margin-left: calc(-100%*1/12);
}

.vision-mission>.wpb_column > .vc_column-inner{
    padding-top: 70px;
    padding-bottom: 35px;
}

/*service*/
.service-main-section{
    padding-top: 100px !important;
}

.service-main{padding-bottom: 65px}

.service-main > .wpb_column:nth-child(2) .wpb_single_image{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    padding-top: 35px;
    padding-right: 35px;
    position: relative;
    isolation: isolate;
}

.service-main > .wpb_column:nth-child(2) .wpb_single_image:before{
    content: '';
    position: absolute;
    top:0;
    right:0;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    display: block !important;
    opacity: 1;
    background: #ed1c24;
    border-radius: 1em;
    z-index: -1;
}

.service-listed-right-section{padding-top:0 !important;}

.service-listed-left-section{padding-top:0 !important;}

.service-list{border-bottom: 1px solid #808080}

.service-list.last{border-bottom: none}

.service-list > .wpb_column > .vc_column-inner > .wpb_wrapper > :last-child{margin-bottom: 0}

.service-list.full-left-img-row > .wpb_column:nth-child(1){padding-right: 0}

.service-list.full-left-img-row > .wpb_column:nth-child(2){padding-left: 90px}

.service-list.full-right-img-row > .wpb_column:nth-child(1){padding-right: 90px}

.service-list.full-right-img-row > .wpb_column:nth-child(2){padding-left: 0}

/*contact*/
.contact-title{
    padding-top: 100px;
}

.company-logo img{
    width: auto;
    max-height: 100px;
}

.company-logo{margin-bottom: 20px}
.company-name{
    font-size: 18px;
}

.company-name strong{font-weight: 600}

.company-name .reg{
    font-size: 14px;
    font-weight: 400;
}

.contact-table .flexed-contact-info{
    display: grid;
    grid-template-columns: 100%;
    grid-gap:30px;
}

.flexed-wrap{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.flexed-wrap .icons {
    border-radius: 50%;
    background: #ed1c24;
    color: #fff;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.flexed-wrap p{margin-bottom: 0}

.flexed-wrap p:not(.icons){
    width: calc(100% - 60px);
    padding-top:9.6px;
}

.flexed-wrap p .add{
    display:inline-block;
    padding-right:3px;
}

.contact-info{
    padding-bottom: 65px;
    padding-top: 120px;
}

.contact-info > .wpb_column:nth-child(2) > .vc_column-inner{
    padding: 70px 30px 35px !important;
    border-radius: 1.5em;
    z-index: 3;
    position:relative;
}

.contact-info > .wpb_column:nth-child(2) > .vc_column-inner > *{
    z-index:2;
    position:relative;
}

.contact-info > .wpb_column:nth-child(2) > .vc_column-inner:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block !important;
    opacity:0.6;
    background:#fff;
}

.contact-info > .wpb_column:nth-child(2){
    position: relative;
    padding-top: 35px;
    padding-right: 35px;
    isolation: isolate;
    height: 100%;
    margin-bottom: 35px;
}

.contact-info > .wpb_column:nth-child(2):before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 65px);
    height: calc(100% - 35px);
    background: #ed1c24;
    border-radius: 1.5em;
    z-index: -1;
    display: block !important;
    opacity: 1;
}

.contact-info > .wpb_column:nth-child(2):after {
    content: '';
    position: absolute;
    top: -120px;
    right: -45px;
    width: 260px;
    aspect-ratio: 3.44/3.9;
    background: url('https://8.inspiren.dev/jetcan/wp-content/uploads/2023/03/contact-form-absolute.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1.5em;
    z-index: 0;
    display: block !important;
    opacity: 1;
}

/*CF 7 - blocks form*/
.contact-form .wpcf7-form{
    margin-bottom:35px;
}

.contact-form .form{
    display: grid;
    grid-template-columns: 100%;
    grid-gap:20px;
    margin-bottom:20px;
}

.contact-form .form.job-apply{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap:20px;
    margin-bottom:20px;
}

.contact-form .form.job-apply #name{grid-column: 1/3}
.contact-form .form.job-apply #phone{grid-column: 3/5}
.contact-form .form.job-apply #email{grid-column: 5/7}
.contact-form .form.job-apply #job{grid-column: 1/4}
.contact-form .form.job-apply #resume{grid-column: 4/7}
.contact-form .form.job-apply #msg{grid-column: 1/7}

.contact-form .form input,
.contact-form .form textarea{
/*    background-color:#ebebec;*/
/*    border:1px solid #ebebec;*/
    font-size:16px;
/*    color: #231f20;*/
    transition: all 0.3s ease-in-out;
}

.contact-form .form.job-apply #resume {
    min - height: 40px;
    background-color: #fff;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 12px;
    position:relative;
}

.contact-form .form.job-apply #resume:after{
    content: "\f07c";
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right: 12px;
    font-size:18px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color:#000;
}

.contact-form .form.job-apply #resume label{
    font-weight: 400;
    font-size:16px;
    margin: 0 10px 0 0;
    color:#808080;
}

.contact-form .form #file input{font-size:16px}

.contact-form .form input::placeholder,
.contact-form .form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  font-size:16px;
  font-weight:400;
  opacity: 1; /* Firefox */
}


.contact-form .form input:-ms-input-placeholder,
.contact-form .form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
  font-size:16px;
  font-weight:400;
}

.contact-form .form input::-ms-input-placeholder,
.contact-form .form textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
  font-size:16px;
  font-weight:400;
}

/*apply form placeholder*/
.contact-form .form input::placeholder,
.contact-form .form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  font-size:16px;
  font-weight:400;
  opacity: 1; /* Firefox */
}


.contact-form .form input:-ms-input-placeholder,
.contact-form .form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
  font-size:16px;
  font-weight:400;
}

.contact-form .form input::-ms-input-placeholder,
.contact-form .form textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
  font-size:16px;
  font-weight:400;
}

.contact-form #recaptcha{
    width:100%;
    text-align:center;
    margin-bottom:20px;
    display:flex;
    justify-content:flex-start;
}

.contact-form #send{
    position:relative;
}

.contact-form #send input{
    width: 100%;
    background: #B5883E !important;
    color: #000 !important;
    line-height: 1.2;
    padding: 10px 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1;
    border:none !important;
    border-radius: 0;
    display: block;
    float:none;
}

.contact-form #send input:hover{
    background:#FFDD5A !important;
}

.contact-form #send.send-to-apply input{
    color:#fff !important;
    font-weight: 600;
}

.contact-form #send.send-to-apply input:hover{
    color:#000 !important;
}

.contact-form span.wpcf7-not-valid-tip {
    margin-top: 5px;
}

.contact-form .wpcf7-response-output {
    color: #fff;
    margin: 35px 0 0 !important;
    border-radius: 0;
    font-weight: 400;
}

.contact-form #send .wpcf7-spinner {
    margin: 0;
    top: 50%;
    position: absolute;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    left: calc(100% - 30px);
    opacity: 1;
    z-index: 9;
}

.contact-form #send .wpcf7-spinner:before {
    left: 2px;
    top: 2px;
}

.contact-map .wpb_gmaps_widget{margin-bottom: 0}

.contact-map .wpb_gmaps_widget .wpb_wrapper{padding:0}

/*Career*/
.career-main{
    padding-top: 100px;
    padding-bottom: 65px;
}

.career-list-section{padding-bottom: 30px}

.btn.loadMoreBtn{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #FF0000;
    line-height: 1.2;
    position: relative;
    padding:3px 0;
    overflow: hidden;
    isolation: isolate;
}

.btn.loadMoreBtn:before{
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #FF0000;
    display: block !important;
    opacity: 1;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn.loadMoreBtn:hover{
    color:#fff;
    padding:3px 5px;
}

.btn.loadMoreBtn:hover:before{
    height: 100%;
}

.career-job{
    padding:35px 30px !important;
    margin-bottom: 70px;
    border-radius: 1.5em;
}

.career-title {padding-bottom: 35px}

.career-title > .wpb_column > .vc_column-inner > .wpb_wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

.career-title .vc_custom_heading{
    border-bottom: 1px solid rgba(0,0,0,0.5);
    padding-bottom: 20px;
    width: calc(100% - 170px);
    margin-right: 20px;
}

.career-title .readmore{
    margin-bottom: 0 !important;
    width: 150px;
}

.career-desc{}

.career-addon > .wpb_column > .vc_column-inner > .wpb_wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.career-addon > .wpb_column > .vc_column-inner > .wpb_wrapper > *{
    padding-left: 45px;
    padding-right: 45px;
}

.career-addon > .wpb_column > .vc_column-inner > .wpb_wrapper > :first-child{
    padding-left: 0 !important;
}

.career-addon > .wpb_column > .vc_column-inner > .wpb_wrapper > :last-child{
    padding-right: 0 !important;
}

.career-addon > .wpb_column > .vc_column-inner > .wpb_wrapper > :not(:last-child){
    border-right:1px solid rgba(0, 0, 0, 0.5);
}

.career-addon-title{
    padding-bottom: 20px;
    font-weight: 600;
}

.apply-form{
    padding-top: 35px;
    padding-bottom: 35px;
}

/*projects*/
.project-grid{
    padding-top: 100px;
    padding-bottom: 70px;
}

/*project grid in grid builder*/
.projects-post-grid .vc_gitem-animated-block{display: none !important;}
.projects-post-grid .removed-image{display: none !important;}

.project-post-content{
    border-radius: 1em;
}

.project-post-content .vc_gitem-col{
    padding:35px 0 50px;
}

/*.project-post-content .vc_gitem-col :last-child{margin-bottom: 0 !important}*/

.project-post-content .project-title{
    padding:0 15px;
    min-height: 48px;
}

.project-post-content .project-title > *{
    font-weight: 600;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.project-post-content .wpb_single_image.project-image{
    margin-bottom: 20px;
}

.project-post-content .wpb_single_image.project-image figure>* {
    overflow: hidden;
}

.project-post-content .wpb_single_image.project-image img {
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    aspect-ratio: 3.5/2.56;
    object-fit: cover;
    object-position: center;
}

.vc_grid-item:hover .project-post-content .wpb_single_image.project-image img {
    transform: scale(1.05);
}

.project-post-content .project-desc{
    padding:0 15px;
    margin-bottom: 35px;
}

.projects-post-grid .vc_pageable-slide-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.projects-post-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini,
.projects-post-grid .vc_pageable-slide-wrapper .vc_grid-item .project-post-content,
.projects-post-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone-mini,
.projects-post-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem_row,
.projects-post-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-col{
    height: 100%;
}

.projects-post-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-col{
    position: relative;
}

.project-post-content .vc_gitem-col .readmore{
    position: absolute;
    width: auto;
    padding:0 15px;
    bottom:0;
    left: 0;
}

/*slick slider*/
.projects-post-grid .vc_pageable-slide-wrapper.slick-slider{
    margin:0 -15px !important;
}

.projects-post-grid .vc_pageable-slide-wrapper .slick-track{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.projects-post-grid .vc_pageable-slide-wrapper .slick-track .vc_grid-item {
    height: unset;
    padding-right: 0;
    margin-right: 15px;
    margin-left: 15px;
}

.projects-post-grid .vc_pageable-slide-wrapper .slick-arrow{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: transparent;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 50%;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.projects-post-grid .vc_pageable-slide-wrapper .slick-arrow:hover{
    background: rgba(0, 0, 0, 1);
}

.projects-post-grid .vc_pageable-slide-wrapper .slick-arrow:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    font-size: 18px;
    text-indent: 0;
    z-index: 9;
}

.projects-post-grid .vc_pageable-slide-wrapper .slick-arrow.slick-prev:after{content: '\f053';}
.projects-post-grid .vc_pageable-slide-wrapper .slick-arrow.slick-next:after{content: '\f054';}

.projects-post-grid .vc_pageable-slide-wrapper .slick-arrow.slick-prev{left:-40px}
.projects-post-grid .vc_pageable-slide-wrapper .slick-arrow.slick-next{right:-40px}


/*News*/
.news-grid{
    padding-top:100px;
    padding-bottom: 30px;
}

.news-post-grid{}

.news-post-grid .vc_gitem-animated-block{
    width: calc(100%/3 - 30px);
    margin-right: 30px;
    float:left;
    border-radius: 1.5em;
}

.news-post-grid .vc_gitem-animated-block .vc_gitem-zone-a{
    -webkit-transition: -webkit-transform .5s ease-in-out;
-moz-transition: -moz-transform .5s ease-in-out;
-o-transition: -o-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}

.news-post-grid .news-content{
    width: calc(100%*2/3 - 30px);
    margin-left: 30px;
    float:left;
}

.news-post-grid .vc_grid-item-mini{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.news-post-grid .vc_grid-item {
    padding-bottom: 70px !important;
    padding-top: 70px !important;
    position: relative;
}

.news-post-grid .vc_grid-item:before{
    content: '';
    position: absolute;
    bottom: 0;
    left:0;
    width: calc(100% - 30px);
    height: 1px;
    background: rgba(0,0,0,0.97);
    display: block !important;
    opacity: 1;
}


.news-post-grid .vc_grid-item:last-child:before{
    display: none !important;
}

.news-post-grid .vc_grid-item:first-child{
    border-top: none;
    padding-top: 0 !important;
}

.news-content .vc_gitem_row .vc_gitem-col {
    padding:0;
}

.news-content .vc_gitem_row:first-child .vc_gitem-col {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid rgba(0,0,0,0.97);
    margin-bottom: 20px;
}

.news-content .vc_gitem_row .news-title{
    margin-bottom: 20px !important;
    width: calc(100% - 200px);
    padding-right: 30px;
}

.news-content .vc_gitem_row .news-title >*{font-weight: 600}

.news-content .vc_gitem_row .news-date{
    margin-bottom: 20px !important;
    width: 200px;
}
.news-content .vc_gitem_row .news-date p{
    margin-bottom: 0;
    text-align: right !important;
    color: #ed1c24;
}

.news-content .vc_gitem_row .news-desc{margin-bottom: 0;}

/*project post*/
.project-row{
    padding-top: 100px;
    padding-bottom: 65px;
}

.slider-pro .sp-slides-container .sp-image-container{
    border-radius: 1.5em;
    aspect-ratio: 11.4/5;
}

.slider-pro .sp-slides-container .sp-image-container .sp-image{
    aspect-ratio: 11.4/5;
    object-fit: cover;
    object-position: center;
}

.slider-pro .sp-thumbnails-container.sp-bottom-thumbnails{
    margin-top: 20px;
    margin-left:0;
    margin-right: 0;
}

.slider-pro .sp-thumbnails-container .sp-thumbnail-container{
    margin-left: 5px;
    margin-right: 5px;
}

.slider-pro .sp-thumbnails-container .sp-thumbnail-container.sp-selected-thumbnail{
    border:none !important;
    opacity: 1;
}

.slider-pro .sp-thumbnails-container .sp-thumbnail-container{
    opacity: 0.8;
    border-radius: 1em;
}

/*Woocommerce*/
body.woocommerce #main .ct-container {
    padding-top: 100px;
    padding-left: 15px;
    padding-right: 15px;
}

.woocommerce-page .ct-container[data-sidebar] {
    grid-column-gap: 90px;
}

/*breadcrumb*/
.ct-breadcrumbs > span .separator{
    fill:var(--linkInitialColor) !important;
}

/*product archive*/

/*catalog*/
.woocommerce ul.products{
    padding:0;
    grid-column-gap:30px;
    grid-row-gap:0;
}

.archive.woocommerce ul.products{padding-bottom: 30px}

.woocommerce ul.products li.product{margin-bottom: 70px}
.woocommerce ul.products li.product .ct-image-container{
    border: 1px solid #525252;
    margin-bottom: 20px;
}

.woocommerce ul.products li.product.industrial .ct-image-container{
    border:none;
    border-radius: 0 !important;
}

.woocommerce ul.products li.product .ct-image-container img{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    aspect-ratio: 1/1 !important;
    object-fit: cover;
    object-position: center;
}

.woocommerce ul.products li.product.industrial .ct-image-container img{
    aspect-ratio: 4/5.65 !important;
}

.archive.term-oil-lubricated-air-compressor.woocommerce ul.products li.product.industrial .ct-image-container img{
    aspect-ratio: 1/1 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{line-height: 1.4}

.woocommerce ul.products li.product .product-sub-title{font-weight: 400}

/*single product*/
.single-product.woocommerce div.product .product-entry-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.single-product.woocommerce div.product .woocommerce-product-gallery{width: 250px;}

/*.single-product.woocommerce div.product.industrial-details .woocommerce-product-gallery{width: 300px;}*/

.single-product.woocommerce div.product.industrial-details .woocommerce-product-gallery img{
    aspect-ratio: 3/4 !important;
}

.single-product.woocommerce div.product .summary{
    width: calc(100% - 250px);
    padding-left: 60px;
}

/*.single-product.woocommerce div.product.industrial-details .summary{width: calc(100% - 300px);}*/

.single-product.woocommerce div.product .summary .category-title >*{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.single-product.woocommerce div.product .summary .product_title.product-sub-title{
    font-weight: 400;
}

.single-product.woocommerce div.product .summary .product_title{
    margin-bottom: 0;
    line-height: 1.3;
}

.single-product.woocommerce div.product .summary .product_title:last-of-type{margin-bottom: 25px}

.single-product.woocommerce div.product .summary .woocommerce-product-details__short-description > :last-child{margin-bottom: 0}

.single-product.woocommerce div.product .woocommerce-tabs{padding-top: 35px}

.single-product.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs{display: none !important}

.single-product.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
    padding-top: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
}

.single-product.woocommerce div.product{padding-bottom: 30px}

.product-detail-cta{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items:flex-start;
    padding-top: 35px;
    padding-bottom:70px;
}

.product-detail-cta a{
    width: 150px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-weight: 600;
    font-size: 14px;
    padding:10px 20px;
    line-height: 1;
}

.product-detail-cta a:not(:last-child){
    margin-right:10px;
}

.product-detail-cta a i{
    font-size: 18px;
    margin-right: 5px;
}

.product-detail-cta a.email-btn{
    background: #FF0000;
}

.product-detail-cta a.email-btn:hover{
    background: #EE0000;
}

.product-detail-cta a.whatsapp-btn{
    background: #1BB341;
}

.product-detail-cta a.whatsapp-btn i{
    color:#DBDBDB;
}

.product-detail-cta a.whatsapp-btn:hover{
    background: #19A83D;
}

section.related{
    margin-top: 0 !important;
    padding-bottom: 30px;
}

section.related > h2{
    font-size: 26px;
    font-weight: 500px;
    margin-bottom: 25px;
}

/*sidebar*/
#sidebar{padding-bottom: 100px}
#sidebar .widget_product_search .search-form input{
    background: #F2F2F2;
    font-size: 16px;
} 

#sidebar .widget_product_search .search-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #808080;
  font-size:16px;
  font-weight:400;
  opacity: 1; /* Firefox */
}


#sidebar .widget_product_search .search-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #808080;
  font-size:16px;
  font-weight:400;
}

#sidebar .widget_product_search .search-form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #808080;
  font-size:16px;
  font-weight:400;
}

#sidebar .ct-sidebar > *{
    margin-bottom: 0;
    margin-top: 20px;
}

#sidebar .ct-sidebar > :first-child{margin-top: 0}


/*IKS Menu*/
/*.iksm-container > .iksm-terms > .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term:nth-child(2n) .iksm-term__inner,
.iksm-container > .iksm-terms > .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term:nth-child(2n) .iksm-terms-tree{
    background: #cfd0d0;
}*/

.iksm-widget{
    background:#f2f2f2;
    padding:15px 15px;
}

.iksm-container > .iksm-terms .iksm-terms-tree > .iksm-terms-tree__inner > .iksm-term > .iksm-term__inner{
    position: relative;
}

/*.iksm-container > .iksm-terms .iksm-terms-tree > .iksm-terms-tree__inner > .iksm-term > .iksm-term__inner > .iksm-term__toggle .iks-icon-plus-4:before{
      content: "\E807";
}*/

.iksm-container > .iksm-terms .iksm-terms-tree > .iksm-terms-tree__inner > .iksm-term > .iksm-term__inner > .iksm-term__toggle {
    position: absolute;
    left:0;
    top:50%;
    width: auto;
    height: auto;
    transform: translateY(-50%);
}

.iksm-container > .iksm-terms .iksm-terms-tree .iksm-term > .iksm-term__inner > .iksm-term__toggle > .iksm-term__toggle__inner {
    transform: rotate(-90deg);
}

.iksm-container > .iksm-terms .iksm-terms-tree .iksm-term--expanded > .iksm-term__inner > .iksm-term__toggle > .iksm-term__toggle__inner {
    transform: rotate(0);
}

.iksm-container > .iksm-terms .iksm-terms-tree > .iksm-terms-tree__inner > .iksm-term {
    position: relative;
}

.iksm-container > .iksm-terms .iksm-terms-tree > .iksm-terms-tree__inner > .iksm-term:not(:last-child):before{
    content:'';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left:0;
    background: #000;
    z-index:1;
    opacity: 0.5;
}

.iksm-container > .iksm-terms > .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term > .iksm-term__inner > a.iksm-term__link,
.iksm-container > .iksm-terms > .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term .iksm-terms-tree{
    padding-left: 15px;
}

/*.iksm-container .iksm-term--is-post .iksm-term__link{position:relative}

.iksm-container .iksm-term--is-post .iksm-term__link::before {
    content: '\f111';
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 7.5px;
    left: 5px;
    color: #000;
    font-size: 4px;
}*/

.iksm-term__shifts {
  width: 15px !important;
  min-width: 15px !important;
  max-width: 15px !important;
}

/*ajax woocomermerce filter - berocket*/
.ajax-filter-shortcode {
	background: #f2f2f2;
	padding: 15px 15px;
}

.single-product.woocommerce .ajax-filter-shortcode{display:none !important;}

.ajax-filter-shortcode .entry-content p{display:none;}
.ajax-filter-shortcode .entry-content br{display:none;}

.berocket_single_filter_widget .bapf_sfilter {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}
.berocket_single_filter_widget:last-of-type .bapf_sfilter{
    margin-bottom:0;
    padding-bottom: 10px;
    border:none;
}

.berocket_single_filter_widget .bapf_head h3{
    font-size:16px;
    font-weight:400;
}

.berocket_single_filter_widget .bapf_head h3.bapf_hascolarr {
	padding-left: 15px;
	padding-right: 0;
}

.berocket_single_filter_widget .bapf_hascolarr i.bapf_colaps_smb {
	font-size: 11.75px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	left: 0;
	right: auto;
	transform: rotate(-90deg);
}

.berocket_single_filter_widget .bapf_hascolarr i.bapf_colaps_smb:before{
    content:"\f078";
}

.berocket_single_filter_widget .bapf_hascolarr i.bapf_colaps_smb.fa-chevron-up{
    transform:rotate(0);
}

.berocket_single_filter_widget .bapf_body ul {
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.berocket_single_filter_widget .bapf_ccolaps .bapf_body ul{
    padding: 15px 0 5px;
}

.berocket_single_filter_widget{margin-top:0 !important;}
.berocket_single_filter_widget_493.berocket_single_filter_widget .bapf_body ul,
.berocket_single_filter_widget_496.berocket_single_filter_widget .bapf_body ul,
.berocket_single_filter_widget_696.berocket_single_filter_widget .bapf_body ul,
.berocket_single_filter_widget_697.berocket_single_filter_widget .bapf_body ul{
    grid-template-columns: 1fr;
}

.berocket_single_filter_widget .bapf_body ul li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.berocket_single_filter_widget .bapf_body ul li label{
    font-size:14px;
    width:calc(100% - 19px);
}

.berocket_single_filter_widget .bapf_ckbox_sqchck input[type="checkbox"] {
	width: 14px;
	height: 14px;
	border: 1px solid #B2B2B2;
    background: #B2B2B2;
    margin-top: 2px;
}

.berocket_single_filter_widget .bapf_ckbox_sqchck input[type="checkbox"]:checked::after {
	content: "\f00c";
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: 39%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: none;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 10px;
}

/*Search page*/
body.woocommerce.search #main .ct-container{
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 35px;
}

body.woocommerce.search #main .ct-container > aside#sidebar { 
    grid-area: 1 / 1 / 2 / 2; 
    padding-bottom:0;
}
body.woocommerce.search #main .ct-container > section { grid-area: 2 / 1 / 3 / 2; } 


/*body.woocommerce.search .entry-header .page-title{*/
/*    color:#ed1c24;*/
/*}*/

body.woocommerce.search .entry-header .page-title span{color:#000;}

/*poupmaker*/
#popmake-541{
    background:rgba(35,31,32,1);
    border:none;
    border-radius:0;
    box-shadow: 0px 0px 10px 0px rgb(2, 2, 2);
}

/*carousel logo slider*/
.carousel-slider-603.carousel-slider .carousel-slider__item{
	border: 1px solid rgba(108,108,108,0.53);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 20px 15px !important;
	height:142px !important;
    
}
.carousel-slider-603.carousel-slider .carousel-slider__item img{
    max-height: 100px !important;
    width: auto !important;
}

.carousel-slider-603.carousel-slider.arrows-outside .owl-nav .owl-prev {
	left: -30px;
}

.carousel-slider-603.carousel-slider.arrows-outside .owl-nav .owl-next {
	right: -30px;
}

.carousel-slider-603.carousel-slider.arrows-outside .owl-nav button svg{
    fill: #ed1c24;
    -webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.carousel-slider-603.carousel-slider.arrows-outside .owl-nav button:hover svg{
    fill: #000;
}