/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


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

/*new Floating btn*/
.floating-button{
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    bottom: 80px;
    right: 10px;
    font-size: 20px;
    background-color: #000;
    color: #fff !important;
    border-radius: 50px;
    text-align: center;
    z-index: 1000;
/*    animation: pulsess 3s infinite;*/
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.floating-button *{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.floating-button.float-btn-trigger{
    background-color: #07ff00;
    animation-delay: 1s;
}

.floating-button:not(.float-btn-trigger){
    opacity: 0;
}

.floating-button.float-btn-trigger #open-float{
    opacity: 1;
}
.floating-button.float-btn-trigger #close-float{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    opacity: 0;
}

.floating-button.floating-button_mail{background-color: rgba(0, 114, 198, 1);}
.floating-button.floating-button_phone{background-color: rgba(6, 199, 85, 1);}
.floating-button.floating-button_whatsapp{background-color: rgba(37, 211, 102, 1);}
.floating-button.floating-button_shopee{background-color: rgba(254, 87, 33, 1);}
.floating-button.floating-button_lazada{background-color: rgba(22, 14, 153, 1);}

/*when toogle*/
.floating-button.float-btn-trigger.toogle{
    animation: none;
}

.floating-button.toogle:not(.float-btn-trigger){
    opacity: 1;
}

.floating-button.float-btn-trigger.toogle #open-float{
    opacity: 0;
}
.floating-button.float-btn-trigger.toogle #close-float{
    opacity: 1;
    transform: translate(-50%,-50%) rotate(180deg);
}

.floating-button.floating-button_mail.toogle{bottom:140px;}
.floating-button_whatsapp.toogle{bottom:200px;}
.floating-button_tiktok.toogle{bottom: 260px;}
.floating-button_shopee.toogle{bottom: 320px;}
.floating-button_lazada.toogle{bottom: 380px;}

/*animation for triger*/
@keyframes wiggle {
  0% {
    transform: scale(1),rotate(0);
  }
  9.375% {
    transform: scale(1.1) rotate(0);
  }
  18.75% {
    transform: scale(1.1) rotate(-3deg);
  }
  28.125% {
    transform: scale(1.1) rotate(20deg);
  }
  37.5% {
    transform: scale(1.1) rotate(-15deg);
  }
  46.875% {
    transform: scale(1.1) rotate(5deg);
  }
  56.25% {
    transform: scale(1.1) rotate(-1deg);
  }
  65.625% {
    transform: scale(1.1) rotate(0);
  }
  75% {
    transform: scale(1) rotate(0);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

/*when mobile only*/
@media only screen and (max-width: 767px) {
    .floating-button{bottom:10px}

    .floating-button.floating-button_mail.toogle{bottom:70px;}
    .floating-button_tiktok.toogle{bottom: 130px;}
    .floating-button_whatsapp.toogle{bottom:190px;}
    .floating-button_shopee.toogle{bottom: 250px;}
.floating-button_lazada.toogle{bottom: 310px;}
    
    #side-contact {
        position: fixed;
        background: #fff;
        width: 100%;
        height: 70px;
        bottom: 0;
        right: -100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
        z-index: 999;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /*padding-right: 70px;*/
    }
    
    /*#side-contact.toogle {*/
    /*    right: 0;*/
    /*}*/
    
    #side-contact a.floating-button:not(.float-btn-trigger) {
        /*position: initial;*/
        opacity:1;
    }
}

/*define variable*/
:root {
    --row-spacing: 85px;
    --primary-color: #32594a;
    --blue-color: #0A09EB;
    --grey-color: #F1F1F1;
    --red-color: #EA4335;
    --fontFamily: 'poppins' !important;
    --fontAwesome: "Font Awesome 6 Free" !important;
    --lineHeight: 1.5 !important;
    --gap: 100px;
    --padd: 65px;
    --line-color: rgba(0,0,0,0.5);
    --radius-value: 3rem;
}

@media only screen and (max-width: 768px){
   :root {
        --row-spacing: 15px;
        --gap: 70px;
        --padd: 35px;
    }
}

/*overall*/
html {
    scroll-padding-top: 35px;
}

html,body {
  scroll-behavior: smooth;
}


@media only screen and (max-width: 768px) {
    body{
        overflow-x: hidden;
    }
}

preloader{display:none !important;}

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

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

.entry-content >* {margin-bottom: 0 !important; margin-top: 0 !important;}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--fontFamily);
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 0 !important;
}

.page .hero-section {display: none !important;}
.woocommerce .hero-section {display: block !important;}

/*container width*/
@media only screen and (min-width: 768px) {
    #header [data-row] > .ct-container,
    #footer [data-row] > .ct-container {
        width: auto;
        margin-left: var(--row-spacing);
        margin-right: var(--row-spacing);
        padding-left: 15px;
        padding-right: 15px;
    }
    #main > .ct-container {
        width: calc(100% - (var(--row-spacing) * 2) - 30px);
    }
   
}

/*header menu*/
#header ul.menu li a {
    text-transform: capitalize;
}

#header ul.menu > li:last-child > a{
    padding-right: 0;
}

#header [data-id*=logo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
}

#header [data-id*=logo] .site-title > a {
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    display: inline-block;
    line-height: 1.3;
}

#header [data-id*=logo] .site-title > a small {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

#header [data-sticky*=yes] .site-title > a,
#header [data-sticky*=yes]  ul.menu li a {
    color: #000;
}

#header button.ct-header-trigger.ct-toggle svg.ct-icon {
    fill: #fff;
} 

#header [data-sticky*=yes]  button.ct-header-trigger.ct-toggle svg.ct-icon {
    fill: #000;
}

nav[class*=menu] li[class*=current-menu-]>.ct-menu-link, 
nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent,
#header ul.menu li:hover > a  {
    font-weight: 700 !important;
    color: var(--primary-color) !important;
}

#header ul.menu li span.ct-toggle-dropdown-desktop {
    width: 0;
}

#header .mega-menu.max-mega-menu > li > a {
    background: none !important;
    color: #fff !important;
    font-size: 16px !important;
}

#header .mega-menu.max-mega-menu > li:last-child > a {
    padding-right: 0 !important;
}

#header [data-sticky*=yes] .mega-menu.max-mega-menu > li > a {
    color: #333 !important;
}

#header .mega-menu.max-mega-menu span.mega-indicator,
#header .mega-menu.max-mega-menu span.mega-indicator:after {
    height: 0 !important;
    width: 0 !important;
    opacity: 0;
}

#header .mega-menu.max-mega-menu > li > ul.mega-sub-menu li.mega-menu-item-has-children > a {
    font-weight: 600 !important;
    border-bottom: 1px solid !important;
    text-transform: capitalize !important;
}

#header .mega-menu.max-mega-menu > li > ul.mega-sub-menu ul.mega-sub-menu > li {
    padding-top: 12px !important;
}
#header .mega-menu.max-mega-menu > li.mega-menu-grid > ul.mega-sub-menu {
    transform: translate(-40%, 0) !important;
}

#header .mega-menu.max-mega-menu > li.mega-menu-flyout > ul.mega-sub-menu {
    transform: translate(-30%, 0) !important;
}

#header .mega-menu.max-mega-menu > li.mega-menu-flyout ul.mega-sub-menu > li {
    border-bottom: 1px solid #C2C2C2 !important;
}

#header .mega-menu.max-mega-menu li.mega-current-menu-item > a,
#header .mega-menu.max-mega-menu li:hover > a, 
#header .mega-menu.max-mega-menu li.mega-current-menu-ancestor > a {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
} 

@media only screen and (max-width: 1283px){
    /*#header [data-device*=mobile] {
        display: block !important;
    }
    [data-device=mobile][data-transparent] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    #header [data-device=desktop] {
        display: none;
    }*/

}

/*footer*/
#footer .ct-widget:not(:first-child) {
    margin-top: 20px;
}

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

#footer .company-name {
    color: #fff;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    width: 280px;
}

#footer .company-name small {
    color: #fff;
}

#footer [data-column*=widget] h2.widget-title {
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

#footer [data-column] .ct-widget:not(.widget_media_image) {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

#footer ul.widget-menu {
    display: flex;
    flex-wrap: wrap;
}

#footer  .widget_text p {
    line-height: 1.3;
}

#footer [data-row*="middle"] > .ct-container {
    padding-bottom: 35px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
}

#footer .footer-social {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 15px 25px;
}

.footer-social a > img {
    width: auto;
    max-height: 28px;
    transition: 300ms ease;
}

.footer-social a:hover > img {
    transform: rotate(360deg);
}

@media only screen and (min-width: 1000px){

    #footer ul.widget-menu > li {
        padding-bottom: 12px;
        width: 50%;
    }
    #footer ul.widget-menu > li:nth-child(1) {order:1;}
    #footer ul.widget-menu > li:nth-child(2) {order:3;}
    #footer ul.widget-menu > li:nth-child(3) {order:5;}
    #footer ul.widget-menu > li:nth-child(4) {order:2;}
    #footer ul.widget-menu > li:nth-child(5) {order:4;}
    #footer ul.widget-menu > li:nth-child(6) {order:6;}

    #footer ul.widget-menu > li:nth-child(3),
    #footer ul.widget-menu > li:nth-child(6) {
        padding-bottom: 0;
    } 
}




/*default font syle*/
.all-title {font-weight: 700 !important; margin-bottom: 15px !important;}
.all-title.uppercase {text-transform: uppercase;}

.font-20 {font-size: 20px;}
.font-25 {font-size: 25px;}
.small-title {font-size: 16px; font-weight: 400 !important;}

.white-text {color: #fff;}
.blue-text {color: var(--blue-color);}

.fw-300 {font-weight: 300;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700 !important;}

.justify-text {text-align: justify !important;}

/*all gap*/
.top-padd {padding-top: var(--gap) !important;}
.bttm-padd {padding-bottom: var(--padd);}

.top-padd-65 {padding-top: var(--padd);}
.bttm-padd-100 {padding-bottom: var(--gap);}

.mt-35{margin-top: 35px !important}
.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-35 {margin-bottom: 35px !important;}


/*stretch row no padding*/
.right-padd {padding-right: var(--gap) !important;}
.left-padd {padding-left: var(--gap) !important;}

/*icon style*/
.all-icon.wpb_single_image img {
    max-height: 60px;
    object-fit: contain;
    width: auto;
    filter: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1430%) hue-rotate(105deg) brightness(91%) contrast(87%);
}

.reverse-img {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-bottom: 15px !important;
}

.reverse-img .wpb_singleimage_heading {
    font-size: 20px;
    font-weight: 600 !important;
    margin-bottom: 0;
    padding-top: 15px;
    color: #1D1D1F;
}

.reverse-img.row {
    flex-direction: row-reverse;
    align-items: center;
    gap: 20px;
}

.reverse-img.row .wpb_singleimage_heading {
    padding-top: 0;
    margin-bottom: 0 !important;
}

.video-block iframe {
    aspect-ratio: 16/9;
    max-height: 500px;
}

.rounded-image figure {
    border-bottom-left-radius: var(--radius-value);
    border-top-left-radius: var(--radius-value);
    overflow: hidden;
}

.tl-border figure {
    border-top-left-radius: var(--radius-value);
    overflow: hidden;
}

.tr-border figure {
    border-top-right-radius: var(--radius-value);
    overflow: hidden;
}

/*button style*/
.ct-button:before {
    filter: none !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 0;
}

.ct-button {
    min-height: auto !important;
}

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

.readmore .vc_general.vc_btn3 {
    position: relative;
    font-family: var(--fontFamily);
    font-weight: 400;
    font-size: 14px;
    border: 0 !important;
    background-image: none !important;
    border-radius: 0;
    padding: 7px 25px;
    border-radius: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 2;
    position: relative;
    text-transform: initial;
    color: #32594a !important;
}

.readmore.arrow .vc_general {
    text-decoration: underline !important;
    text-underline-offset: 7px;
}

.readmore.arrow .vc_general,
.entry-card.post > a.entry-button.ct-button {
    padding: 7px 50px 7px 0;  
    background-color: transparent;
    overflow: visible;
}

.readmore.arrow .vc_general:before,
.entry-card.post > a.entry-button.ct-button:before {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    transform: translateY(-45%);
    width: 40px;
    height: 9px;
    background: url(./images/arrow.png) no-repeat center;
    background-size: contain;
    transition: right 500ms ease;
    display: block !important;
    opacity: 1;
    /*filter: none;*/
    filter: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1430%) hue-rotate(105deg) brightness(91%) contrast(87%);
}

.readmore.arrow .vc_general:hover:before,
.entry-card.post:hover > a.entry-button.ct-button:before {
    right: -10px;
}

/*contact logo style*/
.company-name {
    font-size: 20px;
    font-weight: 700 !important;
    color: #333132;
    line-height: 1;
    margin-bottom: 25px !important;
}

.company-name small {
    font-weight: 400 !important;
    font-size: 14px;
    color: #333132;
    display: block;
}

.company-logo img {
    max-height: 75px;
    object-fit: contain;
    width: auto;
}

.company-logo {margin-bottom: 15px !important;}

/*background layer*/
.white-layer, .black-layer, .grey-layer, .blue-layer {position: relative;}

.white-layer:before { background-color: rgba(229, 229, 229, 0.95);}

.black-layer:before {background-color: rgba(0,0,0,0.60); }

.grey-layer:before {background-color: rgba(122,121,127,0.96); }

.blue-layer:before {
    background-color: background: rgb(21,69,118);
    background: linear-gradient(180deg, rgba(21,69,118,0) 0%, rgba(21,69,118,0.80) 100%);
}

.white-layer:before, .black-layer:before, .grey-layer:before, .blue-layer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block !important;
    z-index: 0;
}

.parallax { background-attachment:fixed; }

/*disable parallax effects on safari*/
@supports (-webkit-touch-callout: none) {
    .parallax {
          background-attachment: scroll;
    }
}

@supports (-webkit-touch-callout: touch) {
     .parallax {
          background-attachment: scroll;
    }
}

/*contact form*/
.form  {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 15px;
}

.form > div {
    margin-bottom: 15px;
}

/*.form #msg, .form #recaptcha {*/
/*    grid-column: 1/4;*/
/*}*/


.form input {
    width: 100%;
    height: 50px !important; 
    border: none !important;
    border-bottom: 1px solid rgba(51, 51, 51, 0.7) !important;
    background-color: #fff !important;
    font-weight: 400;
    color: #000;
    border-radius: 0 !important;
    padding: 0 !important;
}

.form textarea {
    width: 100%;
    border: none !important;
    border-bottom: 1px solid rgba(51, 51, 51, 0.7) !important;
    background-color: #fff !important;
    font-weight: 400;
    color: #000;
    height: 50px;
    border-radius: 0 !important;
    padding: 0 !important;
}

.form select {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

::-webkit-input-placeholder {
    color: #000 !important;
    font-size:16px;
    font-weight: 400;
}

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

.form .enquiry:focus {
    border: 1px solid transparent;
}

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

.wpcf7-form #send .spinning {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.wpcf7-form #send .readmore .vc_general {
    color: var(--red-color);
    min-height: auto;
}

.wpcf7-form #send .readmore .vc_general:before {
    filter: brightness(0) saturate(100%) invert(39%) sepia(74%) saturate(2986%) hue-rotate(343deg) brightness(97%) contrast(88%);
}

.wpcf7-form #send span.spinning {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 9;
    top: 35%;
    transform: translate(-50%);
    right: 15px;
    animation: 1.5s spin linear infinite;
    opacity: 0;
}

.wpcf7-form #send span.spinning:before,
.woobewoo-filter-loader.spinner:before {
    content: '\f110';
    font-size: 18px;
    font-weight: 900;
    font-family: var(--fontAwesome);
    color: #000;
}

.woobewoo-filter-loader.spinner:before {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.woobewoo-filter-loader.spinner {
    background: none !important;
    position: absolute;
    left: 50%;
    animation: 1.5s spin linear infinite !important;
    
}

.home-about-row.about-page .readmore.vertical.arrow .vc_general {
    border-top-right-radius: 0;
    border-bottom-right-radius: 2rem;
}


@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }

  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}


.wpcf7-form[data-status*=submitting] #send span.spinning {
    opacity: 1;
}

.home-product-row,
.home-about-sec.about-page {
    margin-bottom: 10em !important;
    overflow: visible !important;
}

.home-product-row .woocommerce ul.products > li .woocommerce-loop-category__title {
    text-align: left;
}

.home-product-row .woocommerce ul.products > li span.ct-image-container {
    border: 0;
    padding: 0;
}

.home-product-row .woocommerce ul.products > li span.ct-image-container img {
    aspect-ratio: 1/1 !important;
    object-fit: cover;
}

 .home-product-row .readmore.arrow {
     margin-top: var(--padd) !important;
}

.home-product-row.shape-bg.pattern1:before {
    top: -30%;
    width: 300px;
    height: 350px;
}  

.home-about-row .wpb_single_image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-about-row .wpb_single_image img {
    height: min(80vh, 600px);
}

.readmore.vertical.arrow .vc_general {
    padding: 20px 65px 20px 100px;
    text-decoration: none !important;
    border-top-right-radius: 2rem;
}

.readmore.vertical.arrow .vc_general:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.readmore.vertical.arrow .vc_general:before {
    right: auto;
    left: 40px;
    top: 45%;
    transform: rotate(180deg);
    filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(21%) hue-rotate(144deg) brightness(91%) contrast(104%);
    animation: yo-yo 1.5s linear infinite; 
}

.readmore.vertical.arrow .vc_general:hover:before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(18%) hue-rotate(242deg) brightness(103%) contrast(100%);
}

@keyframes yo-yo {
  0% {transform: translateX(0px) rotate(180deg); }
  25% { transform: translateX(-10px) rotate(180deg); }
  75% { transform: translateX(10px)  rotate(180deg);  }
  100% { transform: translateX(0px)  rotate(180deg);  }
}

.readmore.vertical {
    position: absolute;
    bottom: 142px;
    right: -108px;
    transform: rotate(270deg);
    margin-bottom: 0 !important;
}

.overflow {
    overflow: visible !important;
}

.move-up-row {
    display: flex;
    justify-content: flex-end;
    overflow: visible !important;
    margin-top: -12em;
}

.big-image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.big-image img {
    max-height: 350px;
    object-fit: cover;
}

.home-cta h3 {
    font-size: 40px;
}

.home-cta .wpb_content_element {
    text-align: center;
}
.home-cta p {font-weight: 600;}
.home-cta p, .home-cta h3 {
    margin-bottom: 10px !important;
}

.home-cta .wpb_content_element i.fa-phone {
    color: var(--primary-color);
    font-size: 30px;
    margin-bottom: 15px;
}

.shape-bg,
.woocommerce #main,
.woocommerce.single-product div.product {
    position: relative;
}

.shape-bg:before,
.shape-bg:after,
.woocommerce.archive #main:after,
.woocommerce.single-product div.product:after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    width: 280px;
    height: 280px;
    z-index: 0;
    display: block !important;
    opacity: 0.7;
}

.shape-bg.top-right:after {
    top: -10%;
    right: 0;
    background-image: url('./images/shape.svg');
    filter: brightness(0) saturate(100%) invert(70%) sepia(13%) saturate(910%) hue-rotate(338deg) brightness(91%) contrast(104%);
    z-index: 9;
}

.shape-bg.bottom-right:after {
    bottom: -35px;
    right: -3%;
    background-image: url('./images/shape4.svg');
    filter: brightness(0) saturate(100%) invert(70%) sepia(13%) saturate(910%) hue-rotate(338deg) brightness(91%) contrast(104%);
}

.shape-bg.top-left:before {
    top: -10%;
    left: -5%;
    background-image: url('./images/shape2.svg');
    background-position: center right;
    filter: brightness(0) saturate(100%) invert(70%) sepia(13%) saturate(910%) hue-rotate(338deg) brightness(91%) contrast(104%);
}

.shape-bg.pattern1:before {
    top: -50px;
    left: -25px;
    background-image: url('./images/shape5.svg');
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(70%) sepia(13%) saturate(910%) hue-rotate(338deg) brightness(91%) contrast(104%);
}

.shape-bg.pattern2:after,
.woocommerce.single-product div.product:after {
    bottom: 0;
    right: -65px;
    background-image: url('./images/shape3.svg');
    background-position: top right;
    filter: brightness(0) saturate(100%) invert(70%) sepia(13%) saturate(910%) hue-rotate(338deg) brightness(91%) contrast(104%);
}

.woocommerce.single-product div.product:after {
    right: -150px;
    width: 250px;
   
    transform: rotate(100deg);
    bottom: -150px;
}

.move-up-row.shape-bg.top-right:after {
    background-image: url('./images/shape3.svg');
    top: -55%;
    right: -5%;
    height: 350px;
}

.about-page .home-about-row .readmore.vertical {
    bottom: 118px;
    right: -85px;
}

.about-page.shape-bg.top-right:after {
    right: 30%;
    transform: translateX(-50%);
    z-index: 0;
    width: 380px;
}

.woocommerce.archive #main:after {
    background-image: url('./images/shape6.svg');
    top: 65px;
    right: -75px;
    z-index: 1;
    filter: brightness(0) saturate(100%) invert(70%) sepia(13%) saturate(910%) hue-rotate(338deg) brightness(91%) contrast(104%);
}

.about-intro-sec .big-image *,
.about-v-m-sec .wpb_single_image:not(.all-icon) *,
.resources-row .wpb_single_image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-intro-sec .big-image {
    mask-image: url('./images/mask.png');
    -webkit-mask-image: url(./images/mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
}

.about-intro-sec .move-up-row {
    display: flex;
    justify-content: flex-start;
    z-index: 3;
}

.about-intro-sec .move-up-row.shape-bg.top-left:before {
    z-index: 1;
    top: -45%;
}

.about-intro-row {
    display: flex;
    justify-content: flex-end;
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    padding-top: var(--gap);
    padding-bottom: var(--padd);
    z-index: 2;
} 

.about-v-m-sec,
.service-page-sec > .service-row1 {
    position: relative;
    isolation: isolate;
}

.about-intro-row:before,
.about-v-m-sec:before,
.service-page-sec > .service-row1 :before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block !important;
    z-index: -1;
}

.about-intro-row:before {
    width: 75%;
    height: calc(100% + (var(--gap) * 2));
    background-color: var(--primary-color);
    opacity: 1;
}

.about-v-m-sec:before {
    height: calc(100% - var(--gap) - var(--padd));
    width: 100%;
    background-color: var(--grey-color);
    border-top-left-radius: var(--radius-value);
}


.full-image-row {
    z-index: 0;
    overflow: visible !important;
    margin-top: -70px !important;
    min-height: 500px;
}

.our-mission-row.shape-bg.top-right:after {
    right: auto;
    left: 15%;
    top: -20%;
    width: 350px;
    height: 250px;
    transform: rotate(190deg) scaleX(-1) translate(35%, 10%);
    z-indexz: -1
}


.our-vision-row .wpb_single_image:not(.all-icon) img {
    max-height: 550px;
    object-fit: cover;
}

.our-mission-row .wpb_single_image:not(.all-icon) img {
    aspect-ratio: 640/580;
    object-fit: cover;
}

.resources-row .readmore.arrow .vc_general {
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 600;
}

.resources-row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.resources-row .rounded-image figure {
    --radius-value: 2rem;
    border-radius: var(--radius-value);
}

.resources-row .wpb_single_image img {
    aspect-ratio: 881/530;
}

/*exhibition*/
.entry-card.post a.ct-image-container,
.type-post figure.ct-featured-image > .ct-image-container {
    --grey-color: #F4F4F4;
    background-color: var(--grey-color);
    margin-bottom: 10px !important;
}

.entry-card.post a.ct-image-container {
    --radius-value: 1rem;
    border-radius: var(--radius-value);
}
.entry-card.post a.ct-image-container img {
    aspect-ratio: 1/1 !important;
    object-fit: cover;
}

.entry-card.post a.ct-image-container img[src*=png] {
    object-fit: contain;
    mix-blend-mode: multiply;
    padding: 45px;
}

.entry-card.post .entry-excerpt {
    color: var(--primary-color);
    font-size: 16px;
    margin-bottom: 10px !important;
}

.entry-card.post .entry-title {
    font-weight: 600 !important;
    color: #333;
}

[data-prefix="blog"] [data-cards="simple"] .entry-card {
    --card-border:: 0;
}

.entry-card.post a.ct-image-container {
    z-index: 9;
}

.type-post figure.ct-featured-image > .ct-image-container img {
    max-height: 450px;
    object-fit: cover;
}
 
.type-post figure.ct-featured-image > .ct-image-container img[src*=png] {
    max-height: 350px;
    object-fit: contain;
    mix-blend-mode: multiply;
    padding: 35px;
}

.single-post #main {
    padding-bottom: var(--padd);
}

.single-post .post .hero-section {
    margin-bottom: 25px;
}

.single-post #main > .ct-container {
    padding-left: 15px;
    padding-right: 15px;
}

.single-post .entry-content .vc_row > .wpb_column > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.single-post .entry-header .page-description {
    color: var(--primary-color);
}

.ct-load-more-helper .ct-load-more,
.video-list-row .loadMoreBtn {
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 7px;
    font-weight: 400;
    background-color: transparent;
}

.ct-load-more-helper:hover .ct-load-more,
.video-list-row .loadMoreBtn:hover {
    color: var(--primary-color);
    background-color: transparent;
}
.video-list-row .wpb_content_element p {
    position: relative;
}
.video-list-row .wpb_content_element a {
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    position: relative;
}

.video-list-row .wpb_content_element img {
    margin-bottom: 7px;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}

.video-list-row .wpb_content_element a:before {
    content: '\f04b';
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: rgba(255,255,255,0.5);
    font-family: 'Font Awesome 6 Free';
    z-index: 1;
    display: block !important;
}

.video-list-row > .wpb_column .wpb_content_element {
    margin-bottom: 70px;
}

.video-list-row {
    padding-bottom: 30px;
}

.video-list-row .loadMoreBtn {
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 9;
}

.video-list-row .loadMoreBtn {
    margin-bottom: var(--padd);
}

.grid > div > div > div {
    display: grid;
    gap: 35px 25px;
    align-items: start;
}

.grid.grid-3col > div > div > div {
    grid-template-columns: repeat(3, 1fr);
}

.grid.grid-4col > div > div > div {
    grid-template-columns: repeat(4, 1fr);
}

.grid.grid-6col > div > div > div {
    grid-template-columns: repeat(6, 1fr);
}

.color-option-row {
    margin-top: 15px;
}

.color-option-row .wpb_single_image {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center !important;
}

.color-option-row .wpb_single_image * {
    width: 100%;
    object-fit: cover;
}

.color-option-row .wpb_single_image figure {
    border-radius: 1rem;
    overflow: hidden;
}

.color-option-row .wpb_single_image img {
    aspect-ratio: 382/351;
    object-fit: cover;
    max-height: 350px;
}

.color-option-row .wpb_single_image .wpb_singleimage_heading {
    font-size: 18px;
    font-weight: 600 !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.certification-sec .color-option-row .wpb_single_image {
    text-align: left !important;
}

.certification-sec .color-option-row .wpb_single_image img {
    aspect-ratio: initial;
    max-height: 100%;
}

.service-page-sec.bottom-gap {
    margin-bottom: calc(2em + var(--gap)) !important;
}

.service-page-sec:not(.reverse) .shape-bg.pattern2:after {
    z-index: 9;
    transform: rotate(90deg) translateY(10%);
    bottom: -50%;
    background-position: right bottom;
    right: -35px;
}

.service-page-sec > .service-row1:before {
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1;
    background-color: var(--grey-color);
    border-top-left-radius: var(--radius-value);
}

.service-page-sec > .service-row1 {
    padding-top: var(--gap);
    margin-top: var(--padd);
    padding-bottom: var(--padd);
    isolation: initial;
}

.service-page-sec > .service-row1 > .absolute-col {
    position: absolute;
    top: -45%;
    right: 0;
    overflow: visible;
}

.service-page-sec .service-row2 .wpb_single_image img {
    max-height: 400px;
}

.product-concept-sec .about-intro-row {
    display: flex;
    justify-content: flex-start;
}

.product-concept-sec .move-up-row {
    z-index: 9;
}

.product-concept-sec .about-intro-row:before {
    left: 0;
    right: auto;
}

.product-concept-sec .concept-row:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75%;
    height: 100%;
    background-color: var(--primary-color);
    display: block !important;
    opacity: 1;
    z-index: 0;
}

.product-concept-sec .concept-row.shape-bg.bottom-right:after {
    right: auto;
    left: -120px;
    transform: rotate(130deg) translateX(15%);
}

.product-concept-sec .concept-row .wpb_single_image {
    margin-top: -10em;
}

.service-page-sec.reverse {
    margin-top: var(--gap) !important;
}

.service-page-sec.reverse .service-row1 > .absolute-col {
    left: 0;
}

.service-page-sec.reverse > .service-row1 {
    display: flex;
    justify-content: flex-end;
}

.service-page-sec.reverse > .service-row2 {
    padding-top: 35px;
}

.service-page-sec.reverse .shape-bg.pattern2:after {
    background-image: url('./images/shape2.svg');
    right: -60px;
    background-size: contain;
    width: 220px;
    top: -25%;
    transform: rotate(270deg);
}

.service-page-sec.reverse .service-row2.shape-bg.pattern1:before {
    bottom: -70px;
    left: -35px;
    top: auto;
    z-index: 0;
}

table,
table td,
table th {
   border: 0 !important;
}

.contact-details-row table td {
    padding: 5px;
    vertical-align: top;
}

.contact-details-row table td strong {font-weight: 600;}

.contact-details-row table td:first-child {
    padding: 7px 0;
}

.social-media-box h4 {
    font-size: 20px;
    font-weight: 600 !important;
    color: var(--primary-color);
}

.social-media-box .footer-social {
    display: flex;
    column-gap: 20px;
}

.contact-details-row > div:last-child > div {
    background: url('./images/msak-shape.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: var(--padd);
    z-index: 9 !important;
}

.contact-details-row.shape-bg.pattern2:after {
    bottom: -35px;
    z-index: 1;
    background-size: contain;
}

.page-id-370 #footer [data-row*="middle"] {display: none;}
.page-id-370 #footer [data-row*="bottom"]  {
    background-color: #fff;
}

.page-id-370 #footer [data-row*="bottom"] .ct-footer-copyright,
.page-id-370 #footer [data-row*="bottom"] .ct-footer-copyright a {
    color: #333132;
}

/*woocommerce*/
.parent-title {
    margin-bottom: 5px !important;
}

.parent-title p {
    margin-bottom: 0;
    font-size: 27px;
    color: var(--primary-color);
    font-weight: 700;
}

.woocommerce .product_title {
    font-weight: 600 !important;
    font-size: 22px;
    color: var(--primary-color);
}

.woocommerce div.product div.woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs .panel>h2:first-child  {
    display: none !important;
}

.woocommerce.single-product div.product div.woocommerce-tabs div.woocommerce-Tabs-panel.panel {
    padding-top: 0;
}

.woocommerce.single-product div.product div.woocommerce-tabs .vc_row > div > div {
    padding-left: 0;
    padding-right: 0;
}

.woocommerce.single-product div.product .woocommerce-tabs {
    margin-bottom: 15px;
}

.woocommerce.single-product div.product .summary {
    padding-left: 55px;
}

.woocommerce.single-product div.product p.price {margin-bottom: 0;}


.woocommerce.single-product .woocommerce-product-gallery > .flexy-container > .flexy,
.woocommerce.single-product .woocommerce-product-gallery > a.ct-image-container  img,
.woocommerce ul.products > li span.ct-image-container {
    --radius-value: 1rem;
    border-radius: var(--radius-value);
    border: 1px solid rgba(51,51,51,0.7);
}

.woocommerce.single-product .woocommerce-product-gallery a.ct-image-container > img {
    padding: 30px;
    object-fit: contain;
}

.woocommerce.single-product .woocommerce-product-gallery .flexy-pills ol > li img {
    padding: 10px;
}

.woocommerce.single-product .woocommerce-product-gallery li .ct-image-container:after {
    border: 1px solid rgba(51,51,51,0.7);
    border-radius: 1rem;
}

.woocommerce.single-product .product-description-row .vc_tta-container {
    margin-bottom: 0;
}
.woocommerce.single-product .product-description-row .vc_tta-panel-title > a {
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid rgba(51,51,51,0.7);
    padding: 15px 0;
}

.woocommerce.single-product .product-description-row .vc_tta-panel-title > a i.vc_tta-controls-icon:before {
    border-color: #000;
    transform: rotate(-45deg) translate(-25%,-25%);
}

.woocommerce.single-product .product-description-row .vc_tta-panel.vc_active .vc_tta-panel-title > a i.vc_tta-controls-icon:before {
    transform: rotate(45deg) translate(-25%,-25%);
}

.woocommerce.single-product .product-description-row .vc_tta-container .vc_tta-panel-heading {
    background-color: transparent !important;
    border: 0;
    border-radius: 0; 
}

.woocommerce.single-product .product-description-row .vc_tta-container .vc_tta-panel-body {
    background-color: transparent !important;
    border: 0 !important;
    padding: 15px 0;
}

.woocommerce.single-product .product-description-row .vc_tta-container table th,
.woocommerce.single-product .product-description-row .vc_tta-container table td {
    padding: 5px 0;
}

.woocommerce.single-product .product-description-row .vc_tta-container table th {
    color: var(--primary-color);
    font-weight: 600;
}

.woocommerce.single-product .product-description-row .vc_tta-container table td:first-child {
    font-weight: 600;
    width: 100px;
}

.woocommerce #main > .ct-container {
    display: flex;
    flex-direction: column;
    row-gap: var(--gap);
}

.woocommerce .related.products,
.woocommerce section.up-sells.upsells.products {
    margin-top: var(--gap);
}

.woocommerce .related.products > h2,
.woocommerce section.up-sells.upsells.products > h2{
    font-size: 30px;
    color: var(--primary-color);
}

.woocommerce ul.products > li .ct-woo-card-actions {
    display: none;
}

.woocommerce ul.products > li span.ct-image-container {
    padding: 35px 35px; 
}


.woocommerce ul.products > li span.ct-image-container {
    margin-bottom: 15px;
    min-height: 250px;
    max-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce ul.products > li span.ct-image-container img {
    object-fit: contain;
    width: 100%;
}

.woocommerce ul.products > li .woocommerce-loop-product__title,
.woocommerce ul.products > li .woocommerce-loop-category__title {
    font-weight: 600 !important;
    text-align: right;
    font-size: 18px;
    transition: 500ms ease;
}

.woocommerce ul.products > li:hover .woocommerce-loop-product__title {
    color: var(--primary-color);
}

.woocommerce #main {
    margin-bottom: var(--gap);
}

.woocommerce nav.ct-pagination {
    column-gap: 15px;
}

.woocommerce nav.ct-pagination .page-numbers {
    border-radius: 50%;
    font-weight: 400;
    border: 1px solid #000;
    width: 40px;
    height: 40px;
}

.woocommerce nav.ct-pagination .page-numbers.next,
.woocommerce nav.ct-pagination .page-numbers.prev {
    font-size: 0;
    
}

.woocommerce nav.ct-pagination .page-numbers.next { justify-self: self-start; }
.woocommerce nav.ct-pagination .page-numbers.prev { justify-self: end; }

.woocommerce nav.ct-pagination .page-numbers.current,
.woocommerce nav.ct-pagination .page-numbers:hover {
    background-color: var(--primary-color);
    color: #fff;
    border: 0;
}

.woocommerce nav.ct-pagination .page-numbers.next svg,
.woocommerce nav.ct-pagination .page-numbers.prev svg {
    position: absolute;
    width: 10px;
    height: 10px;
}

/*filter*/

.wpfFilterWrapper[data-radio="1"] .wpfFilterContent .wpfCheckbox label:before {
    border-radius: 0 !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.wpfFilterWrapper .wpfFilterContent .wpfCheckbox input[type="checkbox"]:checked + label::before {
    content: '\f00c' !important;
    background-image: none !important;
    background-color: var(--primary-color) !important;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 10px !important;
    color: #fff !important;
}

.wpfFilterWrapper label.wpfLiLabel .wpfFilterTaxNameWrapper {
    font-size: 18px;
    font-weight: 600 !important;
}

.woocommerce .ct-sidebar .wpfFilterWrapper {
    margin: 0;
}

.woocommerce .ct-sidebar:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: calc(150% - 70px);
    height: 100%;
    background-color: #F1F1F1;
    z-index: -1;
}

.woocommerce .ct-sidebar .WpfWoofiltersWidget {
    padding: 60px 0;
}

.woocommerce .ct-sidebar .wpfFilterWrapper {
    padding: 0;
}

.wpfFilterWrapper ul.wpfFilterVerScroll {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 70px;
    justify-content: space-between;
    width: calc(100% - 140px);;
}

.wpfFilterWrapper ul.wpfFilterVerScroll [data-term-id="19"] {
    order: 1;
}

.wpfFilterWrapper ul.wpfFilterVerScroll [data-term-id="26"] {
    order: 2;
}

.wpfFilterWrapper ul.wpfFilterVerScroll [data-term-id="31"] {
    order: 3;
}

.wpfFilterWrapper ul.wpfFilterVerScroll [data-term-id="34"] {
    order: 4;
}

.wpfFilterWrapper .wpfFilterVerScroll label.wpfLiLabel {
    display: flex;
    align-items: flex-start;
}

.wpfFilterWrapper .wpfFilterVerScroll .wpfValue {
    display: flex;
}

.wpfFilterWrapper .wpfFilterVerScroll li label span.wpfCheckbox {
    margin-top: 5px;
}

/*.wpfFilterWrapper .wpfFilterVerScroll li label.wpfLiLabel {*/
/*    padding-left: 10px;*/
/*    position: relative;*/
/*}*/

/*.wpfFilterWrapper .wpfFilterVerScroll li label span.wpfCheckbox {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-45%);*/
/*}*/

.woocommerce ul.products > li .ct-image-container {
    position: relative;
}

.woocommerce ul.products > li .magnify > .magnify-lens {
    width: 150px;
    height: 150px;
    box-shadow: 0 4px 49px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

@media only screen and (min-width: 768px){
    .column-gap > .wpb_column:nth-child(1) {
        padding-right: 50px;
    }
    .column-gap > .wpb_column:nth-child(2) {
        padding-left: 50px;
    }
    .big-gap > .vc_column-inner > .wpb_wrapper {
       width: 85%;
    }
    .service-page-sec.reverse .service-row1 .big-gap > .vc_column-inner > .wpb_wrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 1299px) {
    #mega-menu-wrap-menu_1 #mega-menu-menu_1 > li.mega-menu-item > a.mega-menu-link {
        padding: 0 3px;
    }
}