/*---------- ANIMATION ----------*/
@-webkit-keyframes kbrns_zoomInOut {
    0% {
      -webkit-transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.2);
    }
  }
  @-moz-keyframes kbrns_zoomInOut {
    0% {
      -moz-transform: scale(1);
    }
    100% {
      -moz-transform: scale(1.2);
    }
  }
  @-ms-keyframes kbrns_zoomInOut {
    0% {
      -ms-transform: scale(1);
    }
    100% {
      -ms-transform: scale(1.2);
    }
  }
  
  @-o-keyframes kbrns_zoomInOut {
    0% {
      -o-transform: scale(1);
    }
    100% {
      -o-transform: scale(1.2);
    }
  }
  @keyframes kbrns_zoomInOut {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.2);
    }
  }

/* Defaults */
.mystickyelements-position-left.mystickyelements-entry-effect-slide-in.entry-effect {
    display: none !important;
}

.ip-services-single {
    overflow: hidden;
}

/* Banner */
.ip-ss-banner {
    position: relative;
    min-height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ip-ss-banner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0.7;
}

.ip-ss-banner::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 2;
    background: rgb(145,181,73);
    background: linear-gradient(0deg, rgba(145,181,73,1) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.7;
}

.bg-canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    pointer-events: none;
    -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
  -moz-animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
  -o-animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
  -ms-animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
  animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
}

.ip-ss-banner-main {
    position: relative;
    z-index: 100;
}

.ip-ss-banner .global-title span {
    color: #fff;
}

.ip-banner-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ip-ss-banner .global-title {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto 30px;
    padding: 0 15px;
}

/* Section 1 */
.ip-ss-sec.sec1 {
    background: #fff;
}

.ip-ss-content-txt {
    font-size: 15px;
    line-height: 1.7;
}

.ip-ss-content-txt h3 {
    font-size: 20px;
    margin: 30px 0 20px;
    color: var(--crblt-lgrn);
}

.ip-ss-content-txt h4 {
    font-size: 18px;
    margin: 30px 0 20px;
}

.ip-ss-content-txt a {
    color: var(--crblt-lgrn);
}

.ip-ss-content-txt p:first-of-type {
    font-size: 18px;
    font-weight: 700;
}

.ip-ss-content-txt ul p:first-of-type {
    font-weight: 400;
    font-size: 15px;
}

.ip-ss-content-btn a {
    color: #fff;
    max-width: 250px;
}

.sec1 .ip-ss-sec-main {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.ip-ss-sec-container {
    max-width: 1440px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
}

.ip-ss-col.content {
    width: 60%;
    padding: 0 30px 0 0;
}

.ip-ss-content-inner {
    max-width: 700px;
    width: 100%;
}

.ip-ss-col.img {
    width: 40%;
}

.ip-ss-col.img .img-wrapper {
    z-index: 100;
}

.sec1 .ip-ss-img-inner {
    background: #fff;
    padding: 10px;
    box-shadow: 0 0px 30px #cccccc6e;
    position: relative;
}

.sec1 .ip-ss-img-inner::after {
    content: '';
    height: 90%;
    width: 90%;
    border: 5px solid var(--crblt-lgrn);
    background: var(--crblt-lgrn);
    position: absolute;
    top: -25px;
    left: -25px;
}

/* Section 2 */
.ip-ss-sec.sec2 {
    background: #fff;
    overflow: hidden;
    position: relative;
}

.ip-ss-sec.sec2 .ip-ss-sec-container {
    position: relative;
}

.ip-ss-sec.sec2 .ip-ss-sec-container::after {
    content: '';
    position: absolute;
    right: -20px;
    bottom: -50px;
    width: 200px;
    height: 100%;
    background: var(--crblt-lgrn);
    z-index: 0;
}

.sec2 .ip-ss-sec-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    position: relative;
    z-index: 100;
    background: #dfe1db;
    padding: 30px 15px;
}

.sec2 .ip-ss-col.content {
    padding: 0 0 0 30px;
}

.sec2 .ip-ss-content-inner {
    margin: auto;
}

/* Section 3 */
.ip-ss-sec.sec3 {
    background: #fff;
    overflow: hidden;
    position: relative;
}

.ip-ss-sec.sec3 .ip-ss-content-txt p:first-of-type {
    font-size: 15px;
    font-weight: 400;
}

.ip-ss-clients-holder {
    margin: 80px 0 0;
}

.ip-ss-clients-item {
    padding: 0 50px;
}

.ip-ss-clients-holder:not(.slick-initialized) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ip-ss-clients-holder:not(.slick-initialized) .ip-ss-clients-item:nth-child(n + 5) ~ div {
    display: none;
}

/* Section 4 */
.ip-ss-sec.sec4 {
    background: var(--crblt-blk);
    color: #fff;
}

.ip-ss-sec.sec4 .ip-ss-content-txt p:first-of-type {
    font-size: 15px;
    font-weight: 400;
}

.ip-ss-sec.sec4 .global-title span {
    color: #fff;
}

.sec4 .ip-ss-sec-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.sec4 .ip-ss-col.content {
    padding: 0 0 0 30px;
}

.sec4 .ip-ss-content-inner {
    margin: auto;
}

.ip-ss-content-txt strong {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 10px;
    display: block;
}

.ip-ss-accordion {
    margin: 50px 0 0;
}

.ip-ss-accordion #accordion {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 0 -15px;
}

.ip-ss-accordion #accordion .panel {
    width: calc(100% / 3);
    /* border: 1px solid #ccc; */
}

.ip-ss-accordion #accordion .panel .panel-heading {
    padding: 15px;
}

.ip-ss-accordion #accordion .panel .panel-title a {
    max-width: 100%;
}

/* Section 5 */
.cta-proj-txt.ip-ss-content-txt {
    max-width: 900px;
    width: 100%;
    margin: auto;
    text-transform: none;
}

.cta-proj-txt.ip-ss-content-txt p {
    font-size: 15px;
    font-weight: 400;
}

.ip-serv-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.cta-proj .ip-serv-btn a {
    margin: 15px;
}



@media screen and (max-width: 991px){
    .crblt__navigationWrapper img {
        filter: invert(1) brightness(15);
    }

    .ip-ss-banner {
        padding: 100px 15px;
        min-height: auto;
    }

    .sec1 .ip-ss-sec-main {
        flex-direction: column-reverse;
    }

    .ip-ss-col.img {
        width: 100%;
        max-width: 500px;
    }

    .ip-ss-col.content {
        width: 100%;
        padding: 50px 0 0;
    }

    .ip-ss-content-inner {
        max-width: 100%;
    }

    .sec2 .ip-ss-col.content {
        padding: 0;
    }

    .ip-ss-accordion #accordion .panel {
        width: 100%;
    }

    .ip-serv-btn {
        flex-direction: column;
    }

    .sec4 .ip-ss-col.content {
        padding: 0;
    }
}