/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* =====================================================
   COGENTIX ABOUT HERO - MISSION & VISION
===================================================== */

.about-hero-banner {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #f8fcf7 50%,
        #eef9eb 100%
    );
}


/* RIGHT AREA */

.about-right-new {
    position: relative;
    min-height: 500px;

    display: flex;
    align-items: center;

    padding-left: 20px;
}


/* =====================================================
   CIRCLE
===================================================== */

.about-circle-new {
    position: relative;

    width: 360px;
    height: 360px;

    border-radius: 50%;

    overflow: hidden;

    background: #111;

    flex-shrink: 0;

    z-index: 1;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.15);
}


.about-circle-new img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}


/* GREEN GLOW */

.about-circle-new::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    left: -30px;
    top: -30px;

    border-radius: 50%;

    border: 2px solid rgba(83, 180, 70, 0.18);

    pointer-events: none;
}


/* =====================================================
   MISSION / VISION
===================================================== */

.about-cards-new {
    position: absolute;

    left: 285px;

    top: 50%;

    transform: translateY(-50%);

    width: 285px;

    display: flex;
    flex-direction: column;

    gap: 18px;

    z-index: 5;
}


/* CARD */

.about-card-new {
    display: flex;

    gap: 12px;

    padding: 18px;

    border-radius: 18px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(64, 160, 70, 0.15);

    box-shadow:
        0 15px 35px rgba(30, 90, 40, 0.12);

    transition: all 0.3s ease;
}


/* HOVER */

.about-card-new:hover {
    transform: translateX(7px);

    border-color: rgba(65, 170, 70, 0.45);

    box-shadow:
        0 20px 45px rgba(30, 100, 40, 0.18);
}


/* ICON / NUMBER */

.about-card-icon-new {
    width: 38px;
    height: 38px;

    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #e8f7e4;

    color: #3c9d45;

    font-size: 11px;

    font-weight: 700;
}


/* LABEL */

.about-card-new small {
    display: block;

    margin-bottom: 3px;

    color: #4ca653;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


/* TITLE */

.about-card-new h3 {
    margin: 0 0 6px;

    color: #14251b;

    font-size: 18px;

    font-weight: 700;
}


/* DESCRIPTION */

.about-card-new p {
    margin: 0;

    color: #66746c;

    font-size: 11px;

    line-height: 1.6;
}


/* =====================================================
   DECORATIVE GREEN BACKGROUND
===================================================== */

.about-hero-banner::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    right: -100px;
    top: -100px;

    border-radius: 50%;

    background: rgba(92, 190, 80, 0.10);

    filter: blur(70px);

    pointer-events: none;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1199px) {

    .about-right-new {
        padding-left: 0;
    }

    .about-circle-new {
        width: 320px;
        height: 320px;
    }

    .about-cards-new {
        left: 245px;
        width: 270px;
    }

}


/* =====================================================
   MOBILE / TABLET
===================================================== */

@media (max-width: 991px) {

    .about-right-new {

        margin-top: 60px;

        min-height: auto;

        display: flex;

        flex-direction: column;

        padding: 0;
    }


    .about-circle-new {

        width: 340px;
        height: 340px;
    }


    .about-cards-new {

        position: relative;

        left: auto;
        top: auto;

        transform: none;

        width: 100%;

        margin-top: -20px;

        padding: 0 20px;

        flex-direction: row;
    }


    .about-card-new {

        flex: 1;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 600px) {

    .about-hero-banner {
        padding: 60px 0;
    }


    .about-circle-new {

        width: 280px;
        height: 280px;
    }


    .about-cards-new {

        flex-direction: column;

        margin-top: 25px;

        padding: 0;
    }


    .about-card-new {

        width: 100%;
    }


    .about-card-new p {
        font-size: 12px;
    }

}/* =========================================================
   COGENTIX SERVICES DROPDOWN
   ========================================================= */

.navbar-nav .dropdown {
    position: relative;
}

/* Services main link */
.navbar-nav .dropdown > .nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s ease;
}

/* Bootstrap default arrow - customize it */
.navbar-nav .dropdown-toggle::after {
    margin-left: 4px;
    vertical-align: middle;
    border-top: 5px solid currentColor;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0;
    transition: transform 0.3s ease;
}

/* Rotate arrow when dropdown is open */
.navbar-nav .dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN BOX
   ========================================================= */

.navbar-nav .dropdown-menu {
    min-width: 250px;

    margin-top: 14px !important;
    padding: 8px 0;

    background: #ffffff;

    border: 1px solid rgba(35, 148, 94, 0.12);
    border-radius: 14px;

    box-shadow:
        0 15px 40px rgba(20, 50, 35, 0.12),
        0 5px 15px rgba(20, 50, 35, 0.05);

    overflow: hidden;

    /* Smooth opening */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;
}


/* Bootstrap .show */
.navbar-nav .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* =========================================================
   SMALL GREEN ARROW ABOVE DROPDOWN
   ========================================================= */

.navbar-nav .dropdown-menu::before {
    content: "";

    position: absolute;

    top: -6px;
    right: 35px;

    width: 12px;
    height: 12px;

    background: #ffffff;

    border-left: 1px solid rgba(35, 148, 94, 0.12);
    border-top: 1px solid rgba(35, 148, 94, 0.12);

    transform: rotate(45deg);
}


/* =========================================================
   DROPDOWN ITEMS
   ========================================================= */

.navbar-nav .dropdown-menu .dropdown-item {
    position: relative;

    padding: 12px 20px;

    color: #26342d;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.4;

    white-space: normal;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        padding-left 0.25s ease;
}


/* Left green line */
.navbar-nav .dropdown-menu .dropdown-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 3px;
    height: 0;

    background: #23945e;

    border-radius: 0 3px 3px 0;

    transform: translateY(-50%);

    transition: height 0.25s ease;
}


/* Hover */
.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .dropdown-item:focus {
    background: #eaf8f0;

    color: #23945e;

    padding-left: 25px;
}


/* Green line appears */
.navbar-nav .dropdown-menu .dropdown-item:hover::before,
.navbar-nav .dropdown-menu .dropdown-item:focus::before {
    height: 70%;
}


/* Remove Bootstrap active background */
.navbar-nav .dropdown-menu .dropdown-item.active,
.navbar-nav .dropdown-menu .dropdown-item:active {
    background: #eaf8f0;
    color: #23945e;
}


/* =========================================================
   DESKTOP HOVER
   ========================================================= */

@media (min-width: 992px) {

    .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;

        opacity: 1;
        visibility: visible;

        transform: translateY(0);
    }

    .navbar-nav .dropdown:hover > .dropdown-toggle::after {
        transform: rotate(180deg);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .navbar-nav .dropdown-menu {
        position: static;

        width: 100%;
        min-width: 100%;

        margin-top: 5px !important;

        padding: 5px 0;

        background: rgba(35, 148, 94, 0.05);

        border: none;
        border-radius: 8px;

        box-shadow: none;

        opacity: 1;
        visibility: visible;
        transform: none;

        transition: none;
    }

    .navbar-nav .dropdown-menu::before {
        display: none;
    }

    .navbar-nav .dropdown-menu .dropdown-item {
        padding: 10px 20px;

        font-size: 13px;
    }

    .navbar-nav .dropdown-menu .dropdown-item:hover {
        padding-left: 25px;
    }

}