/*written by Inspiren - CSK 2024*/
/*updated May 2024 with wpbakery 7.5*/

/*---------------------------------------------------------------*/

/*Font face*/
/*@font-face {
    font-family:century-gothic;
    font-weight: 400;
    src: url('./fonts/Century-Gothic.otf')format("opentype");
}

@font-face {
    font-family:century-gothic;
    font-weight: 700;
    src: url('./fonts/Century-Gothic-Bold.otf')format("opentype");
}*/

@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");
}


/*Customized widget - Floating Buttons (HTML)*/
.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: #4F6ACA;
    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 trigger*/
@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: 767.98px) {
    .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;
    }
}

/*float icons tool tips*/
#side-contact .tooltips {
    position: fixed;
    bottom: 145px;
    right: 19px;
    background: #fafafa;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    z-index: 9999;
    padding: 35px 15px 15px;
    max-width: 271px;
    border-radius: 1em;
    animation-name: float-appear;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /*animation-direction: forwards;*/
    opacity: 0;
}

#side-contact .tooltips p:last-of-type {
    margin-bottom: 0;
}

#side-contact .tooltips .close {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 20px;
}

@keyframes float-appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

@media only screen and (max-width: 767.98px) {
    #side-contact .tooltips {
        bottom: 70px;
        right: 15px;
    }
}

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

    /*  site color  */
    --black: #000;
    --white: #fff;

    --greydb: #DBDBDB;
    --blue: #203864;
    --red: #B6272D;

    /*  Form Placeholder color  */
    --placeholder: rgb(56,56,56,0.75);

    /*  filter image  */
    --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: 85px;
    --theme-container-width: 100%;
    --theme-normal-container-max-width: calc(100% - (var(--row-spacing) + 15px)*2);


    /*initial limited width*/
    --max-width: ;
    --initial-max-width: var(--max-width, 1000px);

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

    /*row gap for post type(not page), vc_row*/
    --row-gap: 100px;

    /*  Woocomerce layout with sidebar gap */
    --sidebar-col-gap: 90px;

    /*catalog gap */
    --catalog-col-gap: 15px;


    /*  woocommerce catalog ratio */
    --post-img-ratio: 1/1;

    /* single product max gallery width  */
    --productImgWidth: max(300px, 50%);

    /* post type catalog img */
    --feature-img-ratio: 1/1;

    /*  Header root - PLS do not touch this, fix for default  */
    --menu-items-spacing: 25px;

    /*  The website main button - wpbakery button, blocksy, woocom */
    --btn-font-size: 14px;
    --btn-line-height: calc(var(--btn-font-size)*1.3);
    --btn-radius: 0;
    --btn-border: #fff;
    --btn-bg-color: var(--red);
    --btn-font-color: var(--white);
    --btn-text-transform: capitalize;
    --btn-font-weight: 400;
    --btn-padding: 10px 20px;

    /*slick slider style*/
    --slick-border-color: ;
    --slick-arrow-color: ;
    --slick-arrow-bg-color: ;
    --slick-arrow-radius: ;
    --slick-dot-color: ;
    --slick-dot-hover-color: ;
}

@media only screen and (max-width: 1299.98px) {
    :root {
        --sidebar-col-gap: 50px;
    }
}

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

@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 {
        --sidebar-col-gap: 30px;
        --catalog-col-gap: 15px;
        --row-spacing: 35px;
        --vc-col-gap: 0px;
        --productImgWidth: 100%;
        --row-gap: 70px;
    }
}

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

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

/*body fonts and spacing*/
body * {
    line-height: 1.3;
    word-wrap: initial;
}

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

p {
    margin-bottom: 20px
}

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

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

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

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: 400;
    --text-case: initial;

    /*  placeholder color please use :root for whole site, add extra class for certain element */
}

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 */
    text-transform: var(--text-case);
}

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);
    text-transform: var(--text-case);
}

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);
    text-transform: var(--text-case);
}

/*paddings & margins*/
/*Display colors*/

.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

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

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-55 {
    padding-top: 55px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-65 {
    padding-top: 65px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-75 {
    padding-top: 75px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-85 {
    padding-top: 85px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-95 {
    padding-top: 95px !important;
}

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

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-55 {
    padding-bottom: 55px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-65 {
    padding-bottom: 65px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-75 {
    padding-bottom: 75px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-85 {
    padding-bottom: 85px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-95 {
    padding-bottom: 95px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-65 {
    padding-left: 65px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-75 {
    padding-left: 75px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-85 {
    padding-left: 85px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pl-95 {
    padding-left: 95px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-55 {
    padding-right: 55px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-65 {
    padding-right: 65px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-75 {
    padding-right: 75px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-85 {
    padding-right: 85px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pr-95 {
    padding-right: 95px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.py-0 {
    padding-block: 0 !important;
}

.py-5 {
    padding-block: 5px !important;
}

.py-10 {
    padding-block: 10px !important;
}

.py-15 {
    padding-block: 15px !important;
}

.py-20 {
    padding-block: 20px !important;
}

.py-25 {
    padding-block: 25px !important;
}

.py-30 {
    padding-block: 30px !important;
}

.py-35 {
    padding-block: 35px !important;
}

.py-40 {
    padding-block: 40px !important;
}

.py-45 {
    padding-block: 45px !important;
}

.py-50 {
    padding-block: 50px !important;
}

.py-55 {
    padding-block: 55px !important;
}

.py-60 {
    padding-block: 60px !important;
}

.py-65 {
    padding-block: 65px !important;
}

.py-70 {
    padding-block: 70px !important;
}

.py-75 {
    padding-block: 75px !important;
}

.py-80 {
    padding-block: 80px !important;
}

.py-85 {
    padding-block: 85px !important;
}

.py-90 {
    padding-block: 90px !important;
}

.py-95 {
    padding-block: 95px !important;
}

.py-100 {
    padding-block: 100px !important;
}

.px-0 {
    padding-inline: 0 !important;
}

.px-5 {
    padding-inline: 5px !important;
}

.px-10 {
    padding-inline: 10px !important;
}

.px-15 {
    padding-inline: 15px !important;
}

.px-20 {
    padding-inline: 20px !important;
}

.px-25 {
    padding-inline: 25px !important;
}

.px-30 {
    padding-inline: 30px !important;
}

.px-35 {
    padding-inline: 35px !important;
}

.px-40 {
    padding-inline: 40px !important;
}

.px-45 {
    padding-inline: 45px !important;
}

.px-50 {
    padding-inline: 50px !important;
}

.px-55 {
    padding-inline: 55px !important;
}

.px-60 {
    padding-inline: 60px !important;
}

.px-65 {
    padding-inline: 65px !important;
}

.px-70 {
    padding-inline: 70px !important;
}

.px-75 {
    padding-inline: 75px !important;
}

.px-80 {
    padding-inline: 80px !important;
}

.px-85 {
    padding-inline: 85px !important;
}

.px-90 {
    padding-inline: 90px !important;
}

.px-95 {
    padding-inline: 95px !important;
}

.px-100 {
    padding-inline: 100px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-65 {
    margin-top: 65px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-75 {
    margin-top: 75px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-85 {
    margin-top: 85px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-95 {
    margin-top: 95px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

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

.mb-5 {
    margin-bottom: 5px !important;
}

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

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

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

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

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-95 {
    margin-bottom: 95px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-65 {
    margin-left: 65px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-75 {
    margin-left: 75px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-85 {
    margin-left: 85px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-95 {
    margin-left: 95px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-65 {
    margin-right: 65px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-75 {
    margin-right: 75px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-85 {
    margin-right: 85px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-95 {
    margin-right: 95px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.my-0 {
    margin-block: 0 !important;
}

.my-5 {
    margin-block: 5px !important;
}

.my-10 {
    margin-block: 10px !important;
}

.my-15 {
    margin-block: 15px !important;
}

.my-20 {
    margin-block: 20px !important;
}

.my-25 {
    margin-block: 25px !important;
}

.my-30 {
    margin-block: 30px !important;
}

.my-35 {
    margin-block: 35px !important;
}

.my-40 {
    margin-block: 40px !important;
}

.my-45 {
    margin-block: 45px !important;
}

.my-50 {
    margin-block: 50px !important;
}

.my-55 {
    margin-block: 55px !important;
}

.my-60 {
    margin-block: 60px !important;
}

.my-65 {
    margin-block: 65px !important;
}

.my-70 {
    margin-block: 70px !important;
}

.my-75 {
    margin-block: 75px !important;
}

.my-80 {
    margin-block: 80px !important;
}

.my-85 {
    margin-block: 85px !important;
}

.my-90 {
    margin-block: 90px !important;
}

.my-95 {
    margin-block: 95px !important;
}

.my-100 {
    margin-block: 100px !important;
}

.mx-0 {
    margin-inline: 0 !important;
}

.mx-5 {
    margin-inline: 5px !important;
}

.mx-10 {
    margin-inline: 10px !important;
}

.mx-15 {
    margin-inline: 15px !important;
}

.mx-20 {
    margin-inline: 20px !important;
}

.mx-25 {
    margin-inline: 25px !important;
}

.mx-30 {
    margin-inline: 30px !important;
}

.mx-35 {
    margin-inline: 35px !important;
}

.mx-40 {
    margin-inline: 40px !important;
}

.mx-45 {
    margin-inline: 45px !important;
}

.mx-50 {
    margin-inline: 50px !important;
}

.mx-55 {
    margin-inline: 55px !important;
}

.mx-60 {
    margin-inline: 60px !important;
}

.mx-65 {
    margin-inline: 65px !important;
}

.mx-70 {
    margin-inline: 70px !important;
}

.mx-75 {
    margin-inline: 75px !important;
}

.mx-80 {
    margin-inline: 80px !important;
}

.mx-85 {
    margin-inline: 85px !important;
}

.mx-90 {
    margin-inline: 90px !important;
}

.mx-95 {
    margin-inline: 95px !important;
}

.mx-100 {
    margin-inline: 100px !important;
}

@media only screen and (max-width: 767.98px) {
    .m-pt-0 {
        padding-top: 0 !important;
    }

    .m-pt-5 {
        padding-top: 5px !important;
    }

    .m-pt-10 {
        padding-top: 10px !important;
    }

    .m-pt-15 {
        padding-top: 15px !important;
    }

    .m-pt-20 {
        padding-top: 20px !important;
    }

    .m-pt-25 {
        padding-top: 25px !important;
    }

    .m-pt-30 {
        padding-top: 30px !important;
    }

    .m-pt-35 {
        padding-top: 35px !important;
    }

    .m-pt-40 {
        padding-top: 40px !important;
    }

    .m-pt-45 {
        padding-top: 45px !important;
    }

    .m-pt-50 {
        padding-top: 50px !important;
    }

    .m-pt-55 {
        padding-top: 55px !important;
    }

    .m-pt-60 {
        padding-top: 60px !important;
    }

    .m-pt-65 {
        padding-top: 65px !important;
    }

    .m-pt-70 {
        padding-top: 70px !important;
    }

    .m-pt-75 {
        padding-top: 75px !important;
    }

    .m-pt-80 {
        padding-top: 80px !important;
    }

    .m-pt-85 {
        padding-top: 85px !important;
    }

    .m-pt-90 {
        padding-top: 90px !important;
    }

    .m-pt-95 {
        padding-top: 95px !important;
    }

    .m-pt-100 {
        padding-top: 100px !important;
    }

    .m-pb-0 {
        padding-bottom: 0 !important;
    }

    .m-pb-5 {
        padding-bottom: 5px !important;
    }

    .m-pb-10 {
        padding-bottom: 10px !important;
    }

    .m-pb-15 {
        padding-bottom: 15px !important;
    }

    .m-pb-20 {
        padding-bottom: 20px !important;
    }

    .m-pb-25 {
        padding-bottom: 25px !important;
    }

    .m-pb-30 {
        padding-bottom: 30px !important;
    }

    .m-pb-35 {
        padding-bottom: 35px !important;
    }

    .m-pb-40 {
        padding-bottom: 40px !important;
    }

    .m-pb-45 {
        padding-bottom: 45px !important;
    }

    .m-pb-50 {
        padding-bottom: 50px !important;
    }

    .m-pb-55 {
        padding-bottom: 55px !important;
    }

    .m-pb-60 {
        padding-bottom: 60px !important;
    }

    .m-pb-65 {
        padding-bottom: 65px !important;
    }

    .m-pb-70 {
        padding-bottom: 70px !important;
    }

    .m-pb-75 {
        padding-bottom: 75px !important;
    }

    .m-pb-80 {
        padding-bottom: 80px !important;
    }

    .m-pb-85 {
        padding-bottom: 85px !important;
    }

    .m-pb-90 {
        padding-bottom: 90px !important;
    }

    .m-pb-95 {
        padding-bottom: 95px !important;
    }

    .m-pb-100 {
        padding-bottom: 100px !important;
    }

    .m-pl-0 {
        padding-left: 0 !important;
    }

    .m-pl-5 {
        padding-left: 5px !important;
    }

    .m-pl-10 {
        padding-left: 10px !important;
    }

    .m-pl-15 {
        padding-left: 15px !important;
    }

    .m-pl-20 {
        padding-left: 20px !important;
    }

    .m-pl-25 {
        padding-left: 25px !important;
    }

    .m-pl-30 {
        padding-left: 30px !important;
    }

    .m-pl-35 {
        padding-left: 35px !important;
    }

    .m-pl-40 {
        padding-left: 40px !important;
    }

    .m-pl-45 {
        padding-left: 45px !important;
    }

    .m-pl-50 {
        padding-left: 50px !important;
    }

    .m-pl-55 {
        padding-left: 55px !important;
    }

    .m-pl-60 {
        padding-left: 60px !important;
    }

    .m-pl-65 {
        padding-left: 65px !important;
    }

    .m-pl-70 {
        padding-left: 70px !important;
    }

    .m-pl-75 {
        padding-left: 75px !important;
    }

    .m-pl-80 {
        padding-left: 80px !important;
    }

    .m-pl-85 {
        padding-left: 85px !important;
    }

    .m-pl-90 {
        padding-left: 90px !important;
    }

    .m-pl-95 {
        padding-left: 95px !important;
    }

    .m-pl-100 {
        padding-left: 100px !important;
    }

    .m-pr-0 {
        padding-right: 0 !important;
    }

    .m-pr-5 {
        padding-right: 5px !important;
    }

    .m-pr-10 {
        padding-right: 10px !important;
    }

    .m-pr-15 {
        padding-right: 15px !important;
    }

    .m-pr-20 {
        padding-right: 20px !important;
    }

    .m-pr-25 {
        padding-right: 25px !important;
    }

    .m-pr-30 {
        padding-right: 30px !important;
    }

    .m-pr-35 {
        padding-right: 35px !important;
    }

    .m-pr-40 {
        padding-right: 40px !important;
    }

    .m-pr-45 {
        padding-right: 45px !important;
    }

    .m-pr-50 {
        padding-right: 50px !important;
    }

    .m-pr-55 {
        padding-right: 55px !important;
    }

    .m-pr-60 {
        padding-right: 60px !important;
    }

    .m-pr-65 {
        padding-right: 65px !important;
    }

    .m-pr-70 {
        padding-right: 70px !important;
    }

    .m-pr-75 {
        padding-right: 75px !important;
    }

    .m-pr-80 {
        padding-right: 80px !important;
    }

    .m-pr-85 {
        padding-right: 85px !important;
    }

    .m-pr-90 {
        padding-right: 90px !important;
    }

    .m-pr-95 {
        padding-right: 95px !important;
    }

    .m-pr-100 {
        padding-right: 100px !important;
    }

    .m-py-0 {
        padding-block: 0 !important;
    }

    .m-py-5 {
        padding-block: 5px !important;
    }

    .m-py-10 {
        padding-block: 10px !important;
    }

    .m-py-15 {
        padding-block: 15px !important;
    }

    .m-py-20 {
        padding-block: 20px !important;
    }

    .m-py-25 {
        padding-block: 25px !important;
    }

    .m-py-30 {
        padding-block: 30px !important;
    }

    .m-py-35 {
        padding-block: 35px !important;
    }

    .m-py-40 {
        padding-block: 40px !important;
    }

    .m-py-45 {
        padding-block: 45px !important;
    }

    .m-py-50 {
        padding-block: 50px !important;
    }

    .m-py-55 {
        padding-block: 55px !important;
    }

    .m-py-60 {
        padding-block: 60px !important;
    }

    .m-py-65 {
        padding-block: 65px !important;
    }

    .m-py-70 {
        padding-block: 70px !important;
    }

    .m-py-75 {
        padding-block: 75px !important;
    }

    .m-py-80 {
        padding-block: 80px !important;
    }

    .m-py-85 {
        padding-block: 85px !important;
    }

    .m-py-90 {
        padding-block: 90px !important;
    }

    .m-py-95 {
        padding-block: 95px !important;
    }

    .m-py-100 {
        padding-block: 100px !important;
    }

    .m-px-0 {
        padding-inline: 0 !important;
    }

    .m-px-5 {
        padding-inline: 5px !important;
    }

    .m-px-10 {
        padding-inline: 10px !important;
    }

    .m-px-15 {
        padding-inline: 15px !important;
    }

    .m-px-20 {
        padding-inline: 20px !important;
    }

    .m-px-25 {
        padding-inline: 25px !important;
    }

    .m-px-30 {
        padding-inline: 30px !important;
    }

    .m-px-35 {
        padding-inline: 35px !important;
    }

    .m-px-40 {
        padding-inline: 40px !important;
    }

    .m-px-45 {
        padding-inline: 45px !important;
    }

    .m-px-50 {
        padding-inline: 50px !important;
    }

    .m-px-55 {
        padding-inline: 55px !important;
    }

    .m-px-60 {
        padding-inline: 60px !important;
    }

    .m-px-65 {
        padding-inline: 65px !important;
    }

    .m-px-70 {
        padding-inline: 70px !important;
    }

    .m-px-75 {
        padding-inline: 75px !important;
    }

    .m-px-80 {
        padding-inline: 80px !important;
    }

    .m-px-85 {
        padding-inline: 85px !important;
    }

    .m-px-90 {
        padding-inline: 90px !important;
    }

    .m-px-95 {
        padding-inline: 95px !important;
    }

    .m-px-100 {
        padding-inline: 100px !important;
    }

    .m-mt-0 {
        margin-top: 0 !important;
    }

    .m-mt-5 {
        margin-top: 5px !important;
    }

    .m-mt-10 {
        margin-top: 10px !important;
    }

    .m-mt-15 {
        margin-top: 15px !important;
    }

    .m-mt-20 {
        margin-top: 20px !important;
    }

    .m-mt-25 {
        margin-top: 25px !important;
    }

    .m-mt-30 {
        margin-top: 30px !important;
    }

    .m-mt-35 {
        margin-top: 35px !important;
    }

    .m-mt-40 {
        margin-top: 40px !important;
    }

    .m-mt-45 {
        margin-top: 45px !important;
    }

    .m-mt-50 {
        margin-top: 50px !important;
    }

    .m-mt-55 {
        margin-top: 55px !important;
    }

    .m-mt-60 {
        margin-top: 60px !important;
    }

    .m-mt-65 {
        margin-top: 65px !important;
    }

    .m-mt-70 {
        margin-top: 70px !important;
    }

    .m-mt-75 {
        margin-top: 75px !important;
    }

    .m-mt-80 {
        margin-top: 80px !important;
    }

    .m-mt-85 {
        margin-top: 85px !important;
    }

    .m-mt-90 {
        margin-top: 90px !important;
    }

    .m-mt-95 {
        margin-top: 95px !important;
    }

    .m-mt-100 {
        margin-top: 100px !important;
    }

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

    .m-mb-5 {
        margin-bottom: 5px !important;
    }

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

    .m-mb-15 {
        margin-bottom: 15px !important;
    }

    .m-mb-20 {
        margin-bottom: 20px !important;
    }

    .m-mb-25 {
        margin-bottom: 25px !important;
    }

    .m-mb-30 {
        margin-bottom: 30px !important;
    }

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

    .m-mb-40 {
        margin-bottom: 40px !important;
    }

    .m-mb-45 {
        margin-bottom: 45px !important;
    }

    .m-mb-50 {
        margin-bottom: 50px !important;
    }

    .m-mb-55 {
        margin-bottom: 55px !important;
    }

    .m-mb-60 {
        margin-bottom: 60px !important;
    }

    .m-mb-65 {
        margin-bottom: 65px !important;
    }

    .m-mb-70 {
        margin-bottom: 70px !important;
    }

    .m-mb-75 {
        margin-bottom: 75px !important;
    }

    .m-mb-80 {
        margin-bottom: 80px !important;
    }

    .m-mb-85 {
        margin-bottom: 85px !important;
    }

    .m-mb-90 {
        margin-bottom: 90px !important;
    }

    .m-mb-95 {
        margin-bottom: 95px !important;
    }

    .m-mb-100 {
        margin-bottom: 100px !important;
    }

    .m-ml-0 {
        margin-left: 0 !important;
    }

    .m-ml-5 {
        margin-left: 5px !important;
    }

    .m-ml-10 {
        margin-left: 10px !important;
    }

    .m-ml-15 {
        margin-left: 15px !important;
    }

    .m-ml-20 {
        margin-left: 20px !important;
    }

    .m-ml-25 {
        margin-left: 25px !important;
    }

    .m-ml-30 {
        margin-left: 30px !important;
    }

    .m-ml-35 {
        margin-left: 35px !important;
    }

    .m-ml-40 {
        margin-left: 40px !important;
    }

    .m-ml-45 {
        margin-left: 45px !important;
    }

    .m-ml-50 {
        margin-left: 50px !important;
    }

    .m-ml-55 {
        margin-left: 55px !important;
    }

    .m-ml-60 {
        margin-left: 60px !important;
    }

    .m-ml-65 {
        margin-left: 65px !important;
    }

    .m-ml-70 {
        margin-left: 70px !important;
    }

    .m-ml-75 {
        margin-left: 75px !important;
    }

    .m-ml-80 {
        margin-left: 80px !important;
    }

    .m-ml-85 {
        margin-left: 85px !important;
    }

    .m-ml-90 {
        margin-left: 90px !important;
    }

    .m-ml-95 {
        margin-left: 95px !important;
    }

    .m-ml-100 {
        margin-left: 100px !important;
    }

    .m-mr-0 {
        margin-right: 0 !important;
    }

    .m-mr-5 {
        margin-right: 5px !important;
    }

    .m-mr-10 {
        margin-right: 10px !important;
    }

    .m-mr-15 {
        margin-right: 15px !important;
    }

    .m-mr-20 {
        margin-right: 20px !important;
    }

    .m-mr-25 {
        margin-right: 25px !important;
    }

    .m-mr-30 {
        margin-right: 30px !important;
    }

    .m-mr-35 {
        margin-right: 35px !important;
    }

    .m-mr-40 {
        margin-right: 40px !important;
    }

    .m-mr-45 {
        margin-right: 45px !important;
    }

    .m-mr-50 {
        margin-right: 50px !important;
    }

    .m-mr-55 {
        margin-right: 55px !important;
    }

    .m-mr-60 {
        margin-right: 60px !important;
    }

    .m-mr-65 {
        margin-right: 65px !important;
    }

    .m-mr-70 {
        margin-right: 70px !important;
    }

    .m-mr-75 {
        margin-right: 75px !important;
    }

    .m-mr-80 {
        margin-right: 80px !important;
    }

    .m-mr-85 {
        margin-right: 85px !important;
    }

    .m-mr-90 {
        margin-right: 90px !important;
    }

    .m-mr-95 {
        margin-right: 95px !important;
    }

    .m-mr-100 {
        margin-right: 100px !important;
    }

    .m-my-0 {
        margin-block: 0 !important;
    }

    .m-my-5 {
        margin-block: 5px !important;
    }

    .m-my-10 {
        margin-block: 10px !important;
    }

    .m-my-15 {
        margin-block: 15px !important;
    }

    .m-my-20 {
        margin-block: 20px !important;
    }

    .m-my-25 {
        margin-block: 25px !important;
    }

    .m-my-30 {
        margin-block: 30px !important;
    }

    .m-my-35 {
        margin-block: 35px !important;
    }

    .m-my-40 {
        margin-block: 40px !important;
    }

    .m-my-45 {
        margin-block: 45px !important;
    }

    .m-my-50 {
        margin-block: 50px !important;
    }

    .m-my-55 {
        margin-block: 55px !important;
    }

    .m-my-60 {
        margin-block: 60px !important;
    }

    .m-my-65 {
        margin-block: 65px !important;
    }

    .m-my-70 {
        margin-block: 70px !important;
    }

    .m-my-75 {
        margin-block: 75px !important;
    }

    .m-my-80 {
        margin-block: 80px !important;
    }

    .m-my-85 {
        margin-block: 85px !important;
    }

    .m-my-90 {
        margin-block: 90px !important;
    }

    .m-my-95 {
        margin-block: 95px !important;
    }

    .m-my-100 {
        margin-block: 100px !important;
    }

    .m-mx-0 {
        margin-inline: 0 !important;
    }

    .m-mx-5 {
        margin-inline: 5px !important;
    }

    .m-mx-10 {
        margin-inline: 10px !important;
    }

    .m-mx-15 {
        margin-inline: 15px !important;
    }

    .m-mx-20 {
        margin-inline: 20px !important;
    }

    .m-mx-25 {
        margin-inline: 25px !important;
    }

    .m-mx-30 {
        margin-inline: 30px !important;
    }

    .m-mx-35 {
        margin-inline: 35px !important;
    }

    .m-mx-40 {
        margin-inline: 40px !important;
    }

    .m-mx-45 {
        margin-inline: 45px !important;
    }

    .m-mx-50 {
        margin-inline: 50px !important;
    }

    .m-mx-55 {
        margin-inline: 55px !important;
    }

    .m-mx-60 {
        margin-inline: 60px !important;
    }

    .m-mx-65 {
        margin-inline: 65px !important;
    }

    .m-mx-70 {
        margin-inline: 70px !important;
    }

    .m-mx-75 {
        margin-inline: 75px !important;
    }

    .m-mx-80 {
        margin-inline: 80px !important;
    }

    .m-mx-85 {
        margin-inline: 85px !important;
    }

    .m-mx-90 {
        margin-inline: 90px !important;
    }

    .m-mx-95 {
        margin-inline: 95px !important;
    }

    .m-mx-100 {
        margin-inline: 100px !important;
    }
}

.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-t {
    padding-top: var(--row-gap) !important;
}

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

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.width-85 {
    width: 85% !important;
}

.width-80 {
    width: 80% !important;
}

.width-75 {
    width: 75% !important;
}

.width-70 {
    width: 70% !important;
}

.width-65 {
    width: 65% !important;
}

.width-60 {
    width: 60% !important;
}

.width-55 {
    width: 55% !important;
}

.width-50 {
    width: 50% !important;
}

.width-45 {
    width: 45% !important;
}

.width-40 {
    width: 40% !important;
}

/* modified blocksy layout  - dismissed*/

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

/*open search form when you need*/
.error404 .ct-search-form {
    display: none !important;
}

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

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

/*blocksy header*/
/*header container*/
/*#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 & 2*/
[id*="header-menu"] {
    /*    --move-align: calc(0px - var(--menu-items-spacing)/2);*/
    /*  --menu-items-spacing please use "customize", default wrote in :root  */
    /*    margin:0 0 0 var(--move-align) !important;*/
}

/*[id*="header-menu"]:last-child{
      margin:0 var(--move-align) !important;
  }*/

[id*="header-menu"] ul {
    padding-left: 0
}

[id*="header-menu"] ul.menu li {
    margin-bottom: 0
}

/*styling fonts for menu *except color(pls use customizer) */
/*[id*="header-menu"] li[class*="current-menu-"] > a,
  [id*="header-menu"] li[class*="current-menu-"] > .ct-sub-menu-parent{
      font-weight: 700;
  }
  
  [id*="header-menu"] li:hover > a,
  [id*="header-menu"] li:hover > .ct-sub-menu-parent{
      font-weight: 700;
  }*/

/*for submenu item - i want it be center*/
#header-menu-1 .menu>[data-submenu="right"]>.sub-menu {
    left: 50%;
    transform: translate(-50%);
}

/*can uncomment this if no need arrow for sub menu*/
/*#header-menu-1 ul.menu > li > a > .ct-toggle-dropdown-desktop{display:none}*/

/*header customize (seperator)*/
/*#header [id*="header-menu"] + div >*{
      padding-left: 20px;
      border-left:1px solid var(--theme-icon-color);
  }*/

/*For mobile header - offcanvas*/
#offcanvas .mobile-menu {
    margin-bottom: 0 !important
}

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

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

nav[class*=menu] .ct-menu-link {
    font-weight: 400;
}

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

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

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

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

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

#offcanvas .mobile-menu li.menu-item .sub-menu>li 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;
}

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

/*#offcanvas .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;
  }*/

/*Footer*/
#footer .widget-title {
    margin-bottom: 10px;
}

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

/*From here is steps 2 */
#footer {
    --foot-col-gap: 30px;
}

/*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: var(--foot-col-gap);
}

#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 [data-row*="middle"] .ct-container [data-column*="widget-area-1"] {
    width: 60%;
    flex-basis: 60%;
}

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

    #footer .widget_nav_menu ul.widget-menu {
        --side-gap: 15px;
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 10px var(--side-gap) !important;
    }

    #footer .widget_nav_menu ul.widget-menu li {
        margin-bottom: 0;
    }

    #footer .widget_nav_menu ul.widget-menu li:not(:last-child) {
        padding-right: var(--side-gap);
        border-right: 1px solid var(--bodytext);
    }
}

/*this is for copyright css*/
#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;
}

/*blocksy widget*/
.ct-widget ul {
    padding-left: 0
}

.ct-widget .textwidget :last-child {
    margin-bottom: 0 !important
}

.ct-widget .textwidget ul {
    margin-bottom: 20px
}

.ct-widget.widget_media_image {
    --footer-company-logo: 80px;
    position: relative;
}

.ct-widget.widget_media_image img {
    width: auto;
    max-height: var(--footer-company-logo);
    /*position: absolute;*/
    bottom: 0px;
    left: 40px;
}

.ct-widget.widget_media_image+.ct-widget.widget_text {
    margin-top: -10px !important;
}

@media only screen and (max-width: 689.98px) {
    .ct-widget.widget_media_image {
        --footer-company-logo: 60px;
    }
}

/* visual composer / wpbakery */

/*Row settings with extra class - no need to use "Row stretch" setting, leave it as default row*/
/*Just use extra class*/
/*For Section*/
/*.vc_section {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  
  .vc_section > .vc_row{
      margin-left: auto;
      margin-right: auto;
  }*/

/*For row remove default padding-top when it filled*/
.vc_row>.wpb_column>.vc_column-inner {
    padding-top: 0 !important
}

/*For Row*/
.vc_row.filled {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

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

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

/*inner row*/
/*.vc_inner.more-gap{
      --outbox: calc(-15px - var(--inbox));
  }*/


/*Full One Side Row*/
[class*="fill-side-col"] {
    --gaps: calc(15px + var(--vc-col-gap));
    --vertical-gaps: 70px;
}

[class*="fill-side-col"]>.wpb_column {
    padding-left: var(--gaps) !important;
    padding-right: var(--gaps) !important;
}

[class*="fill-side-col"]>.wpb_column>.vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.fill-side-col-left>.wpb_column:first-child {
    padding-left: 0 !important;
}

.fill-side-col-right>.wpb_column:last-child {
    padding-right: 0 !important;
}

.fill-side-col-left>.wpb_column:last-child {
    padding-right: calc(var(--row-spacing) + 15px) !important;
}

.fill-side-col-right>.wpb_column:first-child {
    padding-left: calc(var(--row-spacing) + 15px) !important;
}

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

    .fill-side-col-left>.wpb_column:first-child {
        padding-left: var(--gaps) !important;
    }

    .fill-side-col-right>.wpb_column:last-child {
        padding-right: var(--gaps) !important;
    }

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

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

    /*    .fill-side-col-right {
          display: flex;
          flex-direction: column-reverse;
          justify-content: flex-start;
          align-items: stretch;
      }*/
}

/*Full One Side Row but padding inside the box*/
.vc_row>.wpb_column.container-padding>.vc_column-inner {
    padding-left: calc(var(--row-spacing) + 15px) !important;
    padding-right: calc(var(--row-spacing) + 15px) !important;
}

/*container-padding*/
.wpb_column.container-padding>.vc_column-inner {
    padding: 35px 30px 0px !important;
}

/*addon layout - limited width*/
/*calculated*/
.row-max-width {
    /*    --max-width:;*/
    --actual-width: calc(100% - var(--row-spacing)*2);
    --side-margin: calc((100% - var(--initial-max-width))/2);
    margin-left: max(var(--side-margin), var(--row-spacing)) !important;
    margin-right: max(var(--side-margin), var(--row-spacing)) !important;
    width: clamp(0px, var(--actual-width), var(--initial-max-width)) !important;
    max-width: unset !important;
}

/*beta*/
.row-max-width.more-gap {
    --max-width-gap: calc(var(--initial-max-width) + var(--inbox)*2);
    --side-margin: calc((100% - var(--max-width-gap))/2);
    width: clamp(0px, var(--actual-width), var(--max-width-gap)) !important;
}

/*beta*/
/*flex type*/
.flex {
    display: flex !important;
}

.flex:before,
.flex:after {
    display: none !important
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.flex-start {
    justify-content: flex-start;
    align-items: flex-start;
}

.flex-end {
    justify-content: flex-end;
    align-items: flex-end;
}

.flex-stretch {
    align-items: stretch !important;
}

.flex-space-between {
    justify-content: space-between !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

@media only screen and (min-width: 768px) {
    .flex-md {
        display: flex !important;
    }

    .flex-md:before,
    .flex-md:after {
        display: none !important
    }

    .flex-md-row {
        flex-direction: row;
    }

    .flex-md-col {
        flex-direction: column;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse;
    }

    .flex-md-col-reverse {
        flex-direction: column-reverse;
    }

    .flex-md-center {
        justify-content: center;
        align-items: center;
    }

    .flex-md-start {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .flex-md-end {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .flex-md-stretch {
        align-items: stretch !important;
    }

    .flex-md-space-between {
        justify-content: space-between !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 999.98px) {
    .flex-lg {
        display: flex !important;
    }

    .flex-lg:before,
    .flex-lg:after {
        display: none !important
    }

    .flex-lg-row {
        flex-direction: row;
    }

    .flex-lg-col {
        flex-direction: column;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse;
    }

    .flex-lg-col-reverse {
        flex-direction: column-reverse;
    }

    .flex-lg-center {
        justify-content: center;
        align-items: center;
    }

    .flex-lg-start {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .flex-lg-end {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .flex-lg-stretch {
        align-items: stretch !important;
    }

    .flex-lg-space-between {
        justify-content: space-between !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap;
    }
}

/*in test*/
@media only screen and (max-width: 999.98px) {
    .flex-col-reverse[class*="flex-lg-row"]>.wpb_column {
        width: 100%
    }
}

/*grid type*/
.grid {
    display: grid !important;
}

.grid:before,
.grid:after {
    display: none !important
}

.grid>.wpb_column {
    width: 100%;
}

.grid.no-padding>.wpb_column>.vc_column-inner {
    padding: 0 !important;
}

.grid[class*="default-row"] {
    margin-left: calc(var(--row-spacing) + 15px) !important;
    margin-right: calc(var(--row-spacing) + 15px) !important;
}

.grid[class*="stretch-row"] {
    padding-left: calc(var(--row-spacing) + 15px) !important;
    padding-right: calc(var(--row-spacing) + 15px) !important;
}

.grid-col-1 {
    grid-template-columns: 1fr
}

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

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

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

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

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

.grid-gap-10 {
    grid-gap: 10px
}

.grid-gap-20 {
    grid-gap: 20px
}

.grid-gap-30 {
    grid-gap: 30px
}

.grid-gap-40 {
    grid-gap: 40px
}

.grid-gap-50 {
    grid-gap: 50px
}

/*grid customize use variable - beta*/
.grid-custom {
    --grid-col: ;
    --grid-gap: ;
    grid-template-columns: var(--grid-col);
    grid-gap: var(--grid-gap);
}

@media only screen and (min-width: 768px) {
    .grid-md {
        display: grid !important;
    }

    .grid-md:before,
    .grid-md:after {
        display: none !important
    }

    .grid-md-col-1 {
        grid-template-columns: 1fr
    }

    .grid-md-col-2 {
        grid-template-columns: repeat(2, 1fr);
    }

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

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

    .grid-md-col-5 {
        grid-template-columns: repeat(5, 1fr);
    }

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

    .grid-md-gap-10 {
        grid-gap: 10px
    }

    .grid-md-gap-20 {
        grid-gap: 20px
    }

    .grid-md-gap-30 {
        grid-gap: 30px
    }

    .grid-md-gap-40 {
        grid-gap: 40px
    }

    .grid-md-gap-50 {
        grid-gap: 50px
    }
}

@media only screen and (min-width: 999.98px) {
    .grid-lg {
        display: grid !important;
    }

    .grid-lg:before,
    .grid-lg:after {
        display: none !important
    }

    .grid-lg-col-1 {
        grid-template-columns: 1fr
    }

    .grid-lg-col-2 {
        grid-template-columns: repeat(2, 1fr);
    }

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

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

    .grid-lg-col-5 {
        grid-template-columns: repeat(5, 1fr);
    }

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

    .grid-lg-gap-10 {
        grid-gap: 10px
    }

    .grid-lg-gap-20 {
        grid-gap: 20px
    }

    .grid-lg-gap-30 {
        grid-gap: 30px
    }

    .grid-lg-gap-40 {
        grid-gap: 40px
    }

    .grid-lg-gap-50 {
        grid-gap: 50px
    }
}

/* change view for elements (add in extra class)*/
.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;
    }
}

/*Woocommerce*/
body.woocommerce-page #main [class*="ct-container"] {
    padding-top: var(--row-gap);
    padding-bottom: var(--row-gap);
}

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

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

.woocommerce ul.products {
    padding: 0;
    grid-gap: 70px var(--catalog-col-gap);
}

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

.woocommerce ul.products li .ct-media-container img {
    aspect-ratio: var(--post-img-ratio, 1/1) !important;
    object-fit: cover;
    object-position: center;
}

/*Product Catalog - paginations (if needed)*/
/*[data-pagination]{
      --border-color: ;
      --bg-color: ;
      --font-color: ;
  }
  
  .ct-pagination{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: stretch;
      gap: 15px;
  }
  
  [data-pagination] .page-numbers:hover,
  [data-pagination="simple"] .page-numbers.current, 
  [data-pagination="next_prev"] .page-numbers.current{
      --bg-color: var(--yellow);
  }
  
  [data-pagination="simple"] .page-numbers,[data-pagination="next_prev"] .page-numbers{
      width:40px;
      height:40px;
      padding:0;
  }
  
  [data-pagination="simple"] .page-numbers, 
  [data-pagination="next_prev"] .page-numbers {
      border: 1px solid var(--border-color) !important;
      background: var(--bg-color) !important;
      color: var(--font-color) !important;
      font-weight: 400;
  }*/

/*single product*/
.single-product.woocommerce div.product .product-entry-wrapper {
    display: grid;
    grid-template-columns: var(--productImgWidth, 50%) 1fr;
    grid-column-gap: var(--sidebar-col-gap);
}

.single-product.woocommerce div.product .product-entry-wrapper>* {
    width: 100% !important;
}

.single-product.woocommerce div.product .woocommerce-product-gallery {
    --productImgRadius: ;
}

.single-product.woocommerce div.product .woocommerce-product-gallery .ct-media-container {
    /*    background-color: ;*/
}

.single-product.woocommerce div.product .woocommerce-product-gallery .ct-media-container img {
    aspect-ratio: var(--feature-img-ratio, 4/3) !important;
    object-fit: cover;
    object-position: center;
}

.single-product.woocommerce div.product .woocommerce-product-gallery>.ct-media-container {
    overflow: hidden;
    border-radius: var(--productImgRadius, 0);
}

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

.woocommerce.single-product .woocommerce-product-gallery .flexy-items .ct-media-container {
    border-radius: var(--productImgRadius, 0);
}

.woocommerce.single-product .woocommerce-product-gallery .flexy-pills .ct-media-container {
    border-radius: var(--productImgRadius, 0);
}

.woocommerce.single-product .woocommerce-product-gallery .flexy-pills li.active .ct-media-container:after {
    /*	border-color:;*/
}

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

.single-product.woocommerce div.product .entry-summary {
    margin-inline: 0;
}

@media (max-width: 999.98px) {
    .single-product.woocommerce div.product .product-entry-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: var(--sidebar-col-gap);
    }

    .single-product.woocommerce div.product .woocommerce-product-gallery {
        margin-bottom: 35px
    }
}

.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 .woocommerce-tabs .woocommerce-Tabs-panel>.vc_row:last-of-type {
    margin-bottom: -35px;
    display: flex !important;
}

.woocommerce.single-product article>.related {
    margin-top: 0;
    padding-top: var(--row-gap);
}

.woocommerce.single-product article>.related>h2 {
    --theme-font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: var(--theme-font-size);
}

@media (max-width: 689.98px) {
    .woocommerce.single-product article>.related>h2 {
        --theme-font-size: 22px;
    }
}

/*single products quantity when need it*/
/*.ct-cart-actions .quantity{
      --theme-form-field-border-radius:0;
      --theme-button-min-height:40px;
      --quantity-width:100px;
      margin-bottom:20px;
      display:block !important;
  }
  
  .ct-cart-actions .quantity input[type="number"]{
      font-weight: 400;
  }*/

/*Cart & Checkout*/

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

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

.woocommerce-cart .wp-block-separator,
.woocommerce-cart .wp-block-heading:not(.wc-block-cart__empty-cart__title),
.woocommerce-cart .wc-block-grid {
    display: none !important;
}

.wp-block-woocommerce-empty-cart-block [class*="wp-block"] {
    margin-bottom: 0 !important
}

.woocommerce-cart-form__contents .coupon {
    align-items: stretch;
}

.woocommerce-cart-form__contents .coupon input {
    --theme-form-field-height: auto;
}

/*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-MyAccount-navigation ul {
    padding-left: 0
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 0
}

.woocommerce-account .ct-acount-nav {
    margin-inline-end: var(--sidebar-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 {
        --sidebar-col-gap: 30px;
    }
}

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

/*New Layout for woocommerce*/
/*message alert*/
.wc-block-components-notice-banner {
    font-size: 14px !important;
    margin: 20px 0 35px !important;
    border-radius: 0 !important;
}

/*new woocom forms - for gutterburg editor*/
body[class*="woocommerce"] [class*="wc-block-components"] {
    font-size: 16px;
    line-height: 1.3;
}

body[class*="woocommerce"] [class*="wc-block-components"] input:not([type="checkbox"]),
body[class*="woocommerce"] [class*="wc-block-components"] textarea {
    height: auto;
    min-height: unset;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: var(--has-classic-forms, var(--form-field-border-radius, 3px)) !important;
}

body[class*="woocommerce"] .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus {
    outline: none !important;
    outline-offset: 0 !important;
}

body[class*="woocommerce"] .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
    --input-vertical-space: calc((16px*1.3 - 16px)/2);
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
    width: 16px;
    height: 16px;
    min-height: unset;
    margin: var(--input-vertical-space) 10px var(--input-vertical-space) 0;
    border-width: 1px;
}

body[class*="woocommerce"] .wc-block-components-checkbox .wc-block-components-checkbox__mark {
    display: none !important
}

/*Post page*/
body.archive #main>[class*="ct-container"],
body.single-post #main>[class*="ct-container"],
body.blog #main>[class*="ct-container"] {
    padding-top: var(--row-gap);
    padding-bottom: var(--row-gap);
}

/*single post*/
body[class*="single"]:not(.single-product) #main>[class*="ct-container"] .entry-content {
    margin-bottom: -35px
}

/*Post grid*/
[data-prefix="blog"] .entries[data-layout*="grid"] {
    grid-gap: 35px ;
    row-gap: 15px
}

[data-prefix="blog"] .entries[data-layout*="grid"] .entry-card .ct-media-container img {
    /*aspect-ratio: var(--feature-img-ratio,4/3) !important;*/
}

/*iksm menu*/
/*.iksm-container .iksm-term__toggle{display: none !important}*/

/*show out when current*/
/*.iksm-container .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term.iksm-term--current > .iksm-terms-tree--level-2{display: block !important;}*/
/*.iksm-container .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term.parent-current > .iksm-terms-tree--level-2{display: block !important;}*/

/*@media only screen and (min-width: 999.98px) {
      .iksm-container .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term > .iksm-terms-tree--level-2{display: block !important;}
  }*/

/*iksm lvl 1*/
/*.iksm-container .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term.parent-current > .iksm-term__inner {*/
/*    background-color: rgba(40,61,90,1);*/
/*}*/

/*.iksm-container .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term.parent-current > .iksm-term__inner .iksm-term__link{*/
/*    color: rgba(255,255,255,1);*/
/*}*/

/*.iksm-container .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term.iksm-term--current > .iksm-term__inner .iksm-term__link,*/
/*.iksm-container .iksm-terms-tree--level-1 > .iksm-terms-tree__inner > .iksm-term.parent-current > .iksm-term__inner .iksm-term__link{*/
/*    font-weight: 600;*/
/*}*/

/*iksm lvl 2*/
/*.iksm-container .iksm-terms-tree--level-2 > .iksm-terms-tree__inner > .iksm-term.iksm-term--current > .iksm-term__inner .iksm-term__link{*/
/*    font-weight: 600;*/
/*}*/

.iksm-container .iksm-terms-tree--level-2>.iksm-terms-tree__inner>.iksm-term>.iksm-term__inner .iksm-term__link>.iksm-term__text {
    position: relative;
    padding-left: 20px;
}

.iksm-container .iksm-terms-tree--level-2>.iksm-terms-tree__inner>.iksm-term>.iksm-term__inner .iksm-term__link>.iksm-term__text:before {
    content: '\f105';
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--fontAwesome);
    font-weight: 900;
    display: block !important;
    z-index: 1;
    font-size: 12px;
    line-height: calc(16px*1.3);
    color: var(--black);
}

.iksm-container .iksm-terms-tree--level-1>.iksm-terms-tree__inner>.iksm-term>.iksm-term__inner {
    display: none
}

/*add border at lvl 2*/
.iksm-container .iksm-terms-tree--level-2>.iksm-terms-tree__inner>.iksm-term {
    position: relative;
}

.iksm-container .iksm-terms-tree--level-2>.iksm-terms-tree__inner>.iksm-term:not(:last-child):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #808285;
    display: block !important;
    z-index: 1;
}

/* closing toogle */
/*.iksm-container .iksm-term__toggle{display:none !important}*/

/*iksm toogle mobile*/
#sidebar .iksm-widget .widget-title {
    padding: 10px 15px;
    background: #F7F7F7;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    display: none;
}

#sidebar .iksm-widget .widget-title:after {
    content: '\f078';
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%) rotate(0);
    font-size: 12px;
    font-family: var(--fontAwesome);
    font-weight: 900;
    color: inherit;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

#sidebar .iksm-widget .widget-title.active:after {
    transform: translateY(-50%) rotate(180deg);
}

/*#sidebar .iksm-widget .widget-title{
      border-bottom:1px solid var(--greyc6);
      padding-bottom:20px;
      margin-bottom:20px;
  }
  */
@media only screen and (max-width: 999.98px) {

    /*    #sidebar .iksm-widget .widget-title{
          border:1px solid var(--greyc6);
          padding:10px 15px;
          margin-bottom: 0;
          overflow: hidden;
          position: relative;
          isolation:isolate;
      }
      
      #sidebar .iksm-widget .widget-title:after {
          content: '\f078';
          position: absolute;
          top: 50%;
          right: 13px;
          transform: translateY(-50%) rotate(0);
          font-size: 14px;
          font-family: var(--fontAwesome);
          font-weight: 900;
          color: inherit;
          -webkit-transition: var(--allTransition);
          transition: var(--allTransition);
      }*/

    #sidebar .iksm-widget .widget-title.active:after {
        transform: translateY(-50%) rotate(180deg);
    }


    #sidebar .iksm-widget .widget-title {
        display: block !important;
    }

    #sidebar .iksm-widget .iksm-container {
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: var(--allTransition);
        transition: var(--allTransition);
        padding: 0;
        border: 1px solid var(--greyc6);
        border-top: none;
    }

    #sidebar .iksm-widget .iksm-container.display {
        grid-template-rows: 1fr;
        opacity: 1;
    }

    #sidebar .iksm-widget .iksm-container>.iksm-terms {
        overflow: hidden
    }
}

/*breadcrumb*/
.ct-breadcrumbs>span .separator {
    fill: var(--theme-link-initial-color);
}

/*.ct-breadcrumbs[data-source="default"] > span{display:inline !important;}*/

/*End of modify themes, wpbakery & woocommerce layout.*/

/*Next is styling*/
/*title*/
/*.all-title{margin-bottom: 25px}*/

/*.second-font{
      font-family: var(--theme-second-font) !important;
  }*/

/*strong{font-weight: 700 !important}*/

/*basic color*/
.black-text {
    color: var(--black) !important;
}

.white-text {
    color: var(--white) !important;
}

/*font-weight*/
.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}

/*Alignment*/
.justify-text,
.justify-text-left,
.justify-text-left>.wpb_wrapper * {
    text-align: justify !important;
    text-align-last: left;
}

.justify-text-center,
.justify-text-center>.wpb_wrapper * {
    text-align: justify !important;
    text-align-last: center;
}

.justify-text-right,
.justify-text-right>.wpb_wrapper * {
    text-align: justify !important;
    text-align-last: right;
}

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

    .m-justify-text,
    .m-justify-text-left,
    .m-justify-text-left>.wpb_wrapper * {
        text-align: justify !important;
        text-align-last: left;
    }

    .m-justify-text-center,
    .m-justify-text-center>.wpb_wrapper * {
        text-align: justify !important;
        text-align-last: center;
    }

    .m-justify-text-right,
    .m-justify-text-right>.wpb_wrapper * {
        text-align: justify !important;
        text-align-last: right;
    }
}

/*text transform*/
.uppercase {
    text-transform: uppercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.lowercase {
    text-transform: lowercase !important;
}

/*list columns*/
.column-list-2 ul {
    --col-count: 2;
}

.column-list-3 ul {
    --col-count: 3;
}

.column-list-4 ul {
    --col-count: 4;
}

[class*="column-list"] ul {
    --text-col: 30px;
    -webkit-column-count: var(--col-count);
    -moz-column-count: var(--col-count);
    column-count: var(--col-count);
    -webkit-column-gap: var(--text-col);
    -moz-column-gap: var(--text-col);
    column-gap: var(--text-col);
}

/*fixing text block writing element*/
.wpb_text_column ul {
    margin-bottom: 20px
}

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

/*full column image (single image only) - when u do this please make sure the column is 100% (for "full-img-row & full-col-img-row")*/
/*this is a test maybe full side img row & full col img row have it*/
.full-col-img {
    display: block;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 35px;
}

.full-col-img * {
    display: block;
    width: 100%;
    height: 100%;
}

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

.full-col-img.with-btm-space {
    padding-bottom: 35px;
}

.img-max-height-custom img {
    max-height: var(--single-img-max-height);
}

.img-max-height-300 img {
    max-height: 300px;
}

.img-max-height-400 img {
    max-height: 400px;
}

.img-max-height-500 img {
    max-height: 500px;
}

/*full width single image*/
.full-w-img,
.full-w-img * {
    width: 100%;
    display: block;
}


/*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 {
    /*  please state your radius  */
    --single-img-radius: 30px;
    overflow: hidden;
    border-radius: var(--single-img-radius);
}

/*single img below is text, want to smaller d space*/
.wpb_single_image+.vc_custom_heading,
.wpb_single_image+.wpb_text_column {
    margin-top: -15px
}

/*icons with title (single image) - testing stage*/

[class*="icons"] {
    --icon-size: 80px;
}

[class*="icons-with-title"] {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}

[class*="icons-with-title-horizontal"] {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

[class*="icons"] img {
    width: auto;
    max-height: var(--icon-size);
}

[class*="icons-with-title-horizontal"] img {
    width: var(--icon-size);
    height: auto;
}

[class*="icons-with-title"] .wpb_heading {
    margin: 20px 0 0 !important;
    font-size: 20px;
    font-weight: 400;
}

[class*="icons-with-title-horizontal"] .wpb_heading {
    margin: 0 !important;
    padding: 0 0 0 20px;
    width: calc(100% - var(--icon-size));
    text-align: left;
}

@media only screen and (max-width: 767.98px) {
    [class*="icons"] {
        --icon-size: 60px;
    }
}

/*reset all the button :before*/
button:before,
.ct-button:before {
    display: block !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    inset: unset;
}

/*Read More Button*/
.readmore {
    /*    --btn-font-size:14px;
      --btn-line-height:calc( var(--btn-font-size)*1.3);
      --btn-radius:0;
      --btn-border: 1px solid red;
      --btn-bg-color:red;
      --btn-font-color:#fff;
      --btn-text-transform:initial;
      --btn-font-weight:400;
      --btn-padding:10px 20px*/

    margin-bottom: 35px !important;
}

/*root for readmore*/
.readmore .vc_general.vc_btn3 {
    font-family: var(--theme-font-family) !important;
    padding: var(--btn-padding);
    min-width: 120px;
    min-height: unset;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    text-transform: var(--btn-text-transform);
    color: var(--btn-font-color) !important;
    background-image: none !important;
    background-color: #37A49B !important;
    border: var(--btn-border) !important;
    border-radius: 40px !important;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
    display: inline-block !important;
}

.readmore .vc_general.vc_btn3:hover {
    background-color: #fff !important;
    border: 1px solid #37A49B !important;
    ;
    color: #37A49B !important;
}

/*next is styling blocksy styles button*/
.ct-button {
    /*    --btn-font-size:14px;
      --btn-line-height:calc( var(--btn-font-size)*1.3);
      --btn-radius:0;
      --btn-border: 1px solid red;
      --btn-bg-color:red;
      --btn-font-color:#fff;
      --btn-text-transform:initial;
      --btn-font-weight:400;*/


    padding: var(--btn-padding);
    min-width: 120px;
    min-height: unset !important;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    text-transform: var(--btn-text-transform);
    color: var(--btn-font-color) !important;
    background-image: none !important;
    background-color: #37A49B !important;
    border: var(--btn-border) !important;
    border-radius: 40px !important;
    position: relative;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
}

.ct-button:hover {
    /* --btn-font-weight: 700; */
    border: 1px solid #37A49B !important;
    color: #37A49B !important;
    background-color: #fff !important;
}

/*woocomerce all buttons*/
[class*="woocommerce"] a.button,
[class*="woocommerce"] button.button,
[class*="woocommerce"] a.showlogin,
[class*="woocommerce"] a.added_to_cart.wc-forward,
[class*="woocommerce"] .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward,
[class*="woocommerce"] .wp-element-button,
.ct-account-panel button.ct-button,
.woocommerce-message a.restore-item {
    /*--btn-font-size:14px;*/
    /*--btn-line-height:calc( var(--btn-font-size)*1.3);*/
    /*--btn-radius:0;*/
    /*--btn-border: 1px solid red;*/
    /*--btn-bg-color:transparent;*/
    /*--btn-font-color:red;*/
    /*--btn-text-transform:initial;*/
    /*--btn-font-weight:400;*/

    padding: var(--btn-padding) !important;
    min-width: 120px;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    text-transform: var(--btn-text-transform);
    color: var(--btn-font-color) !important;
    background-color: var(--btn-bg-color) !important;
    border: var(--btn-border) !important;
    border-radius: var(--btn-radius) !important;
    position: relative;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition) !important;
    transition: var(--allTransition) !important;
    overflow: hidden;
    min-height: unset !important;
    justify-content: center;
}

/*[class*="woocommerce"] a.button:hover,*/
/*[class*="woocommerce"] button.button:hover,*/
/*[class*="woocommerce"] a.showlogin:hover,*/
/*[class*="woocommerce"] a.added_to_cart.wc-forward:hover,*/
/*[class*="woocommerce"] .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover,*/
/*[class*="woocommerce"] .wp-element-button:hover,*/
/*.ct-account-panel button.ct-button:hover,*/
/*.woocommerce-message a.restore-item:hover{*/
/*--btn-bg-color:var(--white);*/
/*--btn-font-color:red;*/
/*}*/

[class*="woocommerce"] a.button:before,
[class*="woocommerce"] button.button:before,
[class*="woocommerce"] a.showlogin:before,
[class*="woocommerce"] a.added_to_cart.wc-forward:before,
[class*="woocommerce"] .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:before,
[class*="woocommerce"] .wp-element-button:before,
.ct-account-panel button.ct-button:before,
.woocommerce-message a.restore-item:before {
    display: block !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    inset: unset;
    background: none !important;
}

.ct-account-panel button.ct-button {
    min-height: 40px;
    padding: 8.5px 20px;
}

/*restyle notices button*/
[class*="woocommerce"] .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
    text-decoration: none;
    opacity: 1 !important;
}

/*remove focus on cart button*/
[class*="woocommerce"] .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,
[class*="woocommerce"] .wp-element-button:focus {
    box-shadow: none !important;
    outline: none !important;
}

/*Stop animation for tablet and mobile (WPBakery and AOS)*/
@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;
    }
}

/*Contact Form 7 - I gonna use my format*/
/*color can use blocksy customize setting*/
.wpcf7-form {
    margin-bottom: 35px;
}

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

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

.wpcf7-form .form label {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.wpcf7-form .wpcf7-form-control.wpcf7-radio,
.wpcf7-form .wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px 10px;
}

.wpcf7-form .wpcf7-form-control .wpcf7-list-item {
    margin: 0
}

.wpcf7-form .wpcf7-form-control .wpcf7-list-item label {
    margin-bottom: 0
}

@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 #recaptcha {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
}

.popmake .wpcf7-form #recaptcha,
.public-training-form .wpcf7-form #recaptcha {
    justify-content: center;
}

.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: 10px;
    opacity: 1;
    z-index: 9;
}

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

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

.wpcf7-form #send.readmore {
    margin-bottom: 0 !important
}

.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"] {
    padding: 10px 40px;
    min-width: 120px;
    min-height: unset;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    text-transform: var(--btn-text-transform);
    color: var(--btn-font-color) !important;
    background-image: none !important;
    background-color: var(--btn-bg-color) !important;
    border: var(--btn-border) !important;
    border-radius: 40px !important;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover {
    /* --btn-font-weight: 700; */
    background-color: #fff !important;
    color: #B6272D !important;
    border: 1px solid #B6272D !important;

}

.wpcf7-form button[type="submit"] .loading {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    visibility: hidden;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    opacity: 0;
}

.wpcf7-form.submitting button[type="submit"] .loading {
    visibility: visible;
    opacity: 1;
}

/*button can use <button> element to do but need add type="submit" and class="wpcf7-submit" */
/*
      Example:
      <button type="submit" class="wpcf7-submit">Send <span class="loading"><i class="fa-solid fa-circle-notch fa-spin"></i></span></button>
  */

/*For contact page (class="contact-form")*/
/*.contact-form .wpcf7-form .form {
      --form-grid-col: repeat(3, 1fr);
  }*/

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

/*.contact-form .wpcf7-form #send {
      display: flex;
      justify-content: flex-start;
      align-items: center;
  }*/

/*@media only screen and (max-width: 767.98px) {
      
      .contact-form .wpcf7-form .form {
          --form-grid-col: 1fr;
      }
      
      .contact-form .wpcf7-form .form #msg {
          grid-column: unset;
      }
  }*/

/*WPBakery - element always use*/
/*Maps no padding*/
.wpb_gmaps_widget>.wpb_wrapper {
    padding: 0;
}

/*tabs, accordion etc element margin bottom */
.vc_tta-container {
    margin-bottom: 35px !important;
    color: #7B7B7B;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/*tabs*/
.custom-tabs {
    --tabs-font-color: ;
    --tabs-bg-color: ;
    --tabs-border: 1px solid;
}

.custom-tabs.vc_tta-tabs .vc_tta-tabs-container {
    text-align: left;
}

.custom-tabs[class*="center"] .vc_tta-tabs-container {
    text-align: center;
}

.custom-tabs[class*="right"] .vc_tta-tabs-container {
    text-align: right;
}

.custom-tabs.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 35px !important;
    /*    background: ;*/
    /*    box-shadow: 0px 0px 5.5px 0px rgba(0, 0, 0, 0.10);*/
}

.custom-tabs[class*="center"].vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list {
    align-items: center;
    justify-content: center;
}

.custom-tabs[class*="right"].vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list {
    align-items: flex-end;
    justify-content: flex-end;
}

.custom-tabs.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab {
    border: none;
    margin: 0;
}

.custom-tabs.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active {}

.custom-tabs.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab>a {
    border: none !important;
    background: none !important;
    color: var(--tabs-font-color);
    padding: 10px 20px;
    position: relative;
    isolation: isolate;
}

.custom-tabs.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab:not(:last-child)>a::after {
    content: '/';
    position: absolute;
    top: 50%;
    left: 100%;
    color: var(--tabs-font-color);
    display: block !important;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}

.custom-tabs.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab:hover>a,
.custom-tabs.vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active>a {
    color: var(--tabs-font-color);
}

.custom-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
    padding: 20px 0 0 !important;
}

.custom-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading {
    border: var(--tabs-border) !important;
    background: var(--tabs-bg-color) !important;
    margin-bottom: 0 !important;
}

.custom-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a {
    color: var(--tabs-font-color) !important;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 400;
}

.custom-tabs .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title a {
    color: var(--tabs-font-color) !important;
}

/*arcordion*/
.custom-accordion>.wpb_column>.vc_column-inner {
    padding-bottom: 65px
}

.custom-accordion .vc_tta-accordion .vc_tta-panels .vc_tta-panel {
    border-bottom: 1px solid rgba(66, 65, 67, .589) !important
}

.custom-accordion .vc_tta-accordion .vc_tta-panel-heading {
    background: 0 0 !important;
    border: none !important
}

.custom-accordion .vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--black) !important
}

.custom-accordion .vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title a {
    padding: 10px 15px !important;
    color: inherit !important
}

.custom-accordion .vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon {
    right: 15px !important
}

.custom-accordion .vc_tta-accordion .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
    padding: 0 15px 25px !important
}

@media only screen and (max-width: 999.98px) {
    .custom-accordion>.wpb_column {
        width: 100%
    }

    .custom-accordion>.wpb_column:nth-child(1)>.vc_column-inner>.wpb_wrapper>.vc_tta-container {
        margin-bottom: 35px !important
    }
}

@media only screen and (max-width:767px) {
    .custom-accordion>.wpb_column>.vc_column-inner {
        padding-bottom: 35px
    }
}

/*Company Name*/
/*mostly h5 but registration number is 14px*/
.company-logo {
    --company-logo: 80px;
}

@media only screen and (max-width: 767.98px) {
    .company-logo {
        --company-logo: 60px;
    }
}

.company-logo img {
    width: auto;
    max-height: var(--company-logo);
}

.company-name .reg,
.company-name small {
    font-size: 14px;
    /*    font-weight: 400;*/
    display: inline-block;
}

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

/*Social media*/
.social-media {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px 15px;
}

.social-media a {
    color: var(--red);
    font-size: 20px;
}

.social-media a:hover {
    color: var(--bodytext);
}

.social-media.box a {
    width: 30px;
    height: 30px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--red);
    border-radius: 50%;
    color: var(--white);
    font-size: 18px;
    border: 1px solid var(--red);
}

.social-media.box a:hover {
    background: var(--white);
    color: var(--red);
}

/*box layout - beta test*/
.box-padding {
    padding: 35px 30px !important;
}

.box-padding-small {
    padding: 20px 15px !important;
}

/*for wpbakery vc_column-inner*/
.vc_row>.vc-box-padding>.vc_column-inner {
    padding: 35px 30px 0 !important;
}

@media only screen and (max-width: 767.98px) {
    .vc_row>.vc-box-padding>.vc_column-inner {
        padding: 35px 15px 0 !important;
    }
}

/*SA Slider layout*/
.owl-carousel[id*="slider_"] {
    margin-bottom: 35px !important
}

.owl-carousel[id*="slider_"] .owl-item .sa_hover_container {
    padding: 0px 0 35px !important;
    min-height: 0px !important;
}

.owl-carousel[id*="slider_"] .owl-item .sa_hover_container p {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 10px;
    margin-bottom: 0;
}

.owl-carousel[id*="slider_"] .owl-item .sa_hover_container p img {
    width: 100%;
    max-height: 100px;
    object-fit: contain;
    object-position: center;
}

.owl-carousel[id*="slider_"] .owl-dots {
    bottom: 0 !important;
}

.owl-carousel[id*="slider_"] .owl-dots .owl-dot span {
    /*    background: !important;*/
    width: 10px !important;
    height: 10px !important;
    border-radius: 0 !important;
}

.owl-carousel[id*="slider_"] .owl-dots .owl-dot:hover span,
.owl-carousel[id*="slider_"] .owl-dots .owl-dot.active span {
    /*    background: !important;*/
}

@media only screen and (max-width: 767.98px) {
    .owl-carousel[id*="slider_"] .owl-item .sa_hover_container p img {
        max-height: 80px;
    }

    .owl-carousel[id*="slider_"] .owl-item .sa_hover_container p {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-gap: 10px;
        margin-bottom: 0;
    }
}

/*ivory search form*/
.is-search-form {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: stretch;
    background: var(--form-bg);
    border: 1px solid var(--theme-form-color);
}

.is-search-form>button.is-search-submit {
    min-height: unset;
    background: none !important;
}

.is-search-form>button.is-search-submit .is-search-icon {
    background: none !important;
    border: none !important;
    color: var(--theme-form-color);
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

.is-search-form>button.is-search-submit .is-search-icon svg path {
    fill: var(--theme-form-color);
}

.is-search-form.is-form-style input.is-search-input {
    border: none !important;
    background: none;
    padding-left: 0;
    font-size: 16px !important;
    color: var(--input-text);
}

.is-search-form.is-form-style input.is-search-input:focus {
    border: none !important;
}

.is-search-form {
    --theme-form-color: var(--white);
    --form-bg: ;
    --placeholder: var(--theme-form-color);
    --input-text: var(--white);
}

div.is-ajax-search-details,
div.is-ajax-search-result {
    padding: 1px !important;
}

.is-show-more-results {
    margin-top: 1px !important;
}

/*slick slider*/
/*arrow*/
.slick-arrow {
    font-size: 0;
    z-index: 9;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--slick-border-color, #333);
    border-radius: var(--slick-arrow-radius, 0);
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--allTransition);
    cursor: pointer;
}

.slick-arrow.slick-prev {
    left: 15px;
}

.slick-arrow.slick-next {
    right: 15px;
}

.slick-arrow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: var(--slick-arrow-color, #333);
    font-family: var(--fontAwesome);
    font-weight: 900;
    transition: var(--allTransition);
}

.slick-arrow.slick-prev:before {
    content: '\f060';
}

.slick-arrow.slick-next:before {
    content: '\f061';
}

.slick-arrow:hover {
    background-color: var(--slick-arrow-bg-color, #333);
}

.slick-arrow:hover:before {
    color: var(--white);
}

/*disable arrow control on first and last slide*/
.slick-disabled {
    opacity: 0;
    pointer-events: none;
    transition: var(--allTransition);
}

/*slick slider dots*/
.slick-dots {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.slick-dots button {
    width: 10px;
    background: var(--slick-dot-color, #333);
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: var(--allTransition);
    cursor: pointer;
}

.slick-dots .slick-active button {
    background: var(--slick-dot-hover-color, #000);
}

/*------------------- Coding Start Here ---------------------------*/

/*header*/
#header [data-transparent-row] {
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

#header [data-transparent-row="yes"] {
    margin-top: 35px;
}

#header [data-transparent-row="no"] {
    margin-top: 0;
}

/*styling*/

.sub-all-title {
    font-weight: 300;
    margin-bottom: 0 !important;
}

[class*="all-title-line"] {
    padding-bottom: 15px !important;
    margin-bottom: 25px !important;
    position: relative;
    isolation: isolate;
}

[class*="all-title-line"]:before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    background: #383838;
    height: 2px;
    width: 10px;
    display: block !important;
    z-index: -1;
}

.all-title-line-left:before {
    left: 0;
    width: 50px;
}

.all-title-line-right:before {
    right: 0;
}

.all-title-line-center:before {
    left: 50%;
    transform: translateX(-50%);
}


/*home*/
.home-about {
    position: relative;
    z-index: 10;
}

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

/*.home-about > .wpb_column:nth-child(2) > .vc_column-inner:before{*/
/*    content:'';*/
/*    position: absolute;*/
/*    top:calc(-15px - var(--row-gap));*/
/*    left:0;*/
/*    width: 40%;*/
/*    height: calc(100% + var(--row-gap)*2 - 35px + 30px);*/
/*    background: var(--blue);*/
/*    display: block !important;*/
/*    z-index: -1;*/
/*}*/

.home-training>.wpb_column>.vc_column-inner>.wpb_wrapper {
    position: relative;
    isolation: isolate;
}

.home-training .hover-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: var(--greydb);
    padding-top: 35px;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.home-training>.wpb_column:hover .hover-box {
    background: rgba(32, 56, 100, 0.95);
}

.home-training .hover-box .vc_custom_heading {
    margin-bottom: 35px !important;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

/*.home-training > .wpb_column:hover .vc_custom_heading{*/
/*    color: var(--white);*/
/*    padding:0 !important;*/
/*    margin-bottom: 25px !important;*/
/*}*/

/*.home-training > .wpb_column:hover .vc_custom_heading:before{*/
/*    width: 0;*/
/*    height: 0;*/
/*    opacity: 1;*/
/*}*/

.home-training .hover-box .readmore {
    margin-bottom: 0 !important;
    height: 0;
    overflow: hidden;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.home-training>.wpb_column:hover .hover-box .readmore {
    margin-bottom: 35px !important;
    height: auto;
}

.home-training .wpb_single_image {
    margin-bottom: 0;
    width: 100%;
    display: block;
}

.home-training .wpb_single_image * {
    width: 100%;
    display: block;
    overflow: hidden;
}

.home-training .wpb_single_image img {
    max-height: 390px;
    height: 100%;
    object-fit: cover;
    -webkit-transition: var(--imageTransition);
    transition: var(--imageTransition);
}

.home-training>.wpb_column:hover .wpb_single_image img {
    transform: scale(1.05);
}

.home-offer .offer-list .vc_custom_heading {
    position: relative;
    isolation: isolate;
    padding-right: 35px;
}

.home-offer .offer-list .vc_custom_heading:after {
    content: '\f105';
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 16px;
    line-height: calc(var(--theme-font-size)*1.2);
    color: var(--red);
    display: block !important;
    font-family: var(--fontAwesome) !important;
    font-weight: 900;
}

.home-offer .offer-list .vc_custom_heading:not(:last-child) {
    padding-bottom: 25px;
    border-bottom: 1px solid var(--black);
}

.home-offer>.wpb_column:nth-child(1)>.vc_column-inner {
    position: relative;
    isolation: isolate;
}

.home-offer>.wpb_column:nth-child(1)>.vc_column-inner:before {
    content: '';
    position: absolute;
    top: calc(0px - var(--row-gap));
    left: 15px;
    width: 35%;
    height: calc(100% + var(--row-gap)*2 - 35px);
    background: var(--blue);
    display: block !important;
    z-index: -1;
}

.home-cert>.wpb_column>.vc_column-inner>.wpb_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 30px;
    justify-content: center;
    align-items: flex-start;
}

.home-cert .wpb_single_image img {
    width: auto;
    max-height: 100px;
}

.gray-layer {
    border-image: 0 fill linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}

/*home-mobile*/
@media only screen and (max-width: 767.98px) {
    .home-about .readmore {
        text-align: left;
    }

    .home-about>.wpb_column:nth-child(2) {
        padding-top: 15px
    }

    .home-about>.wpb_column:nth-child(2)>.vc_column-inner:before {
        content: '';
        position: absolute;
        top: -15px;
        left: 0;
        width: 40%;
        height: calc(100% - 5px);
        background: var(--blue);
        display: block !important;
        z-index: -1;
    }

    .home-training .wpb_single_image img {
        aspect-ratio: 1/1;
    }

    .home-offer>.wpb_column:nth-child(1)>.vc_column-inner {
        padding-bottom: 15px
    }

    .home-offer>.wpb_column:nth-child(1)>.vc_column-inner:before {
        top: -15px;
        height: calc(100% - 20px);
    }

    .home-cta .readmore {
        text-align: left;
    }

    .home-cta.fixed-bg {
        background-attachment: initial;
    }
}

/*footer*/
[data-column*="widget-area-1"] .widget_text .company-name {
    color: #3767A4;
    font-weight: 500;
}

[data-column*="widget-area-1"] .widget_text .company-name[class*="all-title-line"]:before {
    background: #3767A4;
    width: 15px;
}

[data-column*="widget-area-1"] .widget_text .company-name .reg {
    color: #383838;
}

[data-column*="widget-area-1"] .widget_text p i {
    display: block;
    color: #3767A4;
    padding-right: 3px;
}

[data-column*="widget-area"] .widget-title {
    position: relative;
    isolation: isolate;
    padding-bottom: 15px !important;
    margin-bottom: 25px !important;
    font-weight: 500;
    color: #3767A4;
}

[data-column*="widget-area"] .widget-title:before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    background: #3767A4;
    height: 3px;
    width: 15px;
    display: block !important;
    z-index: -1;
}

/*[data-column*="widget-area-2"] .widget_nav_menu .widget-menu .menu-item > a{text-transform: uppercase;}*/

[data-column*="widget-area"] .widget_nav_menu .widget-menu .menu-item[class*="current-menu-"]>a {
    color: #313131;
    font-weight: 600;
}

[data-column*="widget-area-3"] .widget_nav_menu .widget-menu {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: 13px 30px;
}

[data-column*="widget-area-3"] .widget_nav_menu .widget-menu li.menu-item {
    margin-bottom: 0;
}

#footer [data-row*="middle"] .ct-container {
    --col-value: 60px;
    --foot-col-gap: 30px var(--col-value);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    grid-gap: 0;
    gap: var(--foot-col-gap);
    padding-top: 50px;
    padding-bottom: 50px;
}

/*#footer [data-row*="middle"] .ct-container [data-column*="widget-area-1"]{flex:1 1 calc((100% - var(--col-value)*2)/3)}*/
/*#footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"]{flex:1 1 calc((100% - var(--col-value)*2)/3)}*/
#footer [data-row*="middle"] .ct-container [data-column*="widget-area-3"] {
    flex: 1 1 calc((100% - var(--col-value)*2)/3)
}

/*#footer [data-row*="middle"] .ct-container [data-column*="widget-area-1"]{flex:1 1 calc((100% - var(--col-value)*2 - 230px)/2)}
  #footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"]{flex:1 1 calc((100% - var(--col-value)*2 - 230px)/2)}
  #footer [data-row*="middle"] .ct-container [data-column*="widget-area-3"]{flex:1 1 230px}*/

#footer [data-row*="middle"] .ct-container [data-column*="widget-area"] {
    position: relative;
    isolation: isolate;
}

#footer [data-row*="middle"] .ct-container [data-column*="widget-area"]:not(:last-child):before {
    content: '';
    position: absolute;
    width: 0px;
    height: 100%;
    top: 0;
    right: -30px;
    border-right: 1px solid var(--blue);
    display: block !important;
}

.cert-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
    align-items: flex-start;
}

.cert-flex img {
    width: auto;
    max-height: 80px;
}

#footer .company-name .reg,
#footer .company-name small {
    font-weight: 400;

}

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

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

    [data-column*="widget-area-3"] .widget_nav_menu .widget-menu {
        grid-template-columns: 1fr;
    }

    /*    #footer [data-row*="middle"] .ct-container [data-column*="widget-area-1"]{flex:1 1 calc((100% - var(--col-value)*2)/3)}
      #footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"]{flex:1 1 calc((100% - var(--col-value)*2)/3)}
      #footer [data-row*="middle"] .ct-container [data-column*="widget-area-3"]{flex:1 1 calc((100% - var(--col-value)*2)/3)}*/

    #footer [data-row*="middle"] .ct-container [data-column*="widget-area-1"] {
        flex: 1 1 calc(100% - var(--col-value)*2 - 220px*2)
    }

    #footer [data-row*="middle"] .ct-container [data-column*="widget-area-2"] {
        flex: 1 1 220px
    }

    #footer [data-row*="middle"] .ct-container [data-column*="widget-area-3"] {
        flex: 1 1 220px
    }
}

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

    #footer [data-row*="middle"] .ct-container [data-column*="widget-area"]:not(:last-child):before {
        display: none !important;
    }

    .cert-flex img {
        width: auto;
        max-height: 60px;
    }

}

/*popup*/
.popup-announcement>.wpb_column>.vc_column-inner>.wpb_wrapper> :last-child {
    margin-bottom: 0 !important;
}

.popup-announcement .wpb_single_image img {
    max-height: 500px;
    width: auto;
}

.popup-announcement .readmore .vc_general.vc_btn3 {
    min-width: 200px
}

.theme-196 {
    backdrop-filter: blur(25px);
}

/*about*/
.about-main {
    position: relative;
    z-index: 3;
    padding-bottom: 0px !important
}

.about-main>.wpb_column:nth-child(2) .wpb_single_image {
    position: relative;
    isolation: isolate;
}

.about-main>.wpb_column:nth-child(2) .wpb_single_image:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    width: 40%;
    height: calc(100% - 20px);
    background: #3767A4;
    display: block !important;
    z-index: -1;
}

.about-vm-section {
    position: relative;
    isolation: isolate;
}

.about-vm-section:before {
    content: '';
    position: absolute;
    top: calc(-35px - var(--row-gap));
    right: 0;
    width: calc(100%*5/12*0.4);
    height: calc(100% + 35px);
    background: #3767A4;
    display: block !important;
    z-index: -1;
}

.about-vm,
.about-vm-title {
    max-width: min(1000px, 75%);
    margin-right: auto !important;
}

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

    .about-vm-section:before {
        width: 30px;
    }

    .about-vm,
    .about-vm-title {
        max-width: 100%;
        margin-right: auto !important;
    }
}

/*contact*/
.contact-info-widget p {
    position: relative;
    isolation: isolate;
    padding-left: 30px;
}

.contact-info-widget p i {
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    color: #3767A4;
    line-height: inherit;
}

.contact-main .company-name br {
    display: none
}

.contact-main .company-name .reg {
    display: block !important;
}

/*service*/

.service-row>.wpb_column {
    padding-bottom: 35px
}

.service-row .wpb_single_image img {
    aspect-ratio: 780/418;
}

.training-date {
    margin-bottom: 10px
}

.public-training-form .wpcf7-form .form {
    --form-grid-col: repeat(2, 1fr);
}

.public-training-form .wpcf7-form .form #training,
.public-training-form .wpcf7-form .form #msg,
.public-training-form .wpcf7-form .form #recaptcha {
    grid-column: 1/3
}

.public-training-form .wpcf7-form #send {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

    .service-row-title .vc_custom_heading {
        text-align: left !important;
    }

    .service-house-training .vc_custom_heading {
        text-align: left !important;
    }

    .public-training-form .wpcf7-form .form {
        --form-grid-col: 1fr;
    }

    .public-training-form .wpcf7-form .form #training,
    .public-training-form .wpcf7-form .form #msg {
        grid-column: unset;
    }
}

.public-training-form .wpcf7-form .form #training input {
    font-weight: 700 !important;
}

/*single post*/
body.single-post.wpb-js-composer #main>[class*="ct-container"],
body.blog.wpb-js-composer #main>[class*="ct-container"] {
    padding-bottom: calc(var(--row-gap) - 35px);
}

body.single-post.wpb-js-composer #main>.ct-container[data-sidebar] {
    grid-gap: 35px var(--sidebar-col-gap);
}

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

    body.single-post.wpb-js-composer #main>[class*="ct-container"],
    body.blog.wpb-js-composer #main>[class*="ct-container"] {
        padding-bottom: var(--row-gap);
    }
}

/*post archive*/
/*.entries[data-archive="default"]{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    justify-content: flex-start;*/
/*    align-items: stretch;*/
/*}*/

/*.entries[data-archive="default"] .entry-card{*/
/*    width: calc(100%/2);*/
/*    margin-bottom: 0 !important;*/
/*    padding: 100px;*/
/*    border: none !important;*/
/*    box-shadow: none !important;*/
/*    position: relative;*/

/*}*/

/*.entries[data-archive="default"] .entry-card:nth-child(5n),
  .entries[data-archive="default"] .entry-card:nth-child(5n-1){
      width: calc(100%/2);
  }*/

.entries[data-archive="default"] .entry-card .ct-media-container {
    max-width: 100%;
    width: 100%;
}

.entries[data-archive="default"] .entry-card .ct-media-container img {
    aspect-ratio: unset !important;
    width: 100%;
    max-height: 390px;
    height: 100%;
    object-fit: cover;
    -webkit-transition: var(--imageTransition);
    transition: var(--imageTransition);
}

/*.entries[data-archive="default"] .entry-card .card-content {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/* left: 0; */
/* width: 100%; */
/*    height: auto;*/
/* background: var(--greydb); */
/*padding: 35px 30px;*/
/*    -webkit-transition: var(--allTransition);*/
/*    transition: var(--allTransition);*/
/*    z-index: 1;*/
/*}*/

/*.entries[data-archive="default"] .entry-card:hover .card-content{
      background: rgba(32, 56, 100, 0.95);
  }*/

.entries[data-archive="default"] .entry-card .card-content .entry-title {
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
    position: relative;
    isolation: isolate;
    --main-color: var(--black);
    color: var(--main-color);
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.entries[data-archive="default"] .entry-card .card-content .entry-title a {
    color: inherit !important;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

/*.entries[data-archive="default"] .entry-card .card-content .entry-title:before{
      content:'';
      bottom:0;
      left:50%;
      transform: translateX(-50%);
      position: absolute;
      background: var(--main-color);
      height: 4px;
      width: 10px;
      display: block !important;
      z-index:-1;
      -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
  }*/

/*.entries[data-archive="default"] .entry-card:hover .card-content .entry-title{
      --main-color: var(--white);
      padding:0 !important;
  }
  
  .entries[data-archive="default"] .entry-card:hover .card-content .entry-title:before{
      width: 0;
      height: 0;
      opacity: 1;
  }
  
  .entries[data-archive="default"] .entry-card .card-content .ct-button {
      overflow: hidden;
      margin-top: 0;
      height: 0;
      padding: 0;
      border-width: 0px !important;
      -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
  }
  
  .entries[data-archive="default"] .entry-card:hover .card-content .ct-button{
      margin-top: 25px;
      padding: var(--btn-padding);
      height: auto;
      border-width: 1px !important;
  }*/

@media only screen and (max-width: 767.98px) {
    .entries[data-archive="default"] .entry-card {
        width: 100% !important;
    }

    .entries[data-archive="default"] .entry-card .ct-media-container img {
        aspect-ratio: 1/1 !important;
    }



    /*about page styling*/

    .about-wws-title {
        font-weight: 500 !important;
    }


    /*contact us styling*/




}


.home-t {
    column-count: 2;
}

.home-about>.wpb_column:last-child .wpb_single_image {
    position: relative
}

.home-about>.wpb_column:last-child .wpb_single_image img {
    aspect-ratio: 1/1;
    object-fit:cover;
}


.home-about>.wpb_column:nth-child(2)>.vc_column-inner,
.home-about>.wpb_column:nth-child(2)>.vc_column-inner>div {
    height: 100%;
}

.home-about>.wpb_column:last-child .wpb_single_image,
.home-about>.wpb_column:last-child .wpb_single_image {
    height: 100%;
    object-fit: cover;
}

.home-about .name-box {
    position: absolute;
    right: 15px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px 40px;
    border-top-left-radius: 2rem;
    text-align: right;
}

.home-about .name-box small {
    font-size: 14px;
    color: #37A49B;
    font-weight: 400;
}

.home-about .name-box {
    font-size: 18px;
    font-weight: 600;
}


@media only screen and (min-width: 768px) {
    .service-blog .entries {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(2, minmax(50px,400px));
        /*grid-column-gap: 0px;*/
        /*grid-row-gap: 0px;*/
        grid-gap: 15px !important;
        row-gap: 0px !important;
    }

    .service-blog .entries>.entry-card {
        position: relative;
    }

    .service-blog .entries>.entry-card:nth-child(1) {
        grid-area: 1 / 2 / 2 / 4;
        padding-bottom: 0px;
    }

    .service-blog .entries>.entry-card:nth-child(2) {
        grid-area: 1 / 4 / 3 / 6;
    }

    .service-blog .entries>.entry-card:nth-child(3) {
        grid-area: 2 / 1 / 3 / 3;
    }

    .service-blog .entries>.entry-card:nth-child(4) {
        grid-area: 2 / 3 / 3 / 4;
    }

    .service-blog .entries>.entry-card a.ct-media-container {
        height: 100%;
        position: relative;
    }

    .service-blog .entries>.entry-card a.ct-media-container img {
        height: 100%;
        object-fit: cover;
        max-height: 800px;
    }

    .service-box {
        position: absolute;
        top: 85px;
    }

    .service-blog .entries>.entry-card .entry-title {
        position: absolute;
        bottom: 70px;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        text-align: center;
        transition: 300ms ease;
    }

    .service-blog .entries>.entry-card:hover .entry-title {
        bottom: 90px;
    }

    .service-blog .entries>.entry-card a.entry-button.ct-button {
        opacity: 0;
        height: 0;
        position: absolute;
        bottom: 70px;
        left: 50%;
        transform: translateX(-50%);
        transition: 300ms ease;
    }


    .service-blog .entries>.entry-card:hover a.entry-button.ct-button {
        opacity: 1;
        height: auto;
    }



    .service-blog .entry-excerpt {
        display: none;
        color: var(--theme-text-color);
    }


    .about-main>.wpb_column:nth-child(2) .wpb_single_image:before {
        content: '';
        position: absolute;
        top: -15px;
        left: -15px;
        width: 40%;
        height: calc(100% - 20px);
        background: #3767A4;
        display: block !important;
        z-index: -1;
    }

    .home-serve>.wpb_column:nth-child(1)>.vc_column-inner:before {
        content: '';
        position: absolute;
        top: calc(-15px - var(--row-gap));
        left: 45;
        width: 40%;
        height: calc(100% + var(--row-gap)*2 - 35px + 30px);
        background: #3767A4;
        display: block !important;
        z-index: -1;
    }

    .menu-main-menu-container {
        column-count: 2;
    }

    /*li.current-menu-item.current_page_item {*/
    /*    font-weight: 600 !important;*/
    /*}*/

    h2.entry-title {
        text-align: left;
    }

    .entry-excerpt {
        text-align: left;
    }


    section.vc_section.row-gap-t.vc_custom_1729291511010.vc_section-has-fill {
        padding-bottom: 100px;
    }


    span.vc_tta-title-text {
        color: #333333;
        font-weight: 500;
        font-size: 20px;
    }

    span.vc_tta-title-text:hover {
        color: #3767A4;

    }




}


.service-blog .entries .entry-card .ct-media-container:after {
    content: '';
    position: absolute;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: block !important;
}



.service-blog .entries .entry-card .ct-media-container:hover::after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: block !important;

}

.ct-widget .textwidget :last-child.fa-solid {
    color: #3767A4 !important;
    margin-right:5px;
}



i.fa-solid.fa-house-chimney {
    color: #3767A4 !important;
    margin-right:5px;
}

.wpb_single_image.vc_align_left {
    margin-bottom: 5px !important;
}



.ct-widget .textwidget :last-child {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    padding-bottom: 10px;
    flex-direction: row;
    align-items: flex-start;
}

p.phone {
    padding-left: 30px;
}

.entry-button.ct-button {
    align-self: flex-start;
}


.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #F9F9F9;
    background-color: #B6272D;
    border-radius: 40px;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #B6272D;
    background-color: #F9F9F9;
    border-radius: 40px;
    border-color: #B6272D;
}


.fimg-but.vc_btn3.vc_btn3-shape-square.vc_btn3-size-sm.vc_btn3-style-custom.vc_general {
    border-radius: 25px;
    position: absolute;
    left: 65%;
    top: 105%;
}

div#msg {
    grid-area: 3 / 1 / 4 / 3;
}


.contact-info {
    position: relative;
    display: -webkit-box;
}

.social-icons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.icon {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.icon i {
    margin-right: 8px;
    color: #3767A4;
    font-weight: 900;
    font-size: 18px;
}

.icon a {
    text-decoration: none;
    color: #333;
}

.icon a:hover {
    color: #007bff;
}


.contactnow .vc_btn3.vc_general {
    font-family: var(--theme-font-family) !important;
    padding: var(--btn-padding);
    min-width: 120px;
    min-height: unset;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    text-transform: var(--btn-text-transform);
    color: var(--btn-font-color) !important;
    background-image: none !important;
    background-color: #B6272D !important;
    border: var(--btn-border) !important;
    border-radius: 40px !important;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
    display: inline-block !important;
}

.contactnow .vc_general.vc_btn3:hover {
    background-color: #fff !important;
    border: 1px solid #B6272D !important;
    color: #B6272D !important;
}

.enquiry-btn .vc_general.vc_btn3 {
    font-family: var(--theme-font-family) !important;
    padding: var(--btn-padding);
    min-width: 120px;
    min-height: unset;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    text-transform: var(--btn-text-transform);
    color: var(--btn-font-color) !important;
    background-image: none !important;
    border: 1px solid !important;
    border-radius: 40px !important;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);

}

.enquiry-btn .vc_general.vc_btn3:hover {
    background-color: white !important;
    border: 1px solid #B6272D;
    color: #B6272D !important;
}


.about-wcu .wpb_single_image img {
    object-fit: contain;
    height: 65px;
    max-width: 65px;
}



.single-post .vc_row .wpb_single_image.grow-effect * {
    width: 100%;
}

.single-post .vc_row .wpb_single_image.grow-effect img {
    aspect-ratio: 16/9;
    object-fit: cover;
    max-height: 500px;
}


#footer .social-icons p.icon {
    margin-bottom: 0;
}

#footer .social-icons p.icon i {
    padding-bottom: 0;
}


.address i {
    width: 16px;
    height: 16px;
}

/*Mobile Style*/


@media only screen and (max-width: 767px) {
    .entry-button.ct-button {
        align-self: center;
    }

    .contact-info {
        position: relative;
        display: block;
    }

    .ct-widget .textwidget :last-child {
        position: relative;
        isolation: isolate;
        display: inline-flex;
        padding-bottom: 10px;
        flex-direction: row;
        align-items: flex-start;
        padding-left: 0px;
    }

    div#msg {
        grid-area: auto;
    }
    
    .home-t {
    column-count: 1;
}

.vc_btn3-container.vc_btn3-right {
    text-align: left !important;
}


#footer [data-row*="middle"] .ct-container {
    /* --col-value: 60px; */
    /* --foot-col-gap: 30px var(--col-value); */
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: stretch; */
    /* justify-content: flex-start; */
    /* flex-wrap: wrap; */
    /* grid-gap: 0; */
    gap: 0px;
    /* padding-top: 50px; */
    /* padding-bottom: 50px; */
}

section.vc_section.row-gap-equal.m-pb-35.vc_custom_1730273359491.vc_section-has-fill {
    padding-bottom: 35px !important;
}

.about-MV p{
    text-align:justify;
}

    span.vc_tta-title-text {
        /* color: #333333; */
        /* font-weight: 500; */
        font-size: 18px;
    }
    
    
    h3.vc_custom_heading.vc_do_custom_heading.mb-35 {
    font-size: 25px !important;
}

}