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

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

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

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

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


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

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

.floating-button.float-btn-trigger{
    background-color: rgba(94, 94, 94, 0.6);
    animation: 2.5s wiggle ease infinite;
    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(220, 16, 16, 1);}
.floating-button.floating-button_whatsapp{background-color: rgba(37, 211, 102, 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_phone.toogle{bottom: 200px;}
.floating-button_whatsapp.toogle{bottom:260px;}

/*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: 768px) {
    .floating-button{
        bottom:10px;
        right: 15px;
    }

    .floating-button.floating-button_mail.toogle{bottom:70px;}
    .floating-button_phone.toogle{bottom: 130px;}
    .floating-button_whatsapp.toogle{bottom:190px;}
    
    #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;
    }
}

/*Animation delay*/
.delay1{animation-delay: 0.3s;}
.delay2{animation-delay: 0.6s;}
.delay3{animation-delay: 0.9s;}
.delay4{animation-delay: 1.2s;}
.delay5{animation-delay: 1.5s;}
.delay6{animation-delay: 1.8s;}

/*variable for website font, style, container spacing etc*/
:root {
    /*  fonts  */
    --fontFamily: Inter, sans-serif !important;
    --fontAwesome: "Font Awesome 6 Free" !important;

    /*  site color  */
    --black: #000;
    --white: #fff;
    --sitebodytext: #5E5E5E;
    --siteheadingtext: #231F20;
    --red: #E91E25;
    --blue: #06163A;
    --lightblue: #96CEFF;
    --greyD9: #D9D9D9;
    --green:#06A64F;
    --grey888: #888;
    --greyBA: #bababa;
    /*--lightgray: rgb(186, 186, 186);*/

    --placeholder: #000;

    /*  filtered  */
    --filterWhite: invert(1) brightness(100);
    --filterBlack: invert(1) brightness(0);
    --filterNormal: invert(0) brightness(1);

    /*  transition  */
    --allTransition: all 0.3s ease-in-out;
    --imageTransition: all 0.5s linear;

    /*max screen percentage rules*/
    /*  make own container style  */
    /*width and space*/
    --row-spacing:170px;
    --container-width: 100%;
    --normal-container-max-width: 100%;

    /*column gap for visual composer row*/
    --vc_col_gap: 30px;

    /*  Woocomerce sidebar gap */
    --woo_col_gap: 90px;

    /*  Woocomerce catalog gap */
    --woo_catalog_col_gap: 50px;

    /* single product  */
    --productImgWidth: 300px;
    
    --row-gap: 100px;
}

@media only screen and (max-width: 1299.98px) {
    :root {
        --woo_col_gap: 50px;
        --row-spacing: 85px;
    }
}

@media only screen and (max-width: 1199.98px) {
    :root {
        --vc_col_gap:15px;
        --row-spacing:35px;
    }
}

@media only screen and (max-width: 999.98px) {
    :root {
        --woo_col_gap: 30px;
        --woo_catalog_col_gap: 30px;
        --row-spacing:35px;
        --vc_col_gap:0px;
        --productImgWidth: 100%;
    }
}

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

/*all woocomerce page,single page,archive page*/
body.woocommerce,
body.woocommerce-page,
body.single,
body.archive,
body.blog{
    --row-spacing-post:calc(var(--row-spacing) + 15px);
    --container-width: calc(100% - var(--row-spacing-post)*2);
}

/*all single page w/o sidebar*/
body.woocommerce-page .ct-container-full,
body.single .ct-container-full{
    width:var(--container-width);
}

/*Overall*/
html,
body {
    scroll-behavior: smooth;
}

.desktop-view {
    display: block;
}

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

@media only screen and (max-width: 999.98px) {
    .tablet-view {
        display: block !important;
    }
}

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

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

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

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

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
    line-height: 1.2;
	margin-bottom: 25px;
}

.entry-content p, p{margin-bottom:20px}

a, button{
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

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

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

/*ul li::marker{
    color:inherit;
}*/

img[data-dominant-color]:not(.has-transparency){
    background:none !important;
}

/*Placeholder*/
input,
textarea{
    --place-font-size:16px;
    --place-font-weight:300;
}

input::placeholder,
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--placeholder) !important;
  font-size:var(--place-font-size);
  font-weight:var(--place-font-weight);
  opacity: 1 !important; /* Firefox */
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--placeholder) !important;
  font-size:var(--place-font-size);
  font-weight:var(--place-font-weight);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--placeholder) !important;
  font-size:var(--place-font-size);
  font-weight:var(--place-font-weight);
}

/*404 page*/

.error404 .site-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.error404 .ct-no-results{
    padding-top: 100px;
    padding-bottom: 100px;
}

.error404 .ct-no-results .search-form{display: none !important;}

@media only screen and (max-width: 768) {
    .error404 .ct-no-results{
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

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

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

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

#header-menu-1 li:hover > a,
#header-menu-1 li:hover > .ct-sub-menu-parent{
    font-weight: 700;
}

/*#header-menu-1{
    --move-align: calc(0px - var(--menu-items-spacing)/2);
    margin:0  var(--move-align) !important;
}*/

#header [data-row] .ct-container {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
    margin-left: var(--row-spacing);
    margin-right: var(--row-spacing);
}

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

#header-menu-1 ul.menu > li > a > .ct-toggle-dropdown-desktop{display:none}

/*blocksy article*/
.woocommerce-notices-wrapper, 
article > .related, 
article > .upsells, 
article > .page-links, 
article > .entry-tags, 
article > .author-box, 
article > .ct-comments, 
article > .ct-share-box, 
article > .hero-section, 
article > .post-edit-link, 
article > .post-navigation, 
article > .ct-related-posts, 
article > .ct-newsletter-subscribe-block, 
article > .product .wc-tabs, 
article > .post-password-form, 
article > .product .product-entry-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/*visual composer for blocksy*/
.vc_row[data-vc-full-width="true"]{left:0 !important}

/*For Section*/
.vc_section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.vc_section > .vc_row{
    margin-left: auto;
    margin-right: auto;
}

/*For Row*/
.default-row{
    margin-left: var(--row-spacing) !important;
    margin-right: var(--row-spacing) !important;
}

.default-row-fill{
    margin-left: calc(var(--row-spacing) + 15px) !important;
    margin-right: calc(var(--row-spacing) + 15px) !important;
}

.stretch-row{
    padding-left: var(--row-spacing) !important;
    padding-right: var(--row-spacing) !important;
}

.stretch-row-fill{
    padding-left: calc(var(--row-spacing) + 15px) !important;
    padding-right: calc(var(--row-spacing) + 15px) !important;
}

.no-padding-row > .wpb_column > .vc_column-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.full-column-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*increasing gap for each row*/
.row-more-col{
    --inbox: var(--vc_col_gap);
    --outbox: calc(15px - var(--inbox));
    margin-left: var(--outbox) !important;
    margin-right: var(--outbox) !important;
}

.row-more-col.default-row{
    --outbox: calc(var(--row-spacing) - var(--inbox));
}

.row-more-col.default-row-fill {
    --outbox: calc(var(--row-spacing) + 15px);
}

.row-more-col.stretch-row{
    --outbox: calc(0px - var(--inbox));
}

.row-more-col.stretch-row-fill{
    --inbox: calc(var(--vc_col_gap) + 15px);
    --outbox: calc(0px - var(--inbox));
}

.row-more-col.full-column-row{
    --inbox-side: calc(var(--row-spacing) + 15px);
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.row-more-col>.wpb_column{
    padding-left: var(--inbox) !important;
    padding-right: var(--inbox) !important;
}

.row-more-col.full-column-row>.wpb_column{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row-more-col.full-column-row>.wpb_column>.vc_column-inner{
    padding-left: var(--inbox-side) !important;
    padding-right: var(--inbox-side) !important;
}

.row-more-col.full-column-row>.wpb_column:first-child>.vc_column-inner {padding-left: var(--inbox-side) !important;}
.row-more-col.full-column-row>.wpb_column:last-child>.vc_column-inner {padding-right: var(--inbox-side) !important;}

/*Full Side Image Row*/
.full-left-img-row, 
.full-right-img-row{
    --gaps:calc(15px + var(--vc_col_gap));
}

.full-left-img-row > .wpb_column,
.full-right-img-row >.wpb_column{
    padding-left: var(--gaps) !important;
    padding-right:var(--gaps) !important;
}

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

.full-left-img-row >.wpb_column:nth-child(1){
    padding-left: 0 !important;
}

.full-right-img-row >.wpb_column:nth-child(2){
    padding-right: 0 !important;
}

.full-left-img-row >.wpb_column:nth-child(2){
    padding-right: calc(var(--row-spacing) + 15px) !important;
}

.full-right-img-row >.wpb_column:nth-child(1){
    padding-left: calc(var(--row-spacing) + 15px) !important;
}

@media only screen and (max-width: 768px) {
    .full-left-img-row > .wpb_column,
    .full-right-img-row >.wpb_column{
        padding-left: var(--gaps) !important;
        padding-right:var(--gaps) !important;
    }

    .full-left-img-row >.wpb_column:nth-child(1){
        padding-left: var(--gaps) !important;
    }

    .full-right-img-row >.wpb_column:nth-child(2){
        padding-right: var(--gaps) !important;
    }

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

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

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


/*Fill Column  Image Row*/
.fill-col-left-img-row, 
.fill-col-right-img-row{
    --gaps:calc(15px + var(--row-spacing));
}

.fill-col-left-img-row > .wpb_column:last-child,
.fill-col-right-img-row > .wpb_column:first-child{
    padding-left: var(--gaps) !important;
    padding-right:var(--gaps) !important;
}

.fill-col-left-img-row > .wpb_column > .vc_column-inner,
.fill-col-right-img-row >.wpb_column > .vc_column-inner{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.fill-col-left-img-row > .wpb_column:first-child > .vc_column-inner,
.fill-col-right-img-row > .wpb_column:last-child > .vc_column-inner{
    padding-top:0 !important;
}

.fill-col-left-img-row > .wpb_column:last-child > .vc_column-inner,
.fill-col-right-img-row > .wpb_column:first-child > .vc_column-inner{
    padding-top:35px !important;
}

.fill-col-left-img-row > .wpb_column:first-child .wpb_single_image,
.fill-col-right-img-row > .wpb_column:last-child .wpb_single_image{
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .fill-col-right-img-row {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
}

/*fill-all-col-row*/
.fill-all-col-row{
    --gaps:calc(15px + var(--row-spacing));
}

.fill-all-col-row >.wpb_column > .vc_column-inner{
    padding-left: var(--gaps) !important;
    padding-right: var(--gaps) !important;
}

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

.wpcf7-form .form{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:20px;
    margin-bottom:20px;
}

.wpcf7-form .form #msg{grid-column: 1/4}

@media only screen and (max-width: 768px) {
    .wpcf7-form .form{
        grid-template-columns: 1fr;
    }

    .wpcf7-form .form #msg{grid-column: 1/2}
}

.wpcf7-form .form input,
.wpcf7-form .form textarea{
    font-size:16px;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    resize: none;
}

.wpcf7-form .form input.wpcf7-file {color: var(--black);}

.wpcf7-form .form #resume{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap:0 20px;
    border:1px solid var(--greyBA);
    padding:7px 32px 7px 12px;
    position: relative;
    isolation: isolate;
}

.wpcf7-form .form #resume:after{
    content: '\f15b';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    font-weight: 400;
    font-family: var(--fontAwesome);
    display: block !important;
    z-index: 1;
    font-size: 18px;
    color: var(--black);
}

.wpcf7-form .form #resume *{flex:0 1 auto}

.wpcf7-form .form #resume label {
    margin-bottom: 0;
    font-weight: 400;
    color: var(--black);
}

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

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

.wpcf7-form .wpcf7-response-output {
    color: var(--site-body-text);
    margin: 35px 0 0 !important;
    border-radius: 0;
    font-weight: 400;
}

.wpcf7-form #send .wpcf7-spinner {
    margin: 0;
    top: 50%;
    position: absolute;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    right: -35px;
    opacity: 1;
    z-index: 9;
    background: var(--white);
}

.wpcf7-form #send .wpcf7-spinner:before {
    left: 2px;
    top: 2px;
    background: var(--sitebodytext);
}

.wpcf7-form #send{display:flex}

.wpcf7-form #send button[type="submit"]{
    --btn-radius:0;
    --bg-color:var(--green);
    --font-color:var(--white);
    --left:-100%;

    padding: 10px 20px;
    min-width: 120px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: initial;
    color: var(--font-color) !important;
    background: var(--bg-color) !important;
    border: none !important;
    border-radius: var(--btn-radius) !important;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
}

.wpcf7-form #send button[type="submit"] i{margin-left: 5px}

.wpcf7-form #send button[type="submit"]:before{
    content: '';
    position: absolute;
    top:0;
    left: var(--left);
    width: 100%;
    height: 100%;
    display: block !important;
    z-index:-1;
    background: var(--siteheadingtext);
    opacity: 0.3;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    filter: none;
    right: unset;
    bottom: unset;
    border-radius: 0;
}

.wpcf7-form #send button[type="submit"]:hover,
.wpcf7-form.submitting #send button[type="submit"]{
    --left:0;
}

.wpcf7-form.submitting #send button[type="submit"] i:before{
    content:'\f110';
}

.wpcf7-form.submitting #send button[type="submit"] i{
    animation: spining 1s linear infinite;
}

@keyframes spining {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

/*Footer*/
#footer .widget-title{padding-bottom: 15px}

#footer .ct-container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: var(--row-spacing);
    margin-right: var(--row-spacing);
    width: auto;
}

/*can use grid also just spacing must equal*/
#footer [data-row*="middle"] .ct-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-gap:0;
    gap:30px 20px;
}

#footer [data-row*="middle"] .ct-container [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 p.inspiren{
    margin-bottom: 0;
    font-size: 14px;
}
#footer [data-row*="bottom"] .ct-footer-copyright p{margin-bottom: 0}


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


@media only screen and (max-width: 999.98px) {
    #footer [data-row*="middle"] .ct-container [data-column*="widget-area"]{
        width: 100%;
        flex-basis: 100%;
    }
}


/*Woocommerce*/
body.woocommerce-page #main [class*="ct-container"] {
    padding-top: 100px;
    padding-bottom: 100px;
}

body.woocommerce-page .ct-container[data-sidebar] {
    grid-column-gap: var(--woo_col_gap);
    grid-row-gap: 35px;
}

@media only screen and (max-width: 999.98px) {
    body.woocommerce-page #main [class*="ct-container"] {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

/*Product Catalog*/
.woocommerce ul.products{padding-left: 0}

.woocommerce ul.products{
    padding:0;
    grid-column-gap:var(--woo_catalog_col_gap);
    grid-row-gap:70px;
}

.woocommerce ul.products li{margin-bottom: 0}

/*single product*/
.single-product.woocommerce div.product .woocommerce-product-gallery{
    width: var(--productImgWidth);
}

.single-product.woocommerce div.product .woocommerce-product-gallery .ct-image-container{
    background-color: whitesmoke;
}

.single-product.woocommerce div.product .woocommerce-product-gallery .ct-image-container img{
    aspect-ratio:4/3 !important;
    object-fit:cover;
    object-position:center;
}

.woocommerce.single-product .woocommerce-product-gallery .flexy-items{
    overflow: hidden;
}

/*.woocommerce.single-product .woocommerce-product-gallery .flexy-items .ct-image-container{
    border-radius: 0;
}

.woocommerce.single-product .woocommerce-product-gallery .flexy-pills .ct-image-container{border-radius: 0}*/

.single-product.woocommerce div.product .woocommerce-product-gallery .flexy-pills .ct-image-container img{
    aspect-ratio: 1/1 !important;
}

.single-product.woocommerce div.product .entry-summary{
    width: calc(100% - var(--productImgWidth));
    padding-left: var(--woo_col_gap);
}

@media (max-width: 999.98px){
    .single-product.woocommerce div.product .entry-summary{
        width: var(--productImgWidth);
        padding-left: 0;
    }
}

.woocommerce.single-product .woocommerce-tabs{padding-top:70px;}
/*
.woocommerce.single-product .woocommerce-tabs .tabs.wc-tabs{display: none !important}

.woocommerce.single-product .woocommerce-tabs .woocommerce-Tabs-panel{padding-top: 0 !important}*/

.woocommerce.single-product .woocommerce-tabs .woocommerce-Tabs-panel > .vc_row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: unset !important;
    width: unset !important;
}

.woocommerce.single-product .woocommerce-tabs .woocommerce-Tabs-panel > .vc_row:not(:last-of-type){margin-bottom: 35px}

.woocommerce.single-product article > .related{
    margin-top: 0;
    padding-top: 65px;
}

.woocommerce.single-product article > .related >h2{
    --fontSize: 30px;
    text-transform: capitalize;
    margin-bottom: 25px;
}

@media (max-width: 689.98px){
    .woocommerce.single-product article > .related >h2{
        --fontSize: 27px;
    }
}

/*Cart & Checkout*/
.woocommerce-cart article > .entry-content > *,
.woocommerce-checkout article > .entry-content > *{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.ct-woocommerce-cart-form{
    grid-column-gap: var(--woo_col_gap);
    grid-row-gap: 35px;
}

form.woocommerce-checkout {
    grid-column-gap: var(--woo_col_gap);
    grid-row-gap: 35px;
}

/*cart modal*/
.ct-cart-content .product_list_widget .product-data{
    font-size: 14px;
}

.ct-cart-content .product_list_widget .product-data .product-title{
    font-size: 16px;
}

/*My Account*/
.woocommerce-account article > .entry-content > *{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.woocommerce-MyAccount-navigation ul{padding-left: 0}

.woocommerce-account .ct-acount-nav{
    margin-inline-end: var(--woo_col_gap);
}

.woocommerce-account .ct-woo-unauthorized .woocommerce-form-login__rememberme{margin-bottom: 20px}

@media only screen and (max-width: 999.98px) {  
    .woocommerce-account .ct-acount-nav{
        --woo_col_gap: 30px;
    }
}

@media only screen and (max-width: 689.98px) {  
    .woocommerce-account .ct-acount-nav{
        margin-inline-end: 0;
    }
}

/*Post page*/
body.single-post article > .entry-content > :not(.alignfull):not(.alignleft):not(.alignright){
    width: 100%;
    max-width: 100%;
}

body.single-post article > .entry-content > [class*="vc"] {
    width: auto !important;
    max-width: unset !important;
}

/*body.single-post #main > [class*="ct-container"] {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media only screen and (max-width: 999.98px) { 
    body.single-post #main > [class*="ct-container"] {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}*/

/*Post grid*/
[data-prefix="blog"] .entries[data-layout*="grid"]{
    grid-gap: 70px var(--woo_catalog_col_gap);
}

/*Tablet & Mobile*/
/*Stop animation on mobile*/
@media only screen and (max-width: 999.98px) {
    /*  wpbakery animation off  */
    body .wpb_animate_when_almost_visible {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
    }
    /*  AOS plugin off  */
    html:not(.no-js) .aoswp-enabled [data-aos] {
        opacity: 1!important;
        -webkit-transform: none!important;
        transform: none!important;
        transition: none!important;
        transition-timing-function: unset!important;
        transition-duration: unset!important;
        transition-property: none!important;
    }
}


/*header*/
@media only screen and (max-width: 999.98px) {
    .mobile-menu{margin-bottom: 0 !important}

    .mobile-menu > ul{
        padding-left:0;
        border-top:none !important;
    }

    .mobile-menu > ul li.menu-item{margin-bottom: 0}

    .mobile-menu > ul[role="menubar"] > li.menu-item:last-child{border-bottom: none}

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

    .mobile-menu li.menu-item .sub-menu > li.menu-item{
        border-bottom: none;
    }

    .mobile-menu li.menu-item .sub-menu > li.menu-item a{
        position: relative;
        isolation: isolate;
    }

    .mobile-menu li.menu-item .sub-menu > li.menu-item a:before{display: none}

    .mobile-menu li.menu-item .sub-menu > li.menu-item a::after {
        content: '\f054';
        position: absolute;
        top: var(--menu-item-padding);
        left: -20px;
        display: block !important;
        z-index: -1;
        color: var(--customBodyText);
        font-family: var(--fontAwesome);
        font-weight: 900;
        font-size: 10px;
    }

    .mobile-menu [class*="children"] > ul{
        padding-left: 20px;
    }

/*    .mobile-menu li.menu-item .sub-menu > li.menu-item a:before{
        content:'\f105';
        position: absolute;
        top:50%;
        left: -20px;
        transform: translateY(-50%);
        width: auto;
        height: auto;
        background: none;
        display: block !important;
        font-weight: 900;
        font-size: 14px;
        font-family: var(--fontAwesome);
        color: inherit;
        opacity: 1;
    }*/
}

/*website Style*/
/*color text / heading */
.all-title{margin-bottom: 25px}

.black-text{color: var(--black);}
.white-text{color: var(--white);}
.blue-text{color: var(--blue);}
.red-text{color: var(--red);}

/*Alignment*/
.justify-text{text-align: justify;}

/*list in textblock*/
.wpb_text_column ul,
.wpb_text_column ol {margin-bottom: 20px}

/*Read More Button*/
.readmore{
    margin-bottom: 35px !important;
}

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

.readmore .vc_general.vc_btn3 {
    --btn-font-size:14px;
    --btn-line-height:calc( var(--btn-font-size)*1.3);
    --btn-radius:0;
    --border-color:var(--red);
    --bg-color:var(--red);
    --font-color:var(--white);
    --left:-100%;

    padding: 10px 20px;
    min-width: 120px;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-weight: 400;
    text-transform: initial;
    color: var(--font-color) !important;
    background-image: none !important;
    background: var(--bg-color) !important;
    border: none !important;
    border-radius: var(--btn-radius) !important;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
}

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

.readmore .vc_general.vc_btn3:before{
    content: '';
    position: absolute;
    top:0;
    left: var(--left);
    width: 100%;
    height: 100%;
    display: block !important;
    z-index:-1;
    background: var(--siteheadingtext);
    opacity: 0.3;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.readmore .vc_general.vc_btn3:after{
    content: '\f178';
    font-family: var(--fontAwesome);
    font-weight: 900;
    margin-left: 10px;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.readmore.green .vc_general.vc_btn3{
    --border-color:var(--green);
    --bg-color:var(--green);
    --font-color:var(--white);
}

.readmore.link .vc_general.vc_btn3{
    padding:0;
    background: none !important;
    --font-color: var(--red);
    min-width: unset;
}

.readmore.link .vc_general.vc_btn3:hover {
    --font-color: var(--blue);
}

.readmore.link.to-white .vc_general.vc_btn3:hover {
    --font-color: var(--white);
}

.readmore.link .vc_general.vc_btn3:before{
    display: none !important;
}

/*.readmore.link .vc_general.vc_btn3:hover:after{
    margin-left: 20px;
}*/

.readmore.link.white .vc_general.vc_btn3{
    --font-color: var(--white);
}

.readmore.link.white .vc_general.vc_btn3:hover {
    --font-color: var(--red);
}

.readmore.link.blue .vc_general.vc_btn3{
    --font-color: var(--blue);
}

.readmore.link.blue .vc_general.vc_btn3:hover {
    --font-color: var(--red);
}

.readmore.lightgray .vc_general.vc_btn3 {
    --bg-color:var(--greyBA);
}

/*make the row background image parallax*/
.fixed-bg{background-attachment: fixed;}

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

.grow-effect img {
    transform: scale(1);
    -webkit-transition: var(--imageTransition);
    transition: var(--imageTransition);
}

.grow-effect:hover img {
    transform: scale(1.05);
}

/*filter black and white*/
.img-filter-white img{
    filter: var(--filterWhite);
}

.img-filter-black img {
    filter: var(--filterBlack);
}

/*make image round or rounded*/
.round-image figure{
    overflow: hidden;
    border-radius: 50%;
}

.rounded-image figure{
    overflow: hidden;
    border-radius: 10px;
}

/******************* Custom CSS Starts Here ***********************/
/*header widget*/
.ct-header-text .entry-content{
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    gap:0 40px;
    flex-wrap: wrap;
    font-weight:400;
}

.ct-header-text .entry-content p{margin-bottom: 0}

.ct-header-text .entry-content:before,
.ct-header-text .entry-content:after{
    display: none !important;
}

#header-menu-1 ul.menu{gap:0 40px}

#header-menu-1 ul.menu > li.menu-item > a{
    padding:0;
    --menu-indicator-opacity:0;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

#header-menu-1 ul.menu > li.menu-item > a::after {
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    height: 5px;
    width: 100%;
}

#header-menu-1 ul.menu > li.menu-item:hover > a:after,
#header-menu-1 ul.menu > li[class*="current"] > a,
#header-menu-1 ul.menu > li[class*="current"] > .ct-sub-menu-parent {
    --menu-indicator-opacity:1;
}

#header-menu-1 ul.menu > li.menu-item:last-child > a{
    background: var(--red);
    padding:10px 20px;
    color: var(--white);
    font-weight: 400 !important;
    min-width: 120px;
    position:relative;
    isolation:isolate;
    overflow: hidden;
    --left:-100%;
}

#header-menu-1 ul.menu > li.menu-item:last-child:hover > a{
    --left:0;
}

#header-menu-1 ul.menu > li.menu-item:last-child > a:before{
    content: '';
    position: absolute;
    top:0;
    left: var(--left);
    width: 100%;
    height: 100%;
    display: block !important;
    z-index:-1;
    background: var(--siteheadingtext);
    opacity: 0.3;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

#header-menu-1 ul.menu > li.menu-item:last-child > a:after{display: none !important;}

#header-menu-1 ul.menu > li#menu-item-101.menu-item.menu-item-has-children > a{pointer-events: none}

@media only screen and (max-width: 1120px) {
    #header-menu-1 ul.menu{gap:0 20px}
}

/*mobile header*/
@media only screen and (max-width: 999.98px) {
    .mobile-menu > ul[role="menubar"] > li.menu-item  a{
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
        isolation: isolate;
        --opacity: 0;
    }

    .mobile-menu > ul[role="menubar"] > li.menu-item a:before{
        content: '';
        position: absolute !important;
        left: 0 !important;
        bottom: 7px;
        width: 100% !important;
        height: 0 !important;
        border-bottom: 2px solid var(--red);
        z-index: -1;
        opacity: var(--opacity) !important;
        top: unset !important;
        display: block !important;
        -webkit-transition: var(--allTransition);
        transition: var(--allTransition);
    }

    .mobile-menu > ul[role="menubar"] li.menu-item > a:hover,
    .mobile-menu > ul[role="menubar"] li[class*="current-menu-"] > a,
    .mobile-menu > ul[role="menubar"] li[class*="current-menu-"] > .ct-sub-menu-parent > a{
        --opacity: 1;
    }

    .ct-header-text .entry-content {
        justify-content: flex-start;
        gap:20px;
    }
}

#offcanvas .ct-panel-content{
    padding-left:0;
    padding-right: 0;
    padding-bottom: 0;
}

#offcanvas .ct-panel-content > *{
    padding-left:var(--panel-padding, 35px);
    padding-right: var(--panel-padding, 35px);
}

#offcanvas .ct-panel-content .ct-header-text {
    margin-top: auto;
    background: var(--blue) !important;
    padding-top: var(--panel-padding, 35px);
    padding-bottom: var(--panel-padding, 35px);
    width: 100%;
}

/*banner*/
/*.skew-shape{
    transform: skewX(-30deg) !important;
}
*/
/*.border-w5{border-width: 5px !important}*/

rs-fullwidth-wrap:not(#rev_slider_1_1_forcefullwidth) rs-slide rs-sbg-px{
    position: relative;
    isolation: isolate;
}

rs-fullwidth-wrap:not(#rev_slider_1_1_forcefullwidth) rs-slide rs-sbg-px:before{
    content: '';
    position:absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.00) 100%);
    opacity: 1;
    z-index: 1;
}

@media only screen and (max-width: 778px) {
    rs-fullwidth-wrap:not(#rev_slider_1_1_forcefullwidth) rs-slide rs-sbg-px:before{
        width: 100%;
    }
}

/*HOme*/
.home-about-section{
    padding-top: 70px !important;
    padding-bottom: 65px;
    position:relative;
    isolation: isolate;
}

.home-about-section:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #06163A 64.46%, rgba(6, 22, 58, 0.82) 78.65%, rgba(6, 22, 58, 0.59) 87.5%, rgba(6, 22, 58, 0.00) 100%);
    display: block !important;
    z-index: -1;
}

.home-about-icon-desc{padding-top: 30px}

.home-about-icon-desc > .wpb_column:nth-child(2n-1){
    position: relative;
    isolation: isolate;
}

.home-about-icon-desc > .wpb_column:nth-child(2n-1):after{
    content: '';
    position: absolute;
    top:50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 70px);
    background: var(--lightblue);
    z-index: -1;
    display: block !important;
}

.home-about-icon-desc > .wpb_column > .vc_column-inner{height: 100%}
.home-about-icon-desc > .wpb_column > .vc_column-inner > .wpb_wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding-top: 35px;
    border-bottom: 1px solid var(--lightblue);
}

.home-about-icon-desc > .wpb_column:nth-last-child(1) > .vc_column-inner > .wpb_wrapper,
.home-about-icon-desc > .wpb_column:nth-last-child(2) > .vc_column-inner > .wpb_wrapper{
    border-bottom: none;
}

.home-about-icon-desc .wpb_single_image{
    width: 100px;
    padding-right:15px;
}

.home-about-icon-desc .wpb_single_image img{
    width: auto;
    max-height: 70px;
}

.home-about-icon-desc .icon-desc-wrap{
    margin-left: 0;
    margin-right: 0;
    width: calc(100% - 100px);
}

.home-about-icon-desc .icon-desc-wrap > .wpb_column > .vc_column-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home-markets{
    padding-top: 100px;
}
.home-markets > .wpb_column:nth-child(1){padding-bottom: 65px}
.home-markets > .wpb_column:nth-child(2) .wpb_single_image{margin-bottom: 0}

.home-service-section{
    padding-top: 100px !important;
    padding-bottom: 65px;
}

.slide-service-inner{
    margin-left: auto;
    margin-right: 0;
    max-width: 500px;
    margin-bottom: 35px;
}

.slide-service-inner .wpb_column{
    aspect-ratio: 1/1;
}

.slide-service-inner .wpb_column > .vc_column-inner{
    padding:50px !important;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.slide-service-inner .wpb_column > .vc_column-inner > .wpb_wrapper{
    background: var(--blue);
    padding:35px 40px 1px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    overflow: inherit;
}

.slide-service-inner .service-img-in-mobile{display: none}

.home-video{
    padding-top: 35px;
    padding-bottom: 65px;
}

.video-max{
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}

.home-cta{
    padding-top:35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #939598;
}

.home-facilities-section{
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.home-facilities-title{
    position:absolute !important;
    top:-1px !important;
    left:0 !important;
    width:auto !important;
    z-index:2;
    background-color: var(--white);
    padding-right: 15px !important;
}

.home-facilities-title:after{
    content: '';
    position: absolute;
    left:100%;
    top:0;
    width: auto;
    height: 100%;
    aspect-ratio: 1/1;
    background: inherit;
    display:block !important;
    z-index: 1;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.home-facilities-title .all-title{
    margin:0;
    padding:15px 0;
    font-weight: 500;
}

.facilities-bg-row .wpb_single_image{margin-bottom: 0}

.facilities-bg-row{
    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: var(--black);
}

.facilities-bg-row > .wpb_column{height:100%;}

.facilities-bg-row > .wpb_column > .vc_column-inner{height:100%;}

.facilities-bg-row > .wpb_column > .vc_column-inner > .wpb_wrapper{
    position:relative;
    height:100%;
}

.facilities-bg-row .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;
}

.facilities-bg-row .wpb_single_image:not(:nth-child(1)){opacity:0;}

.facilities-bg-row .wpb_single_image > figure{
    height:100%;
    width:100%;
}

.facilities-bg-row .wpb_single_image > figure > .vc_single_image-wrapper{
    height:100%;
    width:100%;
} 

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

.home-facilities{min-height:600px}

.home-facilities > .wpb_column.vc_col-sm-3:not(:nth-child(4)){border-right: 1px solid var(--white);}

.home-facilities > .wpb_column > .vc_column-inner{
    padding:0 !important;
}

.home-facilities > .wpb_column > .vc_column-inner > .wpb_wrapper {
    padding: 35px 30px 0;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: rgba(217, 217, 217, 0.7);
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    flex: 0 1 150px;
}

.home-facilities > .wpb_column:hover > .vc_column-inner > .wpb_wrapper {
    background: var(--blue);
    flex: 0 1 400px;
}

.home-facilities .heading-html{margin-bottom: 20px}

.home-facilities .heading-html .number{
    color: var(--white);
    margin-bottom: 10px;
}

.home-facilities .wpb_text_column{
    flex: 0 0 auto;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    height: 0;
}

.home-facilities > .wpb_column:hover .wpb_text_column{
    flex: 0 1 auto;
    height: auto;
    margin-bottom: 35px;
}

.home-facilities .heading-html{
    flex: 0 1 auto;
}

.home-facilities .heading-html [data-rel]{
    color: var(--blue);
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    margin-bottom: 0;
    min-height:calc(20px*2.6);
    max-width:285px;
}

.home-facilities > .wpb_column:hover .heading-html [data-rel]{
    color: var(--white);
}

.home-facilities .wpb_text_column{color: var(--white);}

.home-facilities > .wpb_column .readmore {
    background: var(--white);
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 0 !important;
    width: calc(100% + 60px);
    max-width: unset;
    padding:0 30px;
    margin-top: 0;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
    flex: 0 0 auto;
    height: 0;
    opacity: 0;
}

.home-facilities > .wpb_column:hover .readmore {
    height: auto;
    flex: 0 1 auto;
    padding:20px 30px;
    margin-top: auto;
    opacity: 1;
}

.home-facilities > .wpb_column > .vc_column-inner > .wpb_wrapper > :not(.readmore) {width: 100%}

.home-facilities .fade-image-in-tablet{display: none}

.home-facilities .fade-image-in-tablet img{
    aspect-ratio: 483/293;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width: 1265px) {
    .home-facilities > .wpb_column > .vc_column-inner > .wpb_wrapper{
        flex: 0 1 181px;
    }    
}

@media only screen and (max-width: 999.98px) {
    .home-facilities .fade-image-in-tablet {
        display: block;
        margin-left: calc(-15px - var(--row-spacing));
        margin-right: calc(-15px - var(--row-spacing));
        width: auto !important;
    }

    .facilities-bg-row{display: none !important}

    .home-facilities > .wpb_column{width: 100%}

    .home-facilities > .wpb_column > .vc_column-inner > .wpb_wrapper{
        flex: 1;
        background: var(--blue);
        padding: 0  calc(var(--row-spacing) + 15px) 70px !important;
    }

    .home-facilities > .wpb_column:hover > .vc_column-inner > .wpb_wrapper {
        background: var(--blue);
        flex: 1;
    }

    .home-facilities .wpb_text_column{
        flex: 0 1 auto;
        height: auto;
        margin-bottom: 35px;
    }

    .home-facilities > .wpb_column:hover .wpb_text_column{
        flex: 0 1 auto;
        height: auto;
        margin-bottom: 35px;
    }

    .home-facilities .heading-html [data-rel] {
        color: var(--white);
    }

    .home-facilities > .wpb_column .readmore {
        background: none;
        height: auto;
        flex: 0 1 auto;
        padding:0 30px;
        margin-top: 0;
        opacity: 1;
    }

    .home-facilities > .wpb_column:hover .readmore {
        height: auto;
        flex: 0 1 auto;
        padding:0 30px;
        margin-top: 0;
        opacity: 1;
    }

    .home-facilities > .wpb_column .readmore .vc_general.vc_btn3{
        --font-color: var(--white);
    }

    .home-facilities > .wpb_column .readmore .vc_general.vc_btn3:hover{
        --font-color: var(--red);
    }
}

@media only screen and (max-width: 880px) {
    .home-service > .wpb_column{
        width: 100%;
    }

    .slide-service-inner .service-img-in-mobile{display: block}

    .slide-service-inner .service-img-in-mobile img{
        aspect-ratio: 430/268;
        object-fit: cover;
        object-position: center;
    }

    .slide-service-inner .wpb_column {
        aspect-ratio: unset;
    }

    .slide-service-inner {
        max-width: 100%;
        margin-bottom: 0;
        padding-top: 35px;
    }

    .slide-service-inner .wpb_column > .vc_column-inner {
        padding: 0 !important;
        border-radius: 0;
        background: none !important;
        margin-bottom: 35px;
    }

    .slide-service-inner .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding: 0;
        align-items: flex-start;
    }

    .slide-service-inner .wpb_text_column .wpb_wrapper *{
        text-align: justify !important;
    }

    .slide-service-inner .readmore.link .vc_general.vc_btn3 {
        --font-color: var(--white);
    }

    .slide-service-inner .readmore.link .vc_general.vc_btn3:hover {
        --font-color: var(--red);
    }

    .home-service-section {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .home-about-section {
        padding-top: 50px !important;
        padding-bottom: 100px;
        position: relative;
        isolation: isolate;
    }

    .home-about .wpb_text_column {
        text-align: justify;
    }

    .home-about-icon-desc > .wpb_column:nth-last-child(1) > .vc_column-inner > .wpb_wrapper,
    .home-about-icon-desc > .wpb_column:nth-last-child(2) > .vc_column-inner > .wpb_wrapper{
         border-bottom: 1px solid var(--lightblue);
    }

    .home-about-icon-desc {
        padding-top: 0;
    }

    .home-about-section:before {
        background-attachment: fixed;
    }

    .home-about-icon-desc > .wpb_column:nth-child(2n-1):after {
        display: none !important;
    }

    .home-about-icon-desc .wpb_single_image{
        width: 80px;
        padding-right:15px;
    }

    .home-about-icon-desc .wpb_single_image img{
        max-height: 60px;
    }

    .home-about-icon-desc .icon-desc-wrap{
        margin-left: 0;
        margin-right: 0;
        width: calc(100% - 80px);
    }

    .home-about-icon-desc .icon-desc-wrap .wpb_text_column {
        text-align: justify;
    }

    .home-markets {
        padding-top: 35px;
    }

    .home-markets.full-right-img-row {
        flex-direction: column;
    }

    .home-markets > .wpb_column:nth-child(1) {
        padding-bottom: 0;
        z-index: 3;
    }

    .home-markets > .wpb_column:nth-child(2) .vc_column-inner{
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right:  0 !important;
    }

    .home-markets > .wpb_column:nth-child(2) .wpb_single_image{
        width: 60%;
        margin-left: auto;
    }

    .home-markets > .wpb_column:nth-child(2) {
        margin-top: -73px;
    }

    .home-markets .wpb_text_column{text-align: justify;}

    .home-service-section {
        padding-top: 70px !important;
        padding-bottom: 0;
    }

    .home-service > .wpb_column:nth-child(1) .wpb_text_column{text-align: justify;}

    .home-facilities .wpb_text_column{text-align: justify;}

    .home-cta {
        padding-top: 35px;
        padding-bottom: 0;
    }

    .home-cta > .wpb_column > .vc_column-inner{padding-top: 0 !important}

    .home-cta .vc_custom_heading,
    .home-cta .readmore{
        text-align: center !important;
    }
}

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

#footer [data-row*="middle"] .ct-container [data-column*="widget-area-1"] .widget_media_image + .widget_text{margin-top: 20px}

#footer [data-row*="middle"] .ct-container [data-column*="widget-area-1"]  .widget_text .textwidget p{
    font-size: 20px;
    color: var(--siteheadingtext);
}

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

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

#footer [data-row*="middle"] .ct-container [data-column*="widget-area"]  .widget_text .textwidget :last-child{
    margin-bottom: 0;
}

#footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"]  .widget_text:first-child .add{
    display: inline-block;
    padding-right:3px;
}

#footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"]  .widget_text:nth-child(2) strong{
    font-weight: 600;
    color: var(--red);
}

#footer [data-row*="middle"] .ct-container [data-column*="widget-area"] .widget_nav_menu ul.widget-menu ul.sub-menu{display: none !important}

#footer [data-row*="middle"] .ct-container [data-column*="widget-area"] .widget_nav_menu ul.widget-menu li.menu-item:not(:last-child){margin-bottom: 10px}

#footer [data-row*="middle"] .ct-container [data-column*="widget-area-3"] .widget_nav_menu ul.widget-menu li.menu-item[class*="current"] > a,
#footer [data-row*="middle"] .ct-container [data-column*="widget-area-3"] .widget_nav_menu ul.widget-menu li.menu-item[class*="current"] > .ct-sub-menu-parent {
    font-weight: 600;
    color: var(--linkHoverColor);
}

@media only screen and (max-width: 999.98px) {
    #footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"]  .widget_text:first-child br{display:none !important;}

    #footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"]  .widget_text:nth-child(2) .textwidget{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap:20px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"]  .widget_text:nth-child(2) .textwidget p{margin-bottom: 0}

    #footer [data-row*="middle"] .ct-container [data-column*="widget-area"] .widget_nav_menu ul.widget-menu{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap:10px 10px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #footer [data-row*="middle"] .ct-container [data-column*="widget-area"] .widget_nav_menu ul.widget-menu li.menu-item:not(:last-child){
        margin-bottom: 0;
        padding-right: 10px;
        border-right: 1px solid var(--linkInitialColor);
    }
}

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

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

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

.about-vm-section .slick-dots {
    position: absolute;
    bottom: 100px;
    left: calc(100%*5/12 + 55px);
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 5px;
}

.about-vm-section .slick-dots li{
    margin-bottom: 0;
    font-size: 0;
}

.about-vm-section .slick-dots li button{
    color: transparent;
    background: var(--greyD9);
    width: 50px;
    height: 5px;
    overflow: hidden;
    font-size: 0;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    cursor: pointer;
}

.about-vm-section .slick-dots li:hover button,
.about-vm-section .slick-dots li.slick-active button{
    background: var(--red);
}

.about-vm-section .slick-track{
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.vm-row-slide,
.vm-row-slide.slick-slide {
    display: flex !important;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    max-height:515px;
}

.vm-row-slide > .wpb_column:nth-child(1) > .vc_column-inner,
.vm-row-slide > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper{height: 100%}

.vm-row-slide > .wpb_column:nth-child(1) .wpb_single_image,
.vm-row-slide > .wpb_column:nth-child(1) .wpb_single_image *{
    height: 100%;
}

.vm-row-slide > .wpb_column:nth-child(1) .wpb_single_image img{
    object-fit: cover;
    object-position: center;
}

.vm-row-slide > .wpb_column:nth-child(2){padding-bottom: 35px}

.vm-row-slide > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper{
    display: grid;
    grid-template-columns: auto 1fr;
    gap:0 30px;
    max-height:481px;
    overflow-y:scroll;
    padding-right:10px;
}

.vm-row-slide > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper ol{
    padding-left:30px;
}

.vm-row-slide > .wpb_column:nth-child(2) .wpb_single_image img{
    width: auto;
    max-height: 60px;
}

.vm-row-slide > .wpb_column:nth-child(2) .wpb_text_column{
    grid-column: 1/3;
}

.vm-row-slide > .wpb_column:nth-child(2) .all-title{
    margin-bottom: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.about-milestone{
    padding-top: 65px;
    padding-bottom: 30px;
    position: relative;
    isolation: isolate; 
}

.about-milestone:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    max-width: 1000px;
    height: auto;
    aspect-ratio: 1251/1124;
    background: url('./images/milestone-absolute-top.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: block !important;
    z-index: -1;
}

.about-milestone:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 43%;
    max-width: 800px;
    height: auto;
    aspect-ratio: 841/755;
    background: url('./images/milestone-absolute-bottom.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block !important;
    z-index: -1;
}

.about-milestone > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_custom_heading + .cool-timeline-wrapper{
    padding-top: 35px;
}

.vc_row .cool-timeline-wrapper{
    margin:0 auto 35px;
}

.vc_row .cool-timeline-wrapper .timeline-main-title{display:none}

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

.vc_row .cool-timeline-wrapper .content-title{display:none}

.vc_row .cool-timeline-wrapper .cool-timeline .cooltimeline_cont .timeline-post .timeline-content{
    background: var(--white) !important;
    padding:20px 15px;
}
.vc_row .cool-timeline-wrapper .cool-timeline{padding:0 !important}
.vc_row .cool-timeline-wrapper .cool-timeline .cooltimeline_cont{padding:0 !important}

.vc_row .cool-timeline-wrapper .cool-timeline:before {
    -moz-border-radius: 0;
    border-radius: 0;
    margin-left: -1px;
    width: 2px;
    /*top: calc(100%/16 - 35px);*/
    /*height: calc(100%*7/8 + 70px);*/
}

.timeline-content .full-width .glightbox{pointer-events: none;}

.timeline-content .full-width .glightbox img {
	margin: 0 !important;
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.timeline-content .content-details {
    padding: 0 !important;
    text-align: left !important;
}

.timeline-content .content-details > *{
    font-family: var(--fontFamily) !important;
}

.timeline-content .content-details p{
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

.timeline-content .content-details > :first-child {
    font-size: 20px !important;
}


.timeline-content .content-details > :last-child{margin-bottom: 0 !important;}

.timeline-content .content-details strong{
    font-weight: 700 !important;
}

.timeline-content > .ctl_info {
    display: grid !important;
    grid-template-columns: 30% 1fr;
    grid-gap: 20px 20px;
}

.cool-timeline .timeline-post{
    position: relative;
    margin-bottom:35px !important;
}

.cool-timeline .timeline-post .icon-dot-full{border:2px solid var(--white);}

.cool-timeline .timeline-post.even .icon-dot-full{
    left: 0;
    top: 50%;
    margin: -10px 0 0 -10px;
}

.cool-timeline .timeline-post.odd .icon-dot-full{
    left: 100%;
    top: 50%;
    margin: -10px 0 0 -10px;
}

.about-market{
    padding-top:100px;
}
.about-market > .wpb_column:nth-child(1){padding-bottom: 65px}
.about-market > .wpb_column:nth-child(2) .wpb_single_image{margin-bottom: 0}
 
.about-market > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper > .wpb_text_column{width: calc(100% + var(--gaps)*2 - var(--vc_col_gap));}

.market-inner .wpb_single_image{margin-bottom: 20px}

.market-inner .wpb_single_image img{
    width: auto;
    max-height: 60px;
}

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

    .vm-row-slide > .wpb_column:nth-child(2) {
        padding-bottom: 0;
    }

    .about-vm-section{
        padding-bottom: 0;
    }

    .vm-row-slide{
        padding-bottom: 100px;
    }
    
    .vm-row-slide,
    .vm-row-slide.slick-slide {
        max-height:unset;
    }
    
    .vm-row-slide > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper{
        max-height:unset;
        overflow:auto;
        padding-right:0;
    }
}

@media only screen and (max-width: 768px) {
    .home-about-section.about-main-section {
        padding-top: 70px !important;
        padding-bottom:35px !important;
    }

    .about-vm-section {
        padding-top: 70px !important;
    }

    .vm-row-slide {
        padding-bottom: 35px;
    }

    .vm-row-slide > .wpb_column:nth-child(1) .wpb_single_image{height: auto}

    .vm-row-slide > .wpb_column:nth-child(1) .wpb_single_image img{
        aspect-ratio: 430/231;
    }

    .vm-row-slide > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper {
        gap: 0 20px;
    }

    .vm-row-slide > .wpb_column:nth-child(2) .wpb_single_image img {
        width: auto;
        max-height: 50px;
    }

    .vm-row-slide > .wpb_column:nth-child(2) .wpb_text_column {
        margin-top: -10px;
        text-align: justify;
    }

    .about-milestone {
        padding-top: 35px;
        padding-bottom: 30px;
    }

    .about-milestone > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_custom_heading + .cool-timeline-wrapper {
        padding-top: 0;
    }

    .vc_row .cool-timeline-wrapper .cool-timeline:before {
        display: none !important;
    }

    .cool-timeline .timeline-post.odd .icon-dot-full{display: none !important;}
    .cool-timeline .timeline-post.even .icon-dot-full{display: none !important;}

    .cool-timeline .timeline-post.odd,
    .cool-timeline .timeline-post.even{
        padding:0 !important;
        margin-bottom: 35px !important;
    }

    .timeline-content .full-width .glightbox{
        display: block;
        height: 100%;
    }

    .timeline-content .full-width .glightbox img{
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .about-market{padding-top: 70px;}

    .about-market.full-right-img-row {
        flex-direction: column;
    }

    .about-market > .wpb_column > .vc_column-inner{padding-top: 0 !important}

    .about-market > .wpb_column:nth-child(1) {
        padding-bottom: 0;
    }

    .about-market > .wpb_column:nth-child(2){
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .about-market > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
        width: 100%;
        text-align: justify;
    }

    .about-market > .wpb_column:nth-child(2) .wpb_single_image{
        width: 60%;
        margin-left: auto;
    }

    .market-inner .wpb_single_image img {
        width: auto;
        max-height: 50px;
    }

    .market-inner{
        display: grid !important;
        grid-template-columns: repeat( auto-fit, minmax(146px, 1fr) );
    }

/*    .market-inner > .wpb_column{
        width: 100%;
    }*/
}

/*capabilities*/
.capabilities-row > .wpb_column:first-child .wpb_single_image *,
.capabilities-row > .wpb_column:last-child .wpb_single_image *{
    display: inherit;
}

.capabilities-row > .wpb_column:first-child .wpb_single_image img,
.capabilities-row > .wpb_column:last-child .wpb_single_image img{
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    object-position: center;
}

.capabilities-section .capabilities-row > .wpb_column{
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.capabilities-section .capabilities-row:nth-child(1) > .wpb_column:last-child:before {
    content: '';
    position: absolute;
    bottom: -35px;
    right: -4.5%;
    width: auto;
    height: 100%;
    background: url('./images/dfm-stroke.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block !important;
    z-index: -1;
    aspect-ratio: 689/643;
}

.capabilities-section .capabilities-row:nth-child(2) > .wpb_column:first-child:before {
    content: '';
    position: absolute;
    top:50%;
    left: -9%;
    transform: translateY(-50%);
    width: auto;
    height: 89%;
    background: url('./images/rapid-stroke.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block !important;
    z-index: -1;
    aspect-ratio: 1/1;
}

.capabilities-section .capabilities-row:nth-child(3) > .wpb_column:last-child:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -3%;
    transform: translateY(-50%);
    width: auto;
    height: 115%;
    background: url('./images/process-validation-stroke.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block !important;
    z-index: -1;
    aspect-ratio: 796/801;
}

.capabilities-section .capabilities-row:nth-child(4) > .wpb_column:first-child:before {
    content: '';
    position: absolute;
    top: 35px;
    left: -5%;
    width: auto;
    height: 100%;
    background: url('./images/enginerring-analysis-stroke.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block !important;
    z-index: -1;
    aspect-ratio: 687/653;
}

.capabilities-section .capabilities-row:nth-child(5) > .wpb_column:last-child:before {
    content: '';
    position: absolute;
    top: 35px;
    right: -5%;
    width: 65%;
    height: auto;
    background: url('./images/contract-manufacturing-stroke.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block !important;
    z-index: -1;
    aspect-ratio: 1/1;
}

.capabilities-section .capabilities-row:nth-child(6) > .wpb_column:first-child:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -6%;
    transform: translateY(-50%);
    width: auto;
    height: 90%;
    background: url('./images/logistics- distribution-stroke.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block !important;
    z-index: -1;
    aspect-ratio: 1/1;
}

@media only screen and (max-width: 768px) {
    .capabilities-section{
        padding-top:70px;
        padding-bottom: 35px;
    }

    .capabilities-row{margin-bottom: 35px} 

    .capabilities-section .capabilities-row:nth-child(1) > .wpb_column:last-child:before{
        bottom: 0;
    }

    .capabilities-section .capabilities-row:nth-child(2) > .wpb_column:first-child:before {
        top: 10%;
        left: 2%;
        transform: none;
        width: 60%;
        height: auto;
    }

    .capabilities-section .capabilities-row:nth-child(3) > .wpb_column:last-child:before {
        content: '';
        position: absolute;
        top: 100%;
        right: -10%;
        transform: translateY(-100%);
    }

    .capabilities-section .capabilities-row:nth-child(4) > .wpb_column:first-child:before {
        top: 20px;
        left: auto;
        right: 15px;
    }

    .capabilities-section .capabilities-row:nth-child(5) > .wpb_column:last-child:before {
        content: '';
        position: absolute;
        top: auto;
        right: 15px;
        width: auto;
        height: 100%;
        bottom: 0;
    }

    .capabilities-section .capabilities-row:nth-child(6) > .wpb_column:first-child:before {
        content: '';
        position: absolute;
        top: 62%;
        left: auto;
        right: -3%;
        transform: translateY(-50%);
        width: 52%;
        height: auto;
    }
}

/*Qualtity*/
.quality-main{
    padding-top: 65px;
    padding-bottom: 65px;
}

.quality-cert-section{
    padding-top: 100px;
}

.quality-cert-row{padding-bottom: 65px}

.quality-cert-row > .wpb_column > .vc_column-inner > .wpb_wrapper{overflow: hidden;}

.quality-cert-row .all-title{
    position: relative;
    isolation: isolate;
    display: inline-block;
}

.quality-cert-row .all-title:after{
    content: '';
    position: absolute;
    width: 9999px;
    left: calc(100% + 30px);
    top: 50%;
    height: 1px;
    background: var(--grey888);
    display: block !important;
    z-index: -1;
}

.quality-cert-row .all-title + .cert-list-inner{
    padding-top: 10px;
}

.cert-list-inner .wpb_single_image + .wpb_text_column{
    margin-top: -15px;
}

#sirim .cert-list-inner .wpb_single_image img{
    width: auto;
    max-height: 120px;
}

#international-compliance .cert-list-inner .wpb_single_image img{
    width: auto;
    max-height: 77px;
}

#environmental-compliance .cert-list-inner .wpb_single_image img{
    width: auto;
    max-height: 80px;
}

@media only screen and (max-width: 768px) {
    .quality-main {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .quality-cert-section {
        padding-top: 70px;
    }

    .quality-cert-row .cert-list-inner{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .quality-cert-row .cert-list-inner > .wpb_column{
        width: 50%;
        flex-basis: 50%;
    }

    #international-compliance .cert-list-inner .wpb_single_image img {
        width: 100%;
        height: 70px;
        object-fit: contain;
        object-position: center;
    }

    .quality-cert-row {
        padding-bottom: 35px;
    }

/*    .quality-cert-row .all-title:after {
        display: none !important;
    }*/
}

@media only screen and (max-width: 480px) {
    .quality-cert-row .all-title{
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
    }
}

/*facility*/
.facility-main{
    padding-top:100px;
    padding-bottom: 65px;
    border-bottom: 1px solid var(--grey888);
}

.facility-row-desc{
    padding-top: 100px;
    padding-bottom: 65px;
    position: relative;
    isolation: isolate;
}

.facility-row-desc:before{
    content: '';
    position: absolute;
    width: calc(100% - var(--inbox)*2);
    height: 1px;
    background: var(--grey888);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
    z-index:-1;
}

.facility-list-section > .facility-row-desc:last-child:before{display: none !important}

.facility-row-desc > .wpb_column:nth-child(1) .wpb_single_image{
    display: block;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.facility-row-desc > .wpb_column:nth-child(1) .wpb_single_image:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 60px solid var(--white);
    border-left: 90px solid transparent;
    display: block !important;
}

.facility-row-desc > .wpb_column:nth-child(1) .wpb_single_image *{
    display: inherit;
}

.facility-row-desc > .wpb_column:nth-child(1) .wpb_single_image img{
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: center;
}

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

    .facility-main {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .facility-row-desc {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .facility-row-desc > .wpb_column:nth-child(1) .wpb_single_image img{
        aspect-ratio: 431/231;
        object-fit: cover;
        object-position: center;
    }

    .facility-row-desc > .wpb_column:nth-child(1) .wpb_single_image::after {
        border-top: 45px solid var(--white);
        border-left: 60px solid transparent;
    }
}

/*contact*/
.contact-main.fill-all-col-row >.wpb_column > .vc_column-inner{
    padding-top: 100px !important;
    padding-bottom: 65px !important;
}

.wpb_single_image.company-logo{margin-bottom: 20px}
.wpb_single_image.company-logo img{
    width: auto;
    max-height: 70px;
}

.company-name h5{
    font-weight: 600;
}

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

.address-block .add{
    display: inline-block;
    padding-right: 3px;
}

.contact-info strong,
.working-hour strong{
    font-weight: 600;
}

.contact-info > .wpb_wrapper p{
    margin-bottom: 0;
}

.working-hour table{
    width: auto;
    border:none;
}

.working-hour table tr td{
    padding:0;
    position: relative;
    isolation: isolate;
    border:none;
}

/*.working-hour table tr:last-child td{
    padding-bottom: 0;
}*/

.working-hour table tr td:first-child{
    padding-right:20px;
}

.working-hour table tr td:first-child:after{
    content: ':';
    position: absolute;
    top:0;
    right:9px;
}

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

.contact-form .wpcf7-form .form #msg{grid-column: 1/3}


.contact-form .wpcf7-form .wpcf7-response-output {
    color: var(--white);
}

.contact-form .wpcf7-form .form input,
.contact-form .wpcf7-form .form textarea{
    border-color:var(--white);
}


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

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

@media only screen and (max-width: 768px) {
    .contact-main.fill-all-col-row > .wpb_column > .vc_column-inner {
        padding-top: 70px !important;
        padding-bottom: 35px !important;
    }

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

    .contact-info > .wpb_wrapper{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        gap:20px;
    }

    .contact-form .wpcf7-form .form{
        display: grid;
        grid-template-columns: 1fr;
    }

    .contact-form .wpcf7-form .form #msg {
        grid-column: 1/2;
    }
}

/*Career*/
.career-main{
    padding-top: 100px;
    padding-bottom: 65px;
    border-bottom: 1px solid var(--grey888);
}

.career-list{
    padding-top: 30px;
    padding-bottom: 30px;
}

.career-grid .vc_grid-item{
    padding-top: 70px !important;
    padding-bottom: 35px !important;
    position: relative;
    isolation: isolate;
}

.career-grid .vc_grid-item:before{
    content: '';
    position: absolute;
    width: 9999px;
    background:var(--greyD9);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
    z-index: -1;
}

.career-grid .vc_grid-item:last-child:before{display: none !important}

.career-grid .vc_grid-item .vc_gitem-animated-block{display: none}

.career-grid .vc_grid-item .all-title.vc_gitem-post-data-source-post_title *{
    color: inherit;
    margin-bottom: 0;
}

.career-grid .vc_grid-item .vc_gitem-post-data-source-post_excerpt{
    margin-bottom: 35px;
}

.career-grid .vc_grid-item .vc_gitem-post-data-source-post_excerpt :last-child{margin-bottom: 0 !important}

.career-grid .vc_grid-item .readmore{margin-bottom: 0 !important}

.career-grid .vc_grid-item .vc_gitem-zone .vc_gitem-col{
    padding:0 !important;
    display:grid;
    grid-gap: 0 var(--woo_col_gap);
    grid-template-columns: 25% 1fr;
    grid-template-rows: auto 1fr;
}

.career-grid .vc_grid-item .vc_gitem-post-data-source-post_excerpt{
    grid-area: 1 / 2 / 3 / 3;
}

.career-apply-main{
    padding-top: 70px;
    padding-bottom: 35px;
    border-bottom: 1px solid var(--grey888);
}

.career-apply-desc-section{
    padding-top: 100px;
    padding-bottom: 65px;
}

.career-apply-main > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-end;
    gap:10px;
}

.apply-form{
    border-top: 1px solid var(--grey888);
    padding-top: 100px;
    padding-bottom: 65px;
}

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


.apply-form .wpcf7-form .form #name{grid-column: 1/3}
.apply-form .wpcf7-form .form #phone{grid-column: 3/5}
.apply-form .wpcf7-form .form #email{grid-column: 5/7}
.apply-form .wpcf7-form .form #job{grid-column: 1/4}
.apply-form .wpcf7-form .form #resume{
    grid-column: 4/7;
    height: 40px;
}

.apply-form .wpcf7-form .form #resume .wpcf7-not-valid-tip{display: inline-block;}

.apply-form .wpcf7-form .form #msg{grid-column: 1/7}

.apply-form .wpcf7-form #send{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap:20px;
}

.apply-form .wpcf7-form #send > *{ flex:1 1 auto }

.apply-form .wpcf7-form #send .back-btn{
    --btn-radius:0;
    --border-color: var(--red);
    --bg-color:var(--white);
    --font-color:var(--red);
    --left:-100%;

    padding: 10px 20px;
    min-width: 120px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: initial;
    color: var(--font-color) !important;
    background: var(--bg-color) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--btn-radius) !important;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
    text-align: center;
}

.apply-form .wpcf7-form #send .back-btn i{margin-left: 5px}

.apply-form .wpcf7-form #send .back-btn:before{
    content: '';
    position: absolute;
    top:0;
    left: var(--left);
    width: 100%;
    height: 100%;
    display: block !important;
    z-index:-1;
    background: var(--red);
    opacity: 1;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    filter: none;
    right: unset;
    bottom: unset;
    border-radius: 0;
}

.apply-form .wpcf7-form #send .back-btn:hover{
    --left:0;
    --font-color:var(--white);
}

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

    .career-main {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .career-list {
        padding-top: 0;
        padding-bottom: 0;
    }

    .career-grid .vc_grid-item .vc_gitem-zone .vc_gitem-col {
        grid-gap: 0 var(--woo_col_gap);
        grid-template-columns: 100%;
        grid-template-rows: auto;
    }

    .career-grid .vc_grid-item .vc_gitem-post-data-source-post_excerpt {
        grid-area: unset;
        text-align: justify;
    }

    .career-grid .vc_grid-item {
        padding-bottom: 70px !important;
    }

    .career-main .wpb_text_column{
        text-align: justify;
    }

    .career-list .career-grid{margin-bottom: 0}

/*    .career-apply-main {
        padding-top: 70px;
        padding-bottom: 35px;
    }*/
    
    .career-apply-main > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper{
        justify-content:flex-start;
        flex-wrap:wrap;
    }

    .career-apply-main .readmore{
        text-align: left !important;
    }

    .career-apply-desc-section {
        padding-top: 70px;
        padding-bottom: 35px;
    }

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

    .apply-form .wpcf7-form .form {
        grid-template-columns: 1fr;
    }

    .apply-form .wpcf7-form .form #name,
    .apply-form .wpcf7-form .form #phone,
    .apply-form .wpcf7-form .form #email,
    .apply-form .wpcf7-form .form #job,
    .apply-form .wpcf7-form .form #resume,
    .apply-form .wpcf7-form .form #msg{
        grid-column: unset;
    }

    .apply-form .wpcf7-form .form #resume{
        height: auto;
    }

    .apply-form .wpcf7-form #send{
        flex-wrap: wrap;
    }

    .apply-form .wpcf7-form #send > * {
        flex: 1 1 100%;
    }

}

/*gallery page*/
.gallery-main-list{
    padding-top: 100px;
    padding-bottom: 65px;
}

/*post catalog blocksy card*/
[data-prefix="blog"] .entry-card {
    padding-bottom: 0 !important;
}

[data-prefix="blog"] .entry-card:nth-child(6n),
[data-prefix="blog"] .entry-card:nth-child(6n-1),
[data-prefix="blog"] .entry-card:nth-child(6n-2){
    justify-content: flex-end;
    margin-top: calc(-19% - 70px);
}

[data-prefix="blog"] .entry-card .ct-image-container{
    margin-bottom: 20px !important;
}

[data-prefix="blog"] .entry-card:nth-child(3n+2) .ct-image-container img{
    aspect-ratio: 518/557 !important;;
}

[data-prefix="blog"] .entry-card:nth-child(6n+3) .ct-image-container img,
[data-prefix="blog"] .entry-card:nth-child(6n+4) .ct-image-container img{
    aspect-ratio: 518/463 !important;;
}

[data-prefix="blog"] .entry-card .entry-title{
    margin-top: 0 !important;
}

[data-prefix="blog"] .entry-card .entry-button{
    padding: 0;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: initial;
    color: var(--blue) !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    min-height: 0;
    margin-top: 0;
}

[data-prefix="blog"] .entry-card .entry-button:after{
    content: '\f178';
    font-family: var(--fontAwesome);
    font-weight: 900;
    margin-left: 10px;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

[data-prefix="blog"] .entry-card:hover .entry-button{
    color: var(--red) !important;
}

/*career,gallery post type*/
body.single.single-career,body.single.single-post{
    --row-spacing-post: 0;
    --container-width: calc(100% - var(--row-spacing-post)*2);
}


/*gallery-post*/
.gallery-main-title{
    padding-top: 100px;
    padding-bottom: 35px;
    border-bottom: 1px solid var(--grey888);
}

.gallery-section{
    padding-top: 100px !important;
}

.gallery-summary{margin-bottom: 35px}

.gallery-summary > .wpb_column:nth-child(2) > .vc_column-inner{
    padding-top: 35px !important;
}

.gallery-block{padding-bottom: 65px}

.vc_media_grid .vc_gitem-animate-scaleIn .vc_gitem-zone-a{
    -webkit-transition: var(--imageTransition);
    -moz-transition: var(--imageTransition);
    -o-transition: var(--imageTransition);
    transition: var(--imageTransition);
}

@media only screen and (max-width: 999.98px) {
    [data-prefix="blog"] .entry-card:nth-child(6n),
     [data-prefix="blog"] .entry-card:nth-child(6n-1),
      [data-prefix="blog"] .entry-card:nth-child(6n-2) {
        justify-content: flex-end;
        margin-top: 0;
    }

    [data-prefix="blog"] .entry-card .ct-image-container img,
    [data-prefix="blog"] .entry-card:nth-child(3n+2) .ct-image-container img,
    [data-prefix="blog"] .entry-card:nth-child(6n+3) .ct-image-container img,
    [data-prefix="blog"] .entry-card:nth-child(6n+4) .ct-image-container img{
        aspect-ratio: 1/1 !important;;
    }
}

@media only screen and (max-width: 768px) {
    .gallery-main-list {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    [data-prefix="blog"] .entry-card .ct-image-container img,
    [data-prefix="blog"] .entry-card:nth-child(3n+2) .ct-image-container img,
    [data-prefix="blog"] .entry-card:nth-child(6n+3) .ct-image-container img,
    [data-prefix="blog"] .entry-card:nth-child(6n+4) .ct-image-container img{
        aspect-ratio: 431/230 !important;;
    }

    .gallery-main-title {
        padding-top: 70px;
        padding-bottom: 0;
    }

    .gallery-section {
        padding-top: 35px !important;
    }

    .gallery-summary > .wpb_column:nth-child(2) > .vc_column-inner {
        padding-top: 0 !important;
    }

    .gallery-block {
        padding-bottom: 35px;
    }

    .gallery-grid-block .vc_pageable-slide-wrapper .vc_grid-item {
        width: 33.33333333%;
        display: inline-block !important;
        padding-right: 10px;
    }

    .gallery-grid-block .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
        margin-right: -10px !important;
    }
}

/*service*/
.service-detail{
    padding-top: 100px !important;
    position: relative;
    isolation: isolate;
}

.service-detail > .wpb_column > .vc_column-inner{padding-top: 0 !important}

.service-detail.full-left-img-row > .wpb_column:first-child .wpb_single_image,
.service-detail.full-right-img-row > .wpb_column:last-child .wpb_single_image{
    margin-bottom: 0;
    position: relative;
    isolation: isolate;
} 

.service-detail.full-left-img-row > .wpb_column:first-child .wpb_single_image:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 70px solid var(--white);
    border-left: 70px solid transparent;
    display: block !important;
}

.service-detail.full-right-img-row > .wpb_column:last-child .wpb_single_image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 70px solid var(--blue);
    border-right: 70px solid transparent;
    display: block !important;
}

.service-detail.full-left-img-row:after{
    content: '';
    position: absolute;
    top:30px;
    right: 30px;
    width: clamp(0px, 20%, 300px);
    height: auto;
    aspect-ratio: 348/243;
    background-image: url('./images/service-left-absolute.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block !important;
    z-index: -1;
}

.service-detail.full-right-img-row:after{
    content: '';
    position: absolute;
    bottom:20px;
    left: -30px;
    width: clamp(0px, 20%, 300px);
    height: auto;
    aspect-ratio: 376/344;
    background-image: url('./images/service-right-absolute.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block !important;
    z-index: -1;
}

/*.service-detail.full-left-img-row > .particle-col {
    width: clamp(0px, 30%, 460px);
    height: 100%;
    padding: 0 !important;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    opacity: 1;
}

.service-detail.full-left-img-row > .particle-col *{height: 100%}

.particle-col .wpb_raw_code{margin-bottom: 0}*/

@media only screen and (max-width: 768px) {
    .service-detail {
        padding-top: 0px !important;
        margin-bottom: 35px !important;

    }

    .vc_row:not(.service-detail) + .service-detail{margin-top: 70px}

    .service-detail.full-left-img-row > .wpb_column:first-child,
    .service-detail.full-right-img-row > .wpb_column:last-child{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .service-detail.full-left-img-row > .wpb_column:first-child .wpb_single_image,
    .service-detail.full-right-img-row > .wpb_column:last-child .wpb_single_image{
        margin-bottom: 35px;
    }

    .service-detail .wpb_text_column{text-align: justify;}

    .service-detail.full-left-img-row:after {
        content: '';
        position: absolute;
        top: 54%;
        right: 30px;
        width: clamp(0px, 35%, 300px);
        transform: translateY(-50%);
    }

    .service-detail.full-left-img-row > .wpb_column:first-child .wpb_single_image:after {
        border-top: 50px solid var(--white);
        border-left: 50px solid transparent;
    }

    .service-detail.full-right-img-row > .wpb_column:last-child .wpb_single_image:after {
        border-top: 50px solid var(--white);
        border-right: 50px solid transparent;
    }

    .service-detail.full-right-img-row:after {
        display: none !important;
    }
}



.about-about-icon-desc > .wpb_column > .vc_column-inner > .wpb_wrapper > *{
    width:calc(100%/3);
    flex-basis:calc(100%/3);
    margin-left:0;
    margin-right:0;
    height: 100%;
    display: flex;
    padding-top:35px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.about-about-icon-desc > .wpb_column > .vc_column-inner > .wpb_wrapper > :not(:nth-child(3n)){
    border-right: 1px solid var(--lightblue);
}

.about-about-icon-desc .icon-desc-wrap > .wpb_column > .vc_column-inner > .wpb_wrapper > :last-child{margin-bottom:35px;}

@media only screen and (max-width: 768px) {
    
    .about-about-icon-desc > .wpb_column > .vc_column-inner > .wpb_wrapper{padding-top:0;}
    
    .about-about-icon-desc > .wpb_column > .vc_column-inner > .wpb_wrapper > * {
    	width: 100%;
    	flex-basis: 100%;
    	padding-top: 35px;
    	height: auto;
    }
    
    .about-about-icon-desc > .wpb_column > .vc_column-inner > .wpb_wrapper > :not(:nth-child(3n)){
        border-right: none;
    }
    
    .about-about-icon-desc > .wpb_column > .vc_column-inner > .wpb_wrapper > :not(:last-child){
        border-bottom: 1px solid var(--lightblue);
    }
}

.serv-det-title {
	font-size:25px;
    font-weight:700;
    color:#231F20 !important;
}

.serv-det-table {
    max-width:800px;
    margin-inline:auto;
}

.text-just {
	text-align:justify;
}

.serv-det-subtitle {
	font-size:20px;
    font-weight:700;
}

.row-gap {
	padding-top:var(--row-gap) !important;
    padding-bottom:calc(var(--row-gap) - 35px) !important;
}

.row-gap-equal {
	padding-top:var(--row-gap) !important;
    padding-bottom:var(--row-gap) !important;
}

.row-gap-b {
    padding-bottom:calc(var(--row-gap) - 35px) !important;
}

.serv-det-spec-row img {
    aspect-ratio:16/9;
    object-fit:cover;
    width:100%;
    height:auto;
    border-radius:15px;
}

.serv-det-gallery-row img {
	aspect-ratio:4/3;
    object-fit:cover;
    width:100%;
    
}

.mb-10 {
	margin-bottom:10px !important
}

.bot-sec-line {
    position:relative;
}

.bot-sec-line:not(:last-child):before {
	content:'';
    display:block;
   	position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%, -50%);
    height:1px;
    width:min(80%, 800px);
    background-color:#5E5E5E;
    
}

.serv-det-small-title {
    font-size:18px;
    font-weight:600;
}

.zoom-effect > .vc_figure {
    overflow:hidden !important;
}

.zoom-effect > .vc_figure img {
    transition:transform 0.3s ease ;
}

.zoom-effect > .vc_figure:hover img {
    transform: scale(1.1);
}

.serv-det-main-sec {
    margin-top:0 !important;
}

.serv-det-width {
    max-width:1000px !important;
    margin-inline:auto;
}

.serv-det-icons img {
	max-width:65px;
    max-height:65px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.serv-det-spec-row > div > div > .wpb_wrapper {
    background-color: #fafafa;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #06163a;
    height:100%;
}

.serv-det-spec-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 30px;    
    align-items: stretch;
}

.mb-0 {
	margin-bottom:0 !important;
}

@media only screen and (max-width:999.98px) {
    .serv-det-spec-row > div {
        width: 50%;
    }
}


@media only screen and (max-width:767.98px) {
    .serv-det-spec-row > div {
        width: 100%;
    }
}

.serv-det-spec-row .wpb_text_column li:not(:last-child) {
    margin-bottom: 5px !important;
}

.serv-det-spec-row .wpb_text_column p:has(+ ul) {
    margin-bottom: 10px !important;
}

.serv-det-spec-row {
	margin-bottom:35px;
}