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

/*Font face*/
@font-face {
    font-family: poppins;
    font-weight: 400;
    src: url('./fonts/Poppins-Regular.otf')format("opentype");
}

@font-face {
    font-family: poppins;
    font-weight: 300;
    src: url('./fonts/Poppins-Light.otf')format("opentype");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /*  site color  */
    --black: #000;
    --white: #fff;
    --blue: #0E2C50;
    --cyanblue: #123560;
    --primary-color: #FFDD00;
    --greenCta: #00a651;

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

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

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

    /*column gap for visual composer row*/
    --vc_row_gap: 45px;

    /* single product  */
    --productImgWidth: 300px;
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

p{margin-bottom:20px}

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

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

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

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

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

/*404 page*/

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

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

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

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

/*Header*/
#header-menu-1 ul{
    padding-left:0;
    z-index: 999 !important;
}

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

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

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

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

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

#header .site-branding img{
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

#header [data-transparent-row="no"] .site-branding img{
    filter: var(--filterNormal);
}

#header [data-transparent-row="yes"] .site-branding img{
    filter: var(--filterWhite);
}

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

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

/*Spacing*/

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

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

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

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

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

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

/*Beta - still in test*/
.left-space-row{
    margin-left: var(--row-spacing) !important;
}

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

.right-space-row{
    margin-right: var(--row-spacing) !important;
}

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

@media only screen and (max-width: 767px) {
    .left-space-row,
    .right-space-row{
        margin-left: var(--row-spacing) !important;
        margin-right: var(--row-spacing) !important;
    }

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

/*when one side image is full*/
/*pls set it stretch row and content (no padding) */
.full-left-img-row>.wpb_column,
.full-right-img-row>.wpb_column{
    padding-left: var(--vc_row_gap);
    padding-right:var(--vc_row_gap);
}

.full-left-img-row>.wpb_column:first-child {
    padding-left: 0;
}

.full-right-img-row>.wpb_column:last-child {
    padding-right: 0;
}

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

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

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

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

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


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

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

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

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


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

/*.all-title h1,
.all-title h2,
.all-title h3,
.all-title h4,
.all-title h5,
.all-title h6{
    font-weight: 400 !important;
}*/

.all-title [style="color: #0e2c50;"],
.all-title [style="color: #000000;"],
.all-title.white-text span:not([style="color: #59b9c7;"]) {
    font-weight: 400 !important;
}



.all-title [style="color: #59b9c7;"]{
    font-weight: 600 !important;
}

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

.all-title.white-text h1,
.all-title.white-text h2,
.all-title.white-text h3,
.all-title.white-text h4,
.all-title.white-text h5,
.all-title.white-text h6,
.all-title.white-text [style="color: #123560;"]{
    color: var(--white) !important;
}

.all-title.left-line{
    position: relative;
    padding-left: 70px;
}

.all-title.left-line:before{
    content: '';
    position: absolute;
    width: 50px;
    top:calc(30px *1.2/2);
    left: 0;
/*    transform: translateY(-50%);*/
    height: 1px;
    display: block !important;
    opacity: 1;
    background: var(--black);
}

.all-title.left-line.white-text:before{
    background: var(--white);
}


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

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

.readmore .vc_general.vc_btn3 {
    /*    min-width: unset;*/
    padding: 10px 50px;
    background-image: none !important;
    font-weight: 400;
    border-radius: 20px;
    font-size: 14px;
    text-transform: initial;
    background: transparent !important;
    color: #333333 !important;
    border:none !important;
    line-height: 20px;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.readmore .vc_general.vc_btn3:hover {
    color: var(--white) !important;
}

.readmore.white .vc_general.vc_btn3{
    color: var(--white) !important;
}

.readmore .vc_general.vc_btn3::before {
    content: '\f054';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: var(--primary-color);
    display: block !important;
    line-height: 40px;
    opacity: 1;
    font-family: var(--fontAwesome);
    font-weight: 900;
    color: var(--white);
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    z-index: -1;
    padding: 0px 15px;
    text-align: right;
    font-size: 16px;
}

.readmore .vc_general.vc_btn3:hover:before{
    width: 100%;
    padding: 0 20px;
}

.fixed-bg{background-attachment: fixed;}

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

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

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

.img-filter-white img{
    filter: var(--filterWhite);
}


/*home*/
.home-about-section{
    padding-top:0 !important;
}

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

.home-about .wpb_single_image{
    position: relative;
    padding-right: 50px;
    isolation: isolate;
}

.home-about .wpb_single_image:before{
    content: '';
    position: absolute;
    top:50%;
    right: 0;
    width: clamp(0px, 50%, 300px);
    height: 70%;
    background-color: var(--primary-color);
    transform: translateY(-50%);
    display: block !important;
    opacity: 1;
    z-index: -1;
}

.home-about .wpb_single_image img{
    width: auto;
    max-height: 400px;
}

.home-commit{padding-bottom: 45px}

.home-commit > .wpb_column > .vc_column-inner{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

section.vc_section.home-core-section{
    padding-top: 0 !important;
    position: relative;
}
.home-core{
    min-height: 570px;
}

.home-core > .wpb_column > .vc_column-inner{
    position: relative;
    isolation: isolate;
}

.home-core > .wpb_column > .vc_column-inner:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    display: block !important;
    z-index: -1;
}

.home-core > .wpb_column:nth-child(1) > .vc_column-inner:before{background: rgba(0,0,0,0.4);}
.home-core > .wpb_column:nth-child(2) > .vc_column-inner:before{background: rgba(0,0,0,0.4);}
.home-core > .wpb_column:nth-child(3) > .vc_column-inner:before{background: rgba(0,0,0,0.4);}
.home-core > .wpb_column:nth-child(4) > .vc_column-inner:before{background: rgba(0,0,0,0.4);}

.home-core > .wpb_column > .vc_column-inner > .wpb_wrapper{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 35px;
}

.home-core > .wpb_column{
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    width: calc(100%/4);
}

.home-core:hover > .wpb_column:not(:hover){
    width: 20%;
}

.home-core:hover > .wpb_column:hover{
    width: 40%;
}

.home-core > .wpb_column .wpb_text_column:not(.all-title){
    overflow: hidden;
    transform: translateY(100%);
    height: 0;
    margin-bottom:0;
    visibility: hidden;
    opacity: 0;
/*    max-width: 100%;*/
    width: fit-content !important;
    -webkit-transition: var(--allTransition) 0.4s;
    transition: var(--allTransition) 0.4s;
}

.home-core > .wpb_column:hover .wpb_text_column:not(.all-title){
    transform: translateY(0);
    height: auto;
    margin-bottom:35px;
    visibility: visible;
    opacity: 1;
}

.home-core-title{
    position: absolute;
    top:70px;
    left: var(--row-spacing);
    z-index: 9;
}

.home-project-section{
    position: relative;
    isolation: isolate;
}

/*.home-project-section:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top:0;*/
/*    right: 0;*/
/*    width: 60%;*/
/*    height: 100%;*/
/*    background: url('./images/home-project-bg.png');*/
/*    background-position: left center;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    display: block !important;*/
/*    opacity: 1;*/
/*    z-index: -1;*/
/*}*/

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

.home-project-title .all-title{
    margin-bottom: 35px !important;
}

.home-project-title .wpb_single_image img{
    max-height: 400px;
    object-fit: cover;
    object-position: center;
}

/*.home-project-desc{padding-bottom: 65px}*/

.home-project-desc > .wpb_column > .vc_column-inner > .wpb_wrapper{
    margin-left: auto;
    width: calc(60% - var(--vc_row_gap));
}

.home-project{padding-bottom: 70px}

/*.home-project > .wpb_column > .vc_column-inner > .wpb_wrapper{
    position: relative;
    isolation: isolate;
}
.home-project .wpb_single_image{
    position: relative;
    isolation: isolate;
    margin-bottom: 0;
}

.home-project .wpb_single_image:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(35,31,32,0.6);
    display: block !important;
    opacity: 1;
    z-index: :1;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.home-project .wpb_single_image img{
    aspect-ratio:7/4.89;
    object-fit: cover;
    object-position: center;
    transform: scale(1.001);
    -webkit-transition: var(--imageTransition);
    transition: var(--imageTransition);
}

.home-project .all-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    height: auto;
    margin-bottom: 0 !important;
    opacity: 1;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.home-project > .wpb_column:hover .all-title{
    opacity: 0;
}

.home-project > .wpb_column .wpb_single_image figure {
    overflow: hidden;
}

.home-project > .wpb_column:hover .wpb_single_image img {
    transform: scale(1.05);
}

.home-project > .wpb_column:hover .wpb_single_image:after{
    opacity: 0;
}*/

.home-project .ct-posts-shortcode .entries{
    grid-gap: 0;
}

.home-project .ct-posts-shortcode .entry-card{
    position: relative;
    padding-bottom: 0;
}

.home-project .ct-posts-shortcode .entry-excerpt{display: none}

.home-project .ct-posts-shortcode .entry-card .entry-title {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    height: auto;
    margin-bottom: 0 !important;
    opacity: 1;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    color: #3E3F3F;
    text-align: center;
    padding-bottom: 0
}

.home-project .ct-posts-shortcode .entry-card:hover .entry-title{
    opacity: 0;
}

.home-project .ct-posts-shortcode .entry-card .ct-image-container {
    margin-bottom: 0 !important;
    isolation: isolate;
    position: relative;
}

.home-project .ct-posts-shortcode .entry-card .ct-image-container img{
    transform: scale(1.01);
}

.home-project .ct-posts-shortcode .entry-card .ct-image-container:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(216,216,216,0.6);
    display: block !important;
    opacity: 1;
    z-index: 0;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.home-project .ct-posts-shortcode .entry-card:hover .ct-image-container:after{
    opacity: 0;
}

.home-project .ct-posts-shortcode .entry-card:hover .ct-image-container img{
      transform: scale(1.1);
}

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

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

#footer [data-row*="middle"] [data-column="widget-area-1"]{
    width: 40%;
    flex-basis: 40%;
}

#footer [data-row*="middle"] [data-column="widget-area-2"]{
    width: 56%;
    flex-basis: 56%;
}

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

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

#footer [data-row*="middle"] [data-column="widget-area-1"] .widget_text .inspiren span{
    display: inline-block;
    padding-right: 3px;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_text:not(.widget_custom_html){text-align: right}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_text:not(.widget_custom_html) p{
    position: relative;
    padding-left: 45px;
    font-size: 25px;
    display: inline-block;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_text:not(.widget_custom_html) p strong{
    font-weight: 700;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_text:not(.widget_custom_html) p:before{
    content: '';
    position: absolute;
    top:50%;
    left: 0;
    width: 35px;
    height: 35px;
    background:#009143;
    transform: translateY(-50%);
    -webkit-mask-image: url(./images/phone-svg.svg);
    mask-image: url(./images/phone-svg.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_custom_html .custom-html-widget {
/*    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;*/
    text-align: right;
}

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_custom_html .custom-html-widget p:not(:last-child) {
    margin-bottom: 10px;
}

/*#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_custom_html .custom-html-widget p{
    position: relative;
    padding-left: 22px;
}*/

#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_custom_html .info-capital{
    padding-right: 5px;
    color: #009143;
    font-weight: 700;
}


#footer [data-row*="middle"] [data-column="widget-area-2"] .widget_custom_html .add{
    display: inline-block;
    padding-left: 3px;
}


#footer [data-row*="bottom"]{display: none !important}

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

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

.page-id-18 #footer [data-row*="middle"]{display: none !important}
.page-id-18 #footer [data-row*="bottom"]{display: block !important}

/*About*/
.about-main {
    padding-top: 70px;
    padding-bottom: 70px;
}

.about-main > .wpb_column > .vc_column-inner > .wpb_wrapper{
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-column-gap: calc(var(--vc_row_gap)*2);
    -moz-column-gap: calc(var(--vc_row_gap)*2);
    column-gap: calc(var(--vc_row_gap)*2);
}

.about-main .wpb_text_column:not(.all-title) {
    text-align: justify;
    font-weight: 400;
}

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

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

.about-content-left .wpb_single_image{
    position: relative;
    padding-left: 50px;
    isolation: isolate;
}

.about-content-left .wpb_single_image:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: clamp(0px, 50%, 300px);
    height: 70%;
    background-color: #009143;
    transform: translateY(-50%);
    display: block !important;
    opacity: 1;
    z-index: -1;
}

.about-content-right .wpb_single_image{
    position: relative;
    padding-right: 50px;
    isolation: isolate;
}

.about-content-right .wpb_single_image:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: clamp(0px, 50%, 300px);
    height: 70%;
    background-color: #009143;
    transform: translateY(-50%);
    display: block !important;
    opacity: 1;
    z-index: -1;
}

.about-content .wpb_single_image img{
    width: auto;
    max-height:400px;
    object-fit: cover;
    object-position: center;
}

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

.about-industry-title{padding-bottom: 35px}

.about-industry{
    --grid-num-col: 5;
    --grid-num-gap: calc(var(--grid-num-col) - 1);
    --grid-col-gap:0px;
    --grid-fixed-column:calc((100% - var(--grid-num-gap)*var(--grid-col-gap))/var(--grid-num-col));
    padding-bottom: 35px;
    display: grid !important;
    grid-template-columns: repeat(var(--grid-num-col), var(--grid-fixed-column));
    grid-gap: 35px var(--grid-col-gap);

}

.about-industry > .wpb_column{
    width: 100%;
}

.about-industry .wpb_single_image{margin-bottom: 20px}

.about-industry .wpb_single_image figure{
    background-color: #f2f2f2;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    padding: 18px;
}

.about-industry .wpb_single_image figure img{
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
    width: auto;
    max-height: 60px;
}

.about-industry .wpb_text_column{
    font-weight: 500;
}

.about-industry-desc{padding-bottom:65px}

.about-industry-desc .wpb_text_column{text-align: justify;}

/*Services*/
.service-main{
    padding-top: 65px;
    padding-bottom: 65px;
}

.service-list{
    padding-top: 65px;
    padding-bottom: 65px;
}

.service-list.full-left-img-row .wpb_single_image figure{
    padding-right: 35px;
    background-color: var(--primary-color);
}

.service-list.full-right-img-row .wpb_single_image figure{
    padding-left: 35px;
    background-color: #009143;
}

.service-list .wpb_single_image figure > *{overflow: hidden;}

.service-list .wpb_single_image img{
    max-height: 500px;
    object-fit: cover;
    object-position: center;
}

#water-wastewater.service-list .wpb_single_image img{object-position: top left;}

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

.contact-main .company-logo{margin-bottom: 20px}

.contact-main .company-logo img {
    width: auto;
    max-height: 60px;
}

.contact-main .company-name .reg{
    font-size: 14px;
    color: #3E3F3F;
}

.contact-main > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper{
    display: block;
    /*grid-template-columns: repeat(2, 1fr);*/
/*    grid-column-gap: 35px;*/
}

.contact-main > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper :nth-child(5),
.contact-main > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper :nth-child(6){
    grid-column: 1/3;
}

.contact-info .info-heading{
    margin-bottom: 10px;
    padding-left: 50px;
    color: #333333;
    font-weight: 400;
    position: relative;
}

.contact-info .info-heading:before{
    content: '';
    position: absolute;
    width: 30px;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    height: 1px;
    display: block !important;
    opacity: 1;
    background: #333333;
}

.phone-number > .wpb_wrapper > *{
    font-weight: 600;
}

.contact-info span.add,
.contact-branch-map span.add{
    display: inline-block;
    padding-right: 3px;
}

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

.contact-map > .wpb_column > .vc_column-inner{padding-top: 0 !important}

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

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

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

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

.contact-form .form #msg, .contact-form .form #company-name{grid-column: 1/4}

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

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


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

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

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

.contact-form #send {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.contact-form #send .effect{
    position:relative;
    isolation: isolate;
    display: inline-block;
}

.contact-form #send .effect input{
    /*    min-width: unset;*/
    padding: 10px 50px;
    background-image: none !important;
    font-weight: 400;
    border-radius: 20px;
    font-size: 14px;
    text-transform: initial;
    background: transparent !important;
    color: #333333 !important;
    border:none !important;
    line-height: 20px;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.contact-form #send .effect:hover input,
.contact-form .wpcf7-form.submitting #send .effect input{
    color: var(--white) !important;
}

.contact-form #send .effect:before {
    content: '\f054';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #EA1D00;
    display: block !important;
    line-height: 40px;
    opacity: 1;
    font-family: var(--fontAwesome);
    font-weight: 900;
    color: var(--white);
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    z-index: -1;
    padding: 0px 15px;
    text-align: right;
    font-size: 16px;
}

.contact-form #send .effect:hover:before,
.contact-form .wpcf7-form.submitting #send .effect:before{
    width: 100%;
    padding: 0 20px;
}

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

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

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

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

/*Projects*/
.project-main{
    padding-top: 100px;
    padding-bottom: 30px;
}

.ct-posts-shortcode .entries{}

.ct-posts-shortcode .entry-card{padding-bottom: 35px}

.ct-posts-shortcode .entry-card a{pointer-events: none !important}

.ct-posts-shortcode .entry-card .ct-image-container{margin-bottom: 20px !important}

.ct-posts-shortcode .entry-card .entry-title{
    margin:0 0 25px !important;
}

.ct-load-more-helper .ct-button.ct-load-more {
    font-family: var(--fontFamily);
    padding: 10px 50px;
    background-image: none !important;
    font-weight: 400;
    border-radius: 20px;
    font-size: 14px;
    text-transform: initial;
    background: transparent !important;
    color: var(--black) !important;
    border:none !important;
    line-height: 20px;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    margin-bottom: 35px !important;
}

.ct-load-more-helper .ct-button.ct-load-more:hover {
    color: var(--white) !important;
    -webkit-transition: color 0.3s ease-in-out 0.4s;
    transition: color 0.3s ease-in-out 0.4s;
}

.ct-load-more-helper .ct-button.ct-load-more:before {
    content: '\f054';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(90deg);
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: var(--primary-color);
    display: block !important;
    line-height: 40px;
    opacity: 1;
    font-family: var(--fontAwesome);
    font-weight: 900;
    color: var(--white);
    -webkit-transition: transform 0.3s ease-in-out 0.4s, width 0.3s ease-in-out, padding 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out 0.4s, width 0.3s ease-in-out, padding 0.3s ease-in-out;
    z-index: -1;
    padding: 0px 15px;
    text-align: right;
    font-size: 16px;
    filter: none;
}

.ct-load-more-helper .ct-button.ct-load-more:hover:before{
    width: 100%;
    padding: 0 20px;
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: transform 0.3s ease-in-out, width 0.3s ease-in-out 0.4s, padding 0.3s ease-in-out 0.4s;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out 0.4s, padding 0.3s ease-in-out 0.4s;
}

.ct-load-more-helper .ct-last-page-text{display: none !important}

.woocommerce .ct-load-more-helper .ct-button.ct-load-more{margin-bottom: 0 !important}

/*Woocomerce*/

/*catalog*/
.woocommerce ul.products{
    padding-left: 0;
    --border-color: rgba(85, 185, 199, 1);
    grid-gap: var(--grid-columns-gap);
}

.woocommerce ul.products li.product{
    margin-bottom: 0;
    /*border:1px solid var(--border-color);*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

/*.woocommerce ul.products li.product:hover{
    transform: translate(-5px,-5px);
    -webkit-box-shadow: 5px 5px 0px 0px var(--border-color);
    -moz-box-shadow: 5px 5px 0px 0px var(--border-color);
    box-shadow: 5px 5px 0px 0px var(--border-color);
}*/

.woocommerce ul.products li.product .product-content {
    padding: 20px 15px;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    align-items: center;
    justify-items: center;
}

.woocommerce ul.products li.product .ct-image-container {
    /* margin-bottom: 0; */
    /* border-top: 1px solid var(--border-color); */
    /*padding: 35px;*/
}

.woocommerce ul.products li.product .ct-woo-card-actions .button, button.woosc-btn {
    padding: 10px 20px;
    text-transform: capitalize;
    min-height: unset;
    line-height: 1.3;
    font-weight: 400;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    border-radius: 55px;
    background: #009143;
    border: 1px solid;
    font-family: 'Poppins';
    color: #fff;
}

.ct-pagination.ct-last-page{display: none !important}

/*single*/
.woocommerce .ct-container-full {
    padding-top: 100px;
    padding-bottom: 80px;
}

.woocommerce.single-product .product-entry-wrapper {
    --product-gallery-width: clamp(300px,50%,500px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.woocommerce.single-product .woocommerce-product-gallery .ct-image-container{
    /*border:1px solid rgba(128, 128, 128, 0.2);*/
    position: relative;
    /*padding: 70px;*/
}

.woocommerce.single-product .woocommerce-product-gallery .ct-image-container:after{
    content: '';
    position: absolute;
    bottom:15px;
    right:15px;
    width: 25px;
    height: 25px;
    background:#666666;
    -webkit-mask-image: url(./images/expand.svg);
    mask-image: url(./images/expand.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    display: block !important;
}

.woocommerce.single-product .woocommerce-product-gallery .flexy-pills .ct-image-container:after{
    display: none !important;
}

.woocommerce.single-product .product-entry-wrapper > .entry-summary {
    padding-left: calc(var(--vc_row_gap)*2);
    align-self: center;
}

.woocommerce.single-product .product-entry-wrapper > .entry-summary .product_title {
    padding-bottom: 20px;
    margin-bottom: 0;
    display: inline-block;
    /* border-bottom: 1px solid #8D8D8D; */
}

.woocommerce.single-product .product-entry-wrapper > .entry-summary .price{display: none !important;}

.entry-summary .woocommerce-product-details__short-description strong,
.entry-summary .woocommerce-product-details__short-description b{
font-weight: 600;
}

.entry-summary .woocommerce-product-details__short-description ul,
.entry-summary .woocommerce-product-details__short-description ol{
    margin-bottom: 20px
}

.entry-summary .woocommerce-product-details__short-description :last-child{margin-bottom: 0}

.entry-summary .woocommerce-product-details__short-description {
    color: #55585B;
    /*border-top: 1px solid #8D8D8D;*/
    /*padding-top: 20px;*/
}

.woocommerce.single-product article section.related{
    margin-top:100px;
}

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

/*Product tabs page*/
.product-tabs-row{
    padding-top: 100px;
    padding-bottom: 65px;
}

.product-tabs-row .vc_tta-container{margin-bottom: 35px}

.product-cat-tabs ul.vc_tta-tabs-list{
    --list-tab-border-color: rgba(0, 0, 0, 0.5);
    position:relative;
    isolation:isolate;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.product-cat-tabs ul.vc_tta-tabs-list:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: var(--list-tab-border-color);
    display: block !important;
}

.product-cat-tabs ul.vc_tta-tabs-list li.vc_tta-tab{
    width: 20%;
}

.product-cat-tabs ul.vc_tta-tabs-list li.vc_tta-tab a{
    --tabs-bottom-space: 10px;
    background: none !important;
    border:none !important;
    color: #333333 !important;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    padding-top: 0;
    padding-bottom: var(--tabs-bottom-space);
    font-size:18px;
    position: relative;
    isolation: isolate;
}

.product-cat-tabs .vc_tta-panels-container .vc_tta-panel-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}


.product-cat-tabs ul.vc_tta-tabs-list li.vc_tta-tab:not(:last-child) a:after{
    position: absolute;
    content: '';
    top:0;
    right: 0;
    width: 1px;
    height: calc(100% - var(--tabs-bottom-space));
    background: var(--list-tab-border-color);
    display: block !important;
    opacity: 1;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.product-cat-tabs ul.vc_tta-tabs-list li.vc_tta-tab:hover a,
.product-cat-tabs ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a{
    color: var(--primary-color) !important;
}

/*popup maker*/
#pum-272 .contact-form{
    padding-top:35px;
    padding-bottom: 0;
}

#popmake-272{background: #e3e3e3}

/*text colour*/
.text-grey{
    color:#3E3F3F;
}


/*meize*/
.background-layer {
    position: relative;
}

.background-layer:before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
    display: block !important;
    z-index: 0;
}

.about-industry-section.background-layer:before {
    background: rgba(23, 33, 45, 0.80);
}

.about-industry .wpb_single_image {
    position: relative;
}

/*.about-industry .wpb_single_image:after {*/
/*    content: '\f054';*/
/*    position: absolute;*/
/*    font-family: var(--fontAwesome);*/
/*    font-weight: 900;*/
/*    font-size: 16px;*/
/*    top: 50%;*/
/*    right: -15px;*/
/*    transform: translateY(-50%);*/
/*    display: block !important;*/
/*    color: #fff;*/
/*}*/

.about-industry > .wpb_column:last-child .wpb_single_image:after {
    display: none !important;
}

.woocommerce.archive #main .ct-container {
    padding-top: 70px;
    padding-bottom: 70px;
}

.woocommerce .enquiry-btn {
    margin-top: 25px;
}

.woocommerce .enquiry-btn .vc_general.vc_btn3 {
    color: #333333 !important;
}
.woocommerce .enquiry-btn .vc_general.vc_btn3:hover {
    color: #fff !important;
}

.woocommerce .enquiry-btn .vc_general.vc_btn3::before {
    background: #123560;
}

.home-products-row .woocommerce ul.products li.product {
    /* border: 0; */
    /*box-shadow: 0px 0px 11px 0px rgba(98, 98, 98, 0.25);*/
}

.home-products-row .woocommerce ul.products li.product .product-content {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*height: auto;*/
    /*align-items: center;*/
    /*transition: 300ms ease;*/
}

.home-products-row .woocommerce ul.products li.product .product-content .ct-woo-card-actions {
    display: none !important;
}

.home-products-row .woocommerce ul.products {
    /*gap: 0;*/
}

.home-products-row .woocommerce ul.products li.product > a:after {
    /*content: '';*/
    /*position: absolute;*/
    /*inset: 0;*/
    /*background: rgba(84,84,84,0.6);*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: block !important;*/
    /*transition: 300ms ease;*/
}

.home-products-row .woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    color: #fff;
    font-size: 23px;
}

.home-products-row .woocommerce ul.products li.product:hover > a:after,
.home-products-row .woocommerce ul.products li.product:hover .product-content  {
    /*opacity: 0;*/
    /*visibility: hidden;*/
}

.home-products-row .woocommerce ul.products li.product span.ct-image-container img {
    max-height: 380px;
    object-fit: contain;
}

.home-products-row .woocommerce ul.products li.product .ct-image-container {
    border-top: 0;
    margin-bottom: 0;
    padding: 35px;
}

/*.home rs-bullet.tp-bullet {*/
/*    background-color: #D9D9D9;*/
/*}*/

.home rs-bullet.tp-bullet:not(.selected) {
    background: #D9D9D9 !important;
    /*background-color: #59B9C7 !important;*/
}

.home rs-bullet.tp-bullet:hover {
    background: #FFDD00 !important;
}

@media only screen and (min-width: 768px){
    .woocommerce.archive #main .ct-container {
        padding-top: calc(100px - 35px);
        padding-bottom: 80px;
    }
    .home-products-row {
        /*padding-left: 100px !important;*/
    }
}


@media only screen and (max-width: 992px) and (min-width: 581px) {
   .about-industry {
        --grid-num-col: 3;  
   }
   .about-industry > .wpb_column:nth-child(3) .wpb_single_image:after {
        right: auto;
        left: 50%;
        transform: translate(-50%,0) rotate(90deg);
        bottom: -80px;
        top: auto;
    }
    .about-industry > .wpb_column:nth-child(3) ~ div .wpb_single_image:after {
        transform: translateY(-50%) rotate(180deg);
    }
}

@media only screen and (max-width: 580px) {
    .about-industry {
        --grid-num-col: 1 !important;  
        grid-gap: 20px var(--grid-col-gap) !important;
   }
   .about-industry > .wpb_column .wpb_single_image:after {
        right: auto;
        left: 50%;
        transform: translate(-50%,0) rotate(90deg);
        bottom: -75px;
        top: auto;
    }
}


/*New*/

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

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

.fw-500,
.fw-500 strong {
  font-weight: 500 !important;
}

.fw-600,
.fw-600 strong {
  font-weight: 600 !important;
}

.fw-700,
.fw-700 strong {
  font-weight: 700 !important;
}

.fw-800,
.fw-800 strong {
  font-weight: 800 !important;
}

.fw-900,
.fw-900 strong {
  font-weight: 900 !important;
}

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

.font-23 {
  font-size: 23px;
}

.font-25 {
  font-size: 25px;
}

.font-20 {
  font-size: 20px;
}

.font-18 {
  font-size: 18px;
}

.font-16,
.font-16 :is(h1.h2, h3, h4, h5, h6) {
  font-size: 16px !important;
}

.font-30 {
  font-size: 30px;
}

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

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

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

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

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

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

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

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

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

.mt-9 {
  margin-top: 9px !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;
}

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

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

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

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

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

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

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

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

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

.mb-9 {
  margin-bottom: 9px !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;
}

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

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

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

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

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

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

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

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

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

.ml-9 {
  margin-left: 9px !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;
}

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

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

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

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

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

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

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

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

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

.mr-9 {
  margin-right: 9px !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;
}

/* padding - all ------------------------------------------------------------*/
.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 1px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

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

.p-6 {
  padding: 6px !important;
}

.p-7 {
  padding: 7px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-9 {
  padding: 9px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-9 {
  padding-top: 9px !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;
}

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

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

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

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

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

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

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

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

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

.pb-9 {
  padding-bottom: 9px !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;
}

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

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

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

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

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

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

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

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

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

.pl-9 {
  padding-left: 9px !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;
}

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

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

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

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

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

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

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

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

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

.pr-9 {
  padding-right: 9px !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;
}

/*mobile padding and margin*/
@media only screen and (max-width: 767.98px) {
  .mb-65 {
    margin-bottom: 35px !important;
  }

  .mb-75,
  .mb-80,
  .mb-85,
  .mb-90,
  .mb-95,
  .mb-100 {
    margin-bottom: 70px !important;
  }

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

  .mt-75,
  .mt-80,
  .mt-85,
  .mt-90,
  .mt-95,
  .mt-100 {
    margin-top: 70px !important;
  }

  .mr-20,
  .mr-25,
  .mr-30,
  .mr-35,
  .mr-40,
  .mr-45,
  .mr-50,
  .mr-55,
  .mr-60,
  .mr-65,
  .mr-70,
  .mr-75,
  .mr-80,
  .mr-85,
  .mr-90,
  .mr-95,
  .mr-100 {
    margin-right: 15px !important;
  }

  .ml-20,
  .ml-25,
  .ml-30,
  .ml-35,
  .ml-40,
  .ml-45,
  .ml-50,
  .ml-55,
  .ml-60,
  .ml-65,
  .ml-70,
  .ml-75,
  .ml-80,
  .ml-85,
  .ml-90,
  .ml-95,
  .ml-100 {
    margin-left: 15px !important;
  }

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

  .pb-75,
  .pb-80,
  .pb-85,
  .pb-90,
  .pb-95,
  .pb-100 {
    padding-bottom: 70px !important;
  }

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

  .pt-75,
  .pt-80,
  .pt-85,
  .pt-90,
  .pt-95,
  .pt-100 {
    padding-top: 70px !important;
  }

  .pr-20,
  .pr-25,
  .pr-30,
  .pr-35,
  .pr-40,
  .pr-45,
  .pr-50,
  .pr-55,
  .pr-60,
  .pr-65,
  .pr-70,
  .pr-75,
  .pr-80,
  .pr-85,
  .pr-90,
  .pr-95,
  .pr-100 {
    padding-right: 15px !important;
  }

  .pl-20,
  .pl-25,
  .pl-30,
  .pl-35,
  .pl-40,
  .pl-45,
  .pl-50,
  .pl-55,
  .pl-60,
  .pl-65,
  .pl-70,
  .pl-75,
  .pl-80,
  .pl-85,
  .pl-90,
  .pl-95,
  .pl-100 {
    padding-left: 15px !important;
  }

  /*apply on mobile only*/
  /*margin-top*/
  .mobile-mt-0 {
    margin-top: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /*padding-all*/
  .mobile-p-0 {
    padding: 0 !important;
  }

  .mobile-p-1 {
    padding: 1px !important;
  }

  .mobile-p-2 {
    padding: 2px !important;
  }

  .mobile-p-3 {
    padding: 3px !important;
  }

  .mobile-p-4 {
    padding: 4px !important;
  }

  .mobile-p-5 {
    padding: 5px !important;
  }

  .mobile-p-6 {
    padding: 6px !important;
  }

  .mobile-p-7 {
    padding: 7px !important;
  }

  .mobile-p-8 {
    padding: 8px !important;
  }

  .mobile-p-9 {
    padding: 9px !important;
  }

  .mobile-p-10 {
    padding: 10px !important;
  }

  .mobile-p-15 {
    padding: 15px !important;
  }

  .mobile-p-20 {
    padding: 20px !important;
  }

  .mobile-p-25 {
    padding: 25px !important;
  }

  .mobile-p-30 {
    padding: 30px !important;
  }

  .mobile-p-35 {
    padding: 35px !important;
  }

  .mobile-p-40 {
    padding: 40px !important;
  }

  .mobile-p-45 {
    padding: 45px !important;
  }

  .mobile-p-50 {
    padding: 50px !important;
  }

  .mobile-p-55 {
    padding: 55px !important;
  }

  .mobile-p-60 {
    padding: 60px !important;
  }

  .mobile-p-65 {
    padding: 65px !important;
  }

  .mobile-p-70 {
    padding: 70px !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*Header*/

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

#header [data-row*=bottom]{
    display:none;
}

/*Product categories page*/
.iksm-term.iksm-term--child.iksm-term--has-children.iksm-term--current.iksm-term--expanded .iksm-term__inner {
    background-color: #FAFAFA !important;
}

.iksm-term__shifts {
    display: none;
}

.iksm-terms-tree.iksm-terms-tree--level-3.iksm-terms-tree--children a {
    color: #8D8D8D;
}

.iksm-term.iksm-term--id-29.iksm-term--child.iksm-term--has-children {
    border-top: 1px solid #55585B;
    border-bottom: 1px solid #55585B;
}

.iksm-term.iksm-term--parent.iksm-term--has-children > .iksm-term__inner:first-child {
    display: none;
}

.woocommerce .ct-sidebar .widget-title {
    margin-bottom: 0 !important;
    padding: 15px 15px;
    background: #009143;
    color: #fff;
    font-weight: 500;
}

.woocommerce li.product-category mark.count{
    display:none;
}

.archive.woocommerce ul.products li.product > a {
    box-shadow: 0px 0px 11px 0px rgba(98, 98, 98, 0.25);
    border-radius: 10px;
    position: relative;
}

.woocommerce.archive ul.products li.product > a:before,
.related.products .product > a.woocommerce-LoopProduct-link:first-child:before,
.home-products-row [data-products=type-1] .product-category>a:before{
    content: 'Read More -';
    position: absolute;
    background: rgba(0,0,0,0.65);
    color: #009143;
    font-weight: 400;
    width: 100%;
    height: 100%;
    text-align: center;
    align-content: center;
    top: 0;
    left: 0;
    right: 0;
    display: block !important;
    z-index: 1;
    transition: 300ms ease;
    opacity:0;
}

.woocommerce.archive ul.products li.product > a:hover:before,
.related.products .product > a.woocommerce-LoopProduct-link:first-child:hover:before,
.home-products-row [data-products=type-1] .product-category>a:hover:before{
    opacity:1;
}

.woocommerce ul.products li.product .ct-woo-card-actions .button:hover,
button.woosc-btn:hover{
    border:1px solid;
    background: transparent;
    color: #009143;
}

.category-blogs .entries {
    padding-top: 100px;
    padding-bottom: 100px;
    gap: 50px;
}

.entry-card.category-blogs {
    border: 1px solid #009143;
}

.category-blogs a.entry-button.ct-button {
    border: none;
    background-color: transparent;
    color: #009143;
    font-weight: 400;
    padding: 0;
    min-height: unset;
    font-size: 14px;
}

.category-blogs a.entry-button.ct-button:hover {
    color: #FFDD00;
}

.category-blogs .ct-ghost {
    display: none !important;
}

.contact-branch-map .vc_column-inner > .wpb_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.contact-branch-map .vc_custom_heading {
    flex: 1;
}

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

.product-table table, .product-table th, .product-table td {
    border: 0;
}

.product-table th, .product-table td, .product-table tr {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    text-align: center;
}

.product-table th:not(:last-child), .product-table td:not(:last-child) {
    border-right: 1px solid #333333;
}

.product-table th {
    color: #009143;
    font-weight: 500;
}

.buttons-container {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.acf-custom-pdf-download.readmore.enquiry-btn p {
    margin-bottom: 0;
}

.woocommerce .acf-custom-pdf-download.enquiry-btn .vc_general.vc_btn3::before {
    background: red !important;
}

.woocommerce.single-product .woocommerce-product-gallery,
.related.products .product > a.woocommerce-LoopProduct-link:first-child{
    box-shadow: 0px 0px 20px 6px rgba(178, 178, 178, 0.25);
}

.ct-breadcrumbs>span .separator {
    color: #333333;
}

.order-now-inner .vc_btn3 {
    border-radius: 10px;
    font-weight: 400 !important;
    background-image: none;
}

.order-now-inner .vc_btn3:hover{
    background-color:#009143 !important;
}

.order-now-text {
    border: 1px solid #A9A9A9;
    background: #F8F8F8;
    padding: 35px 15px;
}

.order-now-inner > div > .vc_column-inner {
    padding: 0;
}

.order-now-row {
    /*border: 1px solid #009143;*/
    /*padding-top: 35px;*/
}

.order-now-row > div {
    border: 1px solid #009143;
    padding: 35px 20px 0 20px;
}

.order-now-inner small {
    font-weight: 400;
    font-size: 18px;
}

.product-menu > div:nth-child(2) > div > .wpb_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 50px;
}

.product-menu {
    position: fixed !important;
    top: 85px;
    z-index: 11;
}

.product-menu > div > .vc_column-inner {
    padding-top: 0 !important;
}

.product-menu > div > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.product-menu a {
    text-decoration: none;
    color: #fff;
}

.product-menu a:hover,
.product-menu a.active{
    color: #FFDD00;
}

.related.products .ct-woo-card-actions,
.related.products button.woosc-btn{
    display: none;
}

#recommended-industry strong {
    font-weight: 600 !important;
}

button.woosc-btn {
    margin-top: 15px;
}

.home-products-row button.woosc-btn {
    display: none;
}

.about-main .wpb_text_column:first-child p {
    font-size: 20px;
    line-height: 1.6;
}

.about-industry p {
    font-size: 18px;
}

.single-product-title {
    color: #009143;
    font-weight: 600;
    border-bottom: 1px solid #8d8d8d;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-table small {
    line-height: 1.8;
    font-size: 14px;
}

.single-post-row .wpb_single_image * {
    width: 100%;
}

.page-id-18 #footer [data-row*="bottom"] .ct-footer-copyright p {
    color: #333333;
}

.product-table ul{
    list-style-type: none;
    padding-left: 0;
    margin-top: 35px;
}

#recommended-industry ul{
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.product-table li {
    color: #767676;
    font-size: 14px;
}


.order-now-inner > div > div > .wpb_wrapper {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
}

.order-now-row {
    display: block;
}

.order-now-row > div {
    width:100%;
}

.woocommerce .whatsapp-b.enquiry-btn .vc_general.vc_btn3::before {
    background: #25D366;
}


@media only screen and (min-width: 999.98px){
  
    .order-now-row {
        display: flex;
        /* gap: 35px; */
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    
    .order-now-row > div:first-child {margin-right:15px;}
    .order-now-row > div:last-child {margin-left:15px;}
}

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

    .order-now-text ul {
        /*column-count: 2;*/
    }
    
    .service-main > div > div > div >.wpb_text_column:first-child {
        width: 50%;
        margin: auto;
    }

}

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

    .product-menu{
        display:none !important;
    }
    
    .product-table {
        overflow-x: auto;
    }
    
    .product>.woocommerce-tabs {
        padding-top: 35px;
    }
    
    .order-now-row {
        padding-left: 0;
        padding-right: 0;
    }
    
    aside#sidebar{
    display:block !important;
    order:-1;
    }

    .iksm-widget .iksm-container {
    display: none;
    }
    .iksm-widget .iksm-container.display {
      display: block;
    }
    
    .iksm-widget .widget-title {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px 10px 0;
    font-weight: 500 !important;
    border-bottom: 1px solid #333333;
    font-size: 18px;
    font-family: var(--theme-font-family) !important;
    color:#333333 !important;
    background-color:rgba(240,240,240,1) !important;
    }
    
    .iksm-widget .widget-title:after {
    content: '\E815' !important;
    font-family: "IksIcons";
    font-size: 15px;
    font-weight: 900;
    }
    
    .iksm-widget .widget-title.minus:after {
    content: '\f068' !important;
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    font-weight: 900;
    }
    
    .mobile-text-justify p{
      text-align: justify !important;
    }
    
    .category-blogs .entries {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    .single-post-row > div > .vc_column-inner {
        padding-right: 0;
        padding-left: 0;
    }
    
    .entry-card.category-blogs {
        padding: 20px 15px;
    }
    
    .category-blogs a.ct-image-container.boundless-image {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .single-post-row .wpb_single_image img {
        min-height: 150px;
        object-fit: cover;
    }
    
    #footer [data-row*="middle"] [data-column="widget-area-2"] .widget_custom_html .custom-html-widget p:not(:last-child) {
        margin-bottom: 15px;
    }
    
    #footer [data-row*="middle"] [data-column="widget-area-2"] p, #footer [data-row*="middle"] [data-column="widget-area-2"] .textwidget {
        text-align: left;
    }
    
    #footer [data-row*="middle"] [data-column="widget-area-2"] .widget_text:not(.widget_custom_html) p:before {
        width: 30px;
        height: 30px;
    }
    
    .woocommerce div.product div.woocommerce-tabs div.woocommerce-Tabs-panel.panel {
        padding-top: 0;
    }
    
    div#features {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        /*margin-bottom: 0 !important;*/
    }
    
    div#specification> div > .vc_column-inner {
        padding-right: 0;
        padding-left: 0;
    }
    
    /*div#specification {*/
    /*    padding-bottom: 0 !important;*/
    /*}*/
    
    div#recommended-industry {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .single-order-now {
        /*padding-top: 35px !important;*/
    }
    
    .order-now-inner span {
        font-size: 25px;
    }
    
    .mobile-font-20 {
      font-size: 20px;
    }
    
    .mobile-font-23 {
      font-size: 23px;
    }
    
    .mobile-font-27 {
      font-size: 27px;
    }
    
    .home-about > div > div >div> .wpb_text_column:first-child {
        text-align: left;
    }
    
    .home-project-title .wpb_single_image img {
        min-height: 165px;
    }
    
    .home-products-row .woocommerce ul.products li.product h2.woocommerce-loop-product__title {
        font-size: 23px;
    }
    
    .buttons-container {
        align-items: flex-start;
        /* flex-direction: column; */
        margin-top: 35px;
        margin-bottom: 35px;
        row-gap: 15px;
    }
    
    .woocommerce .buttons-container > .enquiry-btn.readmore:first-child,
    .woocommerce .acf-custom-pdf-download.readmore.enquiry-btn,
    .woocommerce .whatsapp-b.readmore.enquiry-btn{
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    
    .woocommerce.archive #main .ct-container {
        padding-bottom: 50px !important;
    }
    
    .woocommerce.single-product .product-entry-wrapper {
        display: block;
    }

}

@media only screen and (max-width: 999.98px){
    
    .order-now-row > div:first-child {
        margin-bottom:35px;
    }
}




/*Test compare*/

#woosc_table .single-product-title {
    display: none;
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:nth-child(2n) td{
    background-color: rgb(105 162 215 / 10%)
}

.woosc-area td.td-label {
    font-weight: 600 !important;
    font-family: 'Poppins';
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
    padding: 25px 50px 25px 0;
    text-align: justify;
}

.download-form.contact-form .form {
    grid-template-columns: repeat(1, 1fr);
}

.home-products-row [data-products=type-1] .product-category>a {
    box-shadow: 0px 0px 11px 0px rgba(98, 98, 98, 0.25);
}



button.woosc-btn {
    background: transparent;
    color: #009143;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid;
    padding: 5px;
}
button.woosc-btn:hover {
    color: #FFDD00;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid;
}

.product-content a.woocommerce-LoopProduct-link {
    grid-column: 1/3;
}