/*
Theme Name: Conax Child
Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Template: conax
Author: ThemeNectar
Author URI: https://themeforest.net/user/themenectar
Description: An Ultra Responsive Multi-Purpose Theme.
Version: 16.2.0.1716187090
Updated: 2024-05-20 06:38:10

*/

.grecaptcha-badge {
    visibility: hidden;
}

.pageSection {
    padding: 90px 0 !important;
}

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

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

body .mt0 {
    margin-top: 0 !important;
}

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

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

.fw500 {
    font-weight: 500 !important;
}

.fw600 {
    font-weight: 600 !important;
}

.fw700 {
    font-weight: 700 !important;
}

.align-center,
.align-center * {
    text-align: center;
}

/*--- Color ---*/

.whitetxt,
.whitetxt * {
    color: #fff !important;
}

.primarytxt,
.primarytxt * {
    color: #54A665 !important;
}

.secondarytxt,
.secondarytxt * {
    color: #00305B !important;
}

/*--- Animation | typewriter ---*/
.typewriter h1 {
    overflow: hidden;
    /* Ensures the content is not revealed until the animation */
    border-right: 0;
    /* The typwriter cursor */
    white-space: nowrap;
    display: block;
    /* Keeps the content on a single line */
    /*  margin: 0 auto;*/
    padding-right: 10px;
    /* Gives that scrolling effect as the typing happens */
    /*  letter-spacing: .15em;*/
    /* Adjust as needed */
    animation: typing 1.5s steps(40, end), pause 1s 1.5s infinite
        /*,
        blink-caret .75s step-end infinite*/
    ;
}

/* The typing effect */
@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}


@keyframes pause {
    from {
        width: 100%;
    }

    to {
        width: 100%;
    }
}

/* The typewriter cursor effect */
@keyframes blink-caret {

    from,
    to {
        border-color: transparent
    }

    50% {
        border-color: transparent
    }
}

/*--- Header ---*/
.current-menu-item a {
    font-weight: 600 !important;
}

.page-id-26 .current-menu-item * {}

li.button_solid_color a {
    font-weight: 600 !important;
    color: #fff !important;
}

#top nav > ul > li[class*="button_solid_color"] > a:before,
#header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a:before,
#header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    height: 35px;
}

/*--- Home ---*/

.homeSliderSection .swiper-container,
.homeSliderSection .swiper-slide {
    background-color: rgba(0, 0, 0, 0) !important;
}

.homeSliderSection .buttons * {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.homeSliderSection .nectar-slider-wrap[data-caption-trans="reveal_title"] .swiper-slide .content .ns-heading-el .word [class*="char"] {
    transform: translateY(0) !important;
}

.homeSliderSection .nectar-slider-wrap[data-caption-trans="reveal_title"] .swiper-slide .content .ns-heading-el .word .char-inner {
    transform-origin: top;
}

.whySection .cell .inner-wrap {
    background: linear-gradient(180deg, #E6F4F4, #fff);
    padding: 70px 50px !important;
}

.whySection .cell.is-selected .inner-wrap {
    background: linear-gradient(0deg, #E6F4F4, #fff);
}


.ico-img {
    margin: 30px auto !important;
    width: 90px !important;
}

.journeySection .nectar-badge__inner {
    display: inline-block;
    line-height: 20px !important;
    color: #fff;
    border-radius: 50%;
    padding: 10px !important;
    display: block !important;
    width: 40px;
    height: 40px;
    margin: auto;
}

.journeySection .nectar-flickity {
    transform: translateY(-84px) !important;
}

.journeySection .nectar-flickity.nectar-carousel[data-column-padding="50px"] .inner-wrap {
    padding-bottom: 0 !important;
}

.homeformSection .row-bg-overlay.row-bg-layer {
    background-color: transparent !important;
    background: url(images/homeformbg.png) no-repeat right bottom;
    background-size: 100% auto;
    opacity: 1 !important;
}

.homeformSection label {
    color: #fff;
    font-weight: 700;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    top: 52px !important;
    background: none;
    font-size: 11px;
    font-weight: 600 !important;
    z-index: 22;
    color: #54A665 !important;
}

.form-field {
    margin-bottom: 35px;
}

.form-field span input,
.form-field span textarea {
    margin-top: 9px;
}

/*--- About ---*/


.nectar_hotspot_wrap:nth-of-type(1) .nttip .inner:before {
    content: 'Waste Tracking System (WTS)';
    font-weight: 600;
    color: #00305B;
    margin-bottom: 10px;
    display: block;
}


.nectar_hotspot_wrap:nth-of-type(2) .nttip .inner:before {
    content: 'Recipe Management System (RMS)';
    font-weight: 600;
    color: #00305B;
    margin-bottom: 10px;
    display: block;
}

.nectar_hotspot_wrap:nth-of-type(3) .nttip .inner:before {
    content: 'Track & Trace (T&T)';
    font-weight: 600;
    color: #00305B;
    margin-bottom: 10px;
    display: block;
}

.nectar_hotspot_wrap:nth-of-type(4) .nttip .inner:before {
    content: 'Digital Reporting Server';
    font-weight: 600;
    color: #00305B;
    margin-bottom: 10px;
    display: block;
}

.nectar_hotspot_wrap:nth-of-type(5) .nttip .inner:before {
    content: 'Central Monitoring System (CMS)';
    font-weight: 600;
    color: #00305B;
    margin-bottom: 10px;
    display: block;
}

.nectar_hotspot_wrap:nth-of-type(6) .nttip .inner:before {
    content: 'Inventory Operations Management';
    font-weight: 600;
    color: #00305B;
    margin-bottom: 10px;
    display: block;
}

.nectar_hotspot_wrap:nth-of-type(7) .nttip .inner:before {
    content: 'Overall Equipment Effectiveness (OEE)';
    font-weight: 600;
    color: #00305B;
    margin-bottom: 10px;
    display: block;
}


.nectar_hotspot_wrap:nth-of-type(8) .nttip .inner:before {
    content: 'Quality Management System (QMS)';
    font-weight: 600;
    color: #00305B;
    margin-bottom: 10px;
    display: block;
}

/*--- Solutions ---*/

.page-id-18 .cell * {
    text-align: center !important;
}

html .page-id-18 .cell .ico-img {
    width: 55px !important;
    margin-top: 5px !important;
}

.iotbenefitSection .cell:nth-of-type(2n-1) .inner-wrap {
    background: linear-gradient(200deg, #fff, #f7f7f7);
    padding: 70px 50px !important;
}


.iotbenefitSection .cell:nth-of-type(2n) .inner-wrap {
    background: linear-gradient(-200deg, #fff, #f7f7f7);
    padding: 70px 50px !important;
}

/*--- Projects ---*/

.projectSection .toggle.default {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}

.projectSection h3.toggle-title a {
    font-weight: 700 !important;
    padding-top: 40px !Important;
    padding-bottom: 40px !important;
}

.projectSection .inner-toggle-wrap {
    padding: 3% 5% !Important;
}

.projectSection h4 {
    font-size: 18px !Important;
    font-weight: 600 !Important;
    color: #54A665
}

/*--- Contact ---*/
.contactSection iframe {
    margin-bottom: -6px;
    line-height: 0;
}

/*--- Policy ---*/
.privacytable table {
    color: #000;
    background: rgba(255, 255, 255, 0.7);
}

.privacytable table th,
.privacytable table td {
    padding: 2% !important;
}

.privacytable table th:nth-child(1),
.privacytable table td:nth-child(1) {
    width: 30%;
}

/*--- Footer ---*/
body #footer-outer .row {
    padding: 30px 0;
}

body #footer-outer .row * {
    font-size: 12px;
}

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

    .desktopview {
        display: none !important;
    }

    .iotbenefitSection .cell:nth-of-type(2n-1) .inner-wrap {
        padding: 50px !important;
    }


    .iotbenefitSection .cell:nth-of-type(2n) .inner-wrap {
        padding: 50px !important;
    }
}

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

    .mobileview {
        display: none !important;
    }

    .homeSliderSection .slider-pagination {
        position: absolute;
        right: 0;
    }

    html .homeSliderSection .swiper-slide .content p {
        font-size: 40px;
        line-height: 50px;
        font-weight: 400;
    }

    .half {
        width: calc(50% - 20px);
        display: inline-block;
        height: 100%;
    }

    .homeformSection .half:nth-of-type(2n) {
        float: right;
    }

    .projectSection .toggle.default.open h3 a {
        font-size: 24px !important;
    }


    .nectar_hotspot_wrap:nth-of-type(1) > .nectar_hotspot:after {
        display: inline-block;
        content: 'Waste Tracking System (WTS)';
        width: max-content;
        background: rgba(230, 244, 244, 0.9);
        padding: 5px 13px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 12px;
        color: #00305B;
        position: absolute;
        top: -4px;
        left: 33px;
    }

    .nectar_hotspot_wrap:nth-of-type(2) > .nectar_hotspot:after {
        display: inline-block;
        content: 'Recipe Management System (RMS)';
        width: max-content;
        background: rgba(230, 244, 244, 0.9);
        padding: 5px 13px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 12px;
        color: #00305B;
        position: absolute;
        top: -4px;
        left: 33px;
    }

    .nectar_hotspot_wrap:nth-of-type(3) > .nectar_hotspot:after {
        display: inline-block;
        content: 'Track & Trace (T&T)';
        width: max-content;
        background: rgba(230, 244, 244, 0.9);
        padding: 5px 13px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 12px;
        color: #00305B;
        position: absolute;
        top: -4px;
        left: 33px;
    }

    .nectar_hotspot_wrap:nth-of-type(4) > .nectar_hotspot:after {
        display: inline-block;
        content: 'Digital Reporting Server';
        width: max-content;
        background: rgba(230, 244, 244, 0.9);
        padding: 5px 13px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 12px;
        color: #00305B;
        position: absolute;
        top: -4px;
        left: 33px;
    }

    .nectar_hotspot_wrap:nth-of-type(5) > .nectar_hotspot:after {
        display: inline-block;
        content: 'Central Monitoring System (CMS)';
        width: max-content;
        background: rgba(230, 244, 244, 0.9);
        padding: 5px 13px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 12px;
        color: #00305B;
        position: absolute;
        top: -4px;
        left: 33px;
    }

    .nectar_hotspot_wrap:nth-of-type(6) > .nectar_hotspot:after {
        display: inline-block;
        content: 'Inventory Operations Management';
        width: max-content;
        background: rgba(230, 244, 244, 0.9);
        padding: 5px 13px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 12px;
        color: #00305B;
        position: absolute;
        top: -4px;
        left: 33px;
    }

    .nectar_hotspot_wrap:nth-of-type(7) > .nectar_hotspot:after {
        display: inline-block;
        content: 'Overall Equipment Effectiveness (OEE)';
        width: max-content;
        background: rgba(230, 244, 244, 0.9);
        padding: 5px 13px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 12px;
        color: #00305B;
        position: absolute;
        top: -4px;
        left: 33px;
    }

    .nectar_hotspot_wrap:nth-of-type(8) > .nectar_hotspot:after {
        display: inline-block;
        content: 'Quality Management System (QMS)';
        width: max-content;
        background: rgba(230, 244, 244, 0.9);
        padding: 5px 13px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 12px;
        color: #00305B;
        position: absolute;
        top: -4px;
        left: 33px;
    }

    /*  .projectimg-right {
        margin-left: -25%;
    }

    .projectimg-left {
        margin-right: -25%;
    }
*/
    #footer-outer .widget {
        margin-bottom: 0;
    }

    #footer-outer div#custom_html-2 {
        text-align: right;
    }
}
