/*!
README - STYLEGUIDE BRIEFLY
Find the style by section component, using Find or CTRL + F
BREADCRUMB STYLE, CONTENT STYLE
Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/
/*===============================
    STYLING GENERAL * start *
================================*/
.row-display-flex,
.vc_row.row-display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.vc_row.row-full-width-container:before,
.vc_row.row-full-width-container:after,
.vc_row.wpb_row.row-display-flex:before,
.vc_row.wpb_row.row-display-flex:after {
    display: none;
}

.vc_row.row-width-auto>.wpb_column {
    width: auto;
}

.justify-space-between,
.vc_row.justify-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-center,
.vc_row.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-flex-start,
.vc_row.justify-flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-flex-end,
.vc_row.justify-flex-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-space-around,
.vc_row.justify-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.align-items-space-between,
.vc_row.align-items-space-between {
    -webkit-box-align: space-between;
    -webkit-align-items: space-between;
    -moz-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
}

.align-items-center,
.vc_row.align-items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-stretch,
.vc_row.align-items-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-items-flex-start,
.vc_row.align-items-flex-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-items-flex-end,
.vc_row.align-items-flex-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.col-flex-wrapper.wpb_column>.vc_column-inner>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vc_row.row-z-index {
    position: relative;
    z-index: 9;
}

.vc_section.section-visible[data-vc-full-width],
.vc_row.row-visible[data-vc-full-width] {
    overflow: visible;
}

.vc_section.vc_section-has-fill {
    padding-top: 0px;
}

.col-auto.wpb_column {
    width: auto;
}

.col-auto.wpb_column:last-child {
    margin-left: auto;
}

.col-auto.wpb_column:first-child {
    margin-right: auto;
}

.vc_row.row-col-same-height {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.vc_row.row-col-same-height>.wpb_column>.vc_column-inner,
.vc_row.row-col-same-height>.wpb_column>.vc_column-inner>.wpb_wrapper {
    height: 100%;
}

.text-white *,
.title-white *,
.wpb_text_column.title-white * {
    color: var(--white) !important;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    -webkit-border-radius: var(--rounded-lg);
       -moz-border-radius: var(--rounded-lg);
            border-radius: var(--rounded-lg);
}

*+h2:not(:first-of-type),
*+h3:not(:first-of-type),
*+h4:not(:first-of-type) {
	margin-top: 32px;
}

*+h5:not(:first-of-type),
*+h6:not(:first-of-type) {
	margin-top: 24px;
}

/* list bullet yellow check */
.vc_row.row-content-image ul,
.list-bullet-bluecheck ul,
.single .main-content-post ul,
.single .row-content-post-cases >.wpb_column:nth-child(2) ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 15px;
}

.vc_row.row-content-image ul li,
.list-bullet-bluecheck ul li,
.single .main-content-post ul li,
.single .row-content-post-cases >.wpb_column:nth-child(2) ul li {
    position: relative; 
}

.list-bullet-bluecheck ul li {
    padding-left: -webkit-calc(36px + 16px);
    padding-left: -moz-calc(36px + 16px);
    padding-left: calc(36px + 16px);
    line-height: var(--lineheight-xs);
}

.vc_row.row-content-image ul li {
    padding-left: -webkit-calc(24px + 16px);
    padding-left: -moz-calc(24px + 16px);
    padding-left: calc(24px + 16px);
}

.vc_row.row-content-image ul li:before,
.list-bullet-bluecheck ul li:before,
.single .main-content-post ul li:before,
.single .row-content-post-cases >.wpb_column:nth-child(2) ul li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    background: var(--transparent) var(--icon-checklist-blue) center/contain no-repeat;
}

.list-bullet-bluecheck ul li:before {
    width: 36px;
}

.vc_row.row-content-image ul li:before,
.single .main-content-post ul li:before,
.single .row-content-post-cases >.wpb_column:nth-child(2) ul li:before {
    width: 24px;
}

.vc_row.row-content-image ul li+li,
.list-bullet-bluecheck ul li+li {
    margin-top: 11px;
}

section.vc_section.vc_section-has-fill {
    padding-top: 0;
}

/* subtitle gray in top heading */
.wpb_text_column p:first-of-type > strong {
    color: var(--gray-blue);
    font-weight: 600;
    line-height: var(--lineheight-m);
}

.wpb_text_column p:first-of-type + h2,
.wpb_text_column p:first-of-type + h3,
.wpb_text_column p:first-of-type + h4
.wpb_text_column p:first-of-type + h5,
.wpb_text_column p:first-of-type + h6 {
    margin-top: -7px;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
    margin-top: 0;
}

/* color anchor */
.wpb_text_column a {
    color: var(--yellow);
    font-weight: 600;
}

/* font size ------------------*/
.text-4xl {
    font-size: var(--text-4xl);
}

.text-lg {
    font-size: var(--text-lg);
}

.text-md {
    font-size: var(--text-md);
}

.text-sm {
    font-size: var(--text-sm);
}

/* font family ------------------*/
.font-poppins * {
    font-family: var(--fontfamily-sans);
}

.font-raleway * {
    font-family: var(--fontfamily-raleway);
}

.font-reem-kufi * {
    font-family: var(--fontfamily-reem-kufi);
}

/* font-weight --------------------*/
.fw-black {
    font-weight: 900;
}

.fw-extrabold {
    font-weight: 800;
}

.fw-bold {
    font-weight: 700;
}

.fw-semibold {
    font-weight: 600; 
}

.fw-medium {
    font-weight: 500; 
}

.fw-normal {
    font-weight: 400;
}

/* efect hover list or text ------------------*/
.hover-list ul li {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: var(--duration) ease-in;
    -o-transition: var(--duration) ease-in;
    -moz-transition: var(--duration) ease-in;
    transition: var(--duration) ease-in;
}

.hover-list ul li:hover {
    -webkit-transform: translateX(3px);
       -moz-transform: translateX(3px);
        -ms-transform: translateX(3px);
         -o-transform: translateX(3px);
            transform: translateX(3px);
}

/* z-index */
.z-index-2 {
    position: relative;
    z-index: 2;
}

/* background full image absolute */
.vc_row.row-bg-pattern-template>.wpb_column,
.vc_section.bg-full-absolute>.wpb_column,
.vc_row.bg-full-absolute>.wpb_column,
.vc_row.row-bg-pattern-template>.wpb_column
.vc_row.row-how-we-do>.wpb_column {
    position: relative;
    z-index: 2;
}


.vc_section.bg-full-absolute:before,
.vc_row.bg-full-absolute:before,
.vc_row.row-bg-pattern-template:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--transparent) center/cover no-repeat;
    z-index: 1;
    -webkit-animation: showIn 2000ms;
       -moz-animation: showIn 2000ms;
         -o-animation: showIn 2000ms;
            animation: showIn 2000ms;
} 

/* icon pattern arrow/plus */
.icon-plus-orange,
.icon-plus-white-no-background,
.icon-location,
.icon-location-white,
.icon-time,
.icon-time-white {
    display: inline-block;
    background: var(--transparent) center/cover no-repeat;
}

.icon-plus-orange {
    width: 31px;
    height: 31px;
    background-image: var(--icon-pattern-plus-orange);
}

.icon-plus-white-no-background {
    display: inline-block;
    width: 15.57px;
    height: 15.57px;
    background-image: var(--icon-plus-white-no-background);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.icon-plus-white-no-background:hover,
.icon-plus-white-no-background:focus,
.icon-plus-white-no-background:active {
    -webkit-transform: rotate(130deg);
       -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
         -o-transform: rotate(130deg);
            transform: rotate(130deg);
}

.icon-location,
.icon-location-white {
    width: 17px;
    height: 23px;
}

.icon-location {
    background-image: var(--icon-pattern-locations);
}

.icon-location-white {
    background-image: var(--icon-pattern-locations-white);
}

.icon-time,
.icon-time-white {
    width: 21px;
    height: 21px;
}

.icon-time {
    background-image: var(--icon-pattern-type-work);
}

.icon-time-white {
    background-image: var(--icon-pattern-type-work-white);
}

/* scroll styling */
.scroll-overflow::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    -webkit-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    background-color: var(--blue-300);
}

.scroll-overflow::-webkit-scrollbar-thumb {
    width: 5px;
    height: 5px;
    -webkit-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    background-color: var(--yellow);
}

.scroll-overflow {
    padding-right: 5px;
    margin-right: -5px;
    -webkit-line-clamp: 5;
    overflow-y: auto !important;
}

.vc_row.row-button-center>.wpb_column>.vc_column-inner>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

body .vc_row.card-margin-top-minus {
	position: relative;
	overflow: visible;
	margin-top: -154px;
}

/* margin bottom & top minus */
.margin-top-minus-264,
.margin-top-minus-130,
.margin-bottom-240,
.margin-bottom-141, 
.margin-bottom-80,
.margin-bottom-118 {
    overflow: visible;
    position: relative;
}

.margin-top-minus-264 {
    margin-top: -264px;
}

.margin-top-minus-130 {
    margin-top: -130px;
}

.margin-bottom-240 {
    margin-bottom: -240px;
}

.margin-bottom-141 {
    margin-bottom: -141px;
}

.margin-bottom-80 {
    margin-bottom: -80px;
}

.margin-bottom-118 {
    margin-bottom: -118px;
}

.link-underline-hover p a:after,
.link-underline-hover li a:after {
    content: "";
    border-bottom: 1px solid var(--transparent);
    border-color: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform var(--duration) cubic-bezier(.65, .05, .36, 1);
    transition: -webkit-transform var(--duration) cubic-bezier(.65, .05, .36, 1);
    -o-transition: -o-transform var(--duration) cubic-bezier(.65, .05, .36, 1);
    -moz-transition: transform var(--duration) cubic-bezier(.65, .05, .36, 1), -moz-transform var(--duration) cubic-bezier(.65, .05, .36, 1);
    transition: transform var(--duration) cubic-bezier(.65, .05, .36, 1);
    transition: transform var(--duration) cubic-bezier(.65, .05, .36, 1), -webkit-transform var(--duration) cubic-bezier(.65, .05, .36, 1), -moz-transform var(--duration) cubic-bezier(.65, .05, .36, 1), -o-transform var(--duration) cubic-bezier(.65, .05, .36, 1);
}

.link-underline-hover p a:hover:after,
.link-underline-hover li a:hover:after {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.link-underline-hover p a,
.link-underline-hover li a {
    position: relative;
    color: inherit;
}

.link-underline-hover li a:hover {
    color: inherit;
}

/*===============================
    STYLING GENERAL * end *
================================*/

/*====================================
    STYLING SLIDER SERVICE 
====================================*/
.vc_row.row-layout-slider-service:before {
    background-image: var(--pattern-background-slider-service);
}

.slider-service-wrapper .slider-service-item,
.slider-service-item .heading-service {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.slider-service-item .image-wrapper img {
    position: relative;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    z-index: 2;
}

.slider-service-item  .wrapper-content-service {
    position: relative;
    background-color: var(--white);
    -webkit-box-shadow: var(--shadow);
       -moz-box-shadow: var(--shadow);
            box-shadow: var(--shadow);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 642px;
}

.wrapper-content-service.hide-arrow i.icon-arrow-right-orange {
    display: none;
}

.slider-service-item .heading-service {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.slider-service-item .heading-service h5 {
    --lineheight: 1.55;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: var(--lineheight);
}

.slider-service-item .heading-service label {
    --text-sm: 15px;
    display: inline-block;
    color: var(--blue-400);
    font-weight: 900;
    text-transform: uppercase;
    font-size: var(--text-sm);
    line-height: var(--lineheight-l);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: -2px;
}

.slider-service-item .content-service p {
    line-height: var(--lineheight-m);
}

.slider-service-item:hover .icon-arrow-right-orange {
    -webkit-transform: translate(3px, -50%);
       -moz-transform: translate(3px, -50%);
        -ms-transform: translate(3px, -50%);
         -o-transform: translate(3px, -50%);
            transform: translate(3px, -50%);
}

.icon-arrow-right-orange {
    --duration: .5s;
    display: inline-block;
    position: absolute;
    content: '';
    top: 55%;
    background: var(--icon-arrow-right-orange) center/cover no-repeat;
    -webkit-transform: translate(0px, -50%);
       -moz-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
         -o-transform: translate(0px, -50%);
            transform: translate(0px, -50%);
    z-index: 1;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.slider-service-wrapper .slick-slider .slick-dots {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.slider-service-wrapper .slick-slider .slick-dots li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
}

.slider-service-wrapper .slick-slider .slick-dots {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.slider-service-item:not(.slick-current) {
    -webkit-transform: scale(0.87);
       -moz-transform: scale(0.87);
        -ms-transform: scale(0.87);
         -o-transform: scale(0.87);
            transform: scale(0.87);
    pointer-events: none;
}

.slider-service-item:not(.slick-current).slick-active {
    opacity: 0.5;
}

.slider-service-item.slick-slide:not(.slick-current):not(.slick-active) {
    opacity: 0.1;
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
}

.slider-service-groups .slick-dots {
    list-style-type: none;
    padding-left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.slider-service-groups.slick-slider .content-service p {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden;
    -webkit-line-clamp: 3;
}

/*  background color site page */
.site.bg-color-gray {
	background-color: var(--blue-200);
}

/*====================================
    STYLING LAYOUT TEAM 
=====================================*/
.vc_row.row-button-layout-team>.wpb_column>.vc_column-inner>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.grid-gallery-team-groups {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: -8px;
}

.grid-gallery-team-groups .grid-gallery-item-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.grid-gallery-team-groups .grid-gallery-item {
    position: relative;
	z-index:1;
}

.grid-gallery-team-groups .grid-gallery-item .content-card {
    --duration: .7s;
    position: absolute;
    top: 26px;
    left: 23px;
    right: 22px;
    bottom: 22px;
    opacity: 0;
    height: 0;
    background-color: var(--gray-500);
    color: var(--white);
    padding: 23.35px 33px 19px 33px;
    line-height: var(--lineheight-m);
    z-index: 2;
    -webkit-transition: var(--duration) ease-in;
    -o-transition: var(--duration) ease-in;
    -moz-transition: var(--duration) ease-in;
    transition: var(--duration) ease-in;
}

.grid-gallery-team-groups .grid-gallery-item .content-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.grid-gallery-item .icon-plus-white-no-background,
.grid-gallery-item .icon-plus-orange {
    position: absolute;
    cursor: pointer;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

/*  border-white */
.grid_gallery-team-wrapper.team-with-border-white {
	padding: 18px;
	background-color: var(--white);
}

/*  margin-bottom white */
.grid_gallery-team-wrapper.margin-bottom-minus {
	position: relative;
	margin-bottom: -134px;
}

/* orange plus---------- */
.grid-gallery-item .icon-plus-orange {
    bottom: 22px;
    left: 29px;
    z-index: 2;
}

.grid-gallery-item .icon-plus-orange:hover {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

body .grid-gallery-item.icon-position-center .icon-plus-orange:hover {
    -webkit-transform: scale(1.04) translateX(-50%);
       -moz-transform: scale(1.04) translateX(-50%);
        -ms-transform: scale(1.04) translateX(-50%);
         -o-transform: scale(1.04) translateX(-50%);
            transform: scale(1.04) translateX(-50%);
}

.grid-gallery-item.icon-position-left .icon-plus-orange {
    left: 29px;
}

.grid-gallery-item.icon-position-right .icon-plus-orange {
    left: unset;
    right: 23px;
}

.grid-gallery-item.icon-position-center .icon-plus-orange {
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

/* icon-plus-white-no-background---------- */
.grid-gallery-item .icon-plus-white-no-background {
    bottom: 8px;
    left: 8px;
}

.grid-gallery-item.icon-position-right .icon-plus-white-no-background{
    left: 8px;
}

.grid-gallery-item.icon-position-center .icon-plus-white-no-background,
.grid-gallery-item.icon-position-left .icon-plus-white-no-background {
    left: unset;
    right: 8px;
}

.grid-gallery-item.show-content .content-card {
    opacity: 1;
    height: -webkit-calc(100% - 26px - 22px);
    height: -moz-calc(100% - 26px - 22px);
    height: calc(100% - 26px - 22px);
}

.grid-gallery-item.show-content .icon-plus-orange {
    display: none;
}

/* content card heading */
.grid-gallery-item .content-card-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.grid-gallery-item .content-card-heading img {
    width: 33px;
    height: 33px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 5px;
}

.grid-gallery-item .content-card-heading h4 {
    margin-bottom: 0;
}

.grid-gallery-item .content-card-heading + .contents-wrapper {
    margin-top: 2px;
}

.grid-gallery-item .contents-wrapper {
    -webkit-line-clamp: 7;
}

/*===============================
    STYLING PARTNERS 
================================*/
.logo-label-wrapper.logo-partners .logo-group-item {
    max-width: 20%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0;
}

.logo-label-wrapper.logo-partners .logo-group-item img {
    width: 100%;
    max-width: 186px;
    height: auto;
}

.logo-label-wrapper.logo-partners .logo-groups {
    min-width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.logo-label-wrapper.logo-partners img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    cursor: pointer;
}

.logo-label-wrapper.logo-partners img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

/* ==============================
    STYLING CONTENT IMAGE
=================================*/
.vc_row.row-content-image.media-right>.wpb_column:nth-child(2) .wpb_single_image *,
.vc_row.row-content-image.media-left>.wpb_column:nth-child(1) .wpb_single_image * {
    width: 100%;
}

.vc_row.row-content-image *+p {
    margin-top: 14.58px;
}

/* ==============================
    STYLING FORM
=================================*/
.vc_row.row-wrapper-form>.wpb_column>.vc_column-inner>.wpb_wrapper {
    position: relative;
    max-width: 687px;
    margin: 0 auto;
    -webkit-box-shadow: var(--shadow);
       -moz-box-shadow: var(--shadow);
            box-shadow: var(--shadow);
    background-color: var(--white);
}

.vc_section.section-layout-contact-blue:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var( --pattern-layout-contact-blue) center/cover no-repeat;
    z-index: 1;
}

.vc_row.wrapper-form-minus-large>.wpb_column>.vc_column-inner>.wpb_wrapper  {
    margin-bottom: -252px;
}

.vc_row.row-layout-form-apply-job>.wpb_column>.vc_column-inner>.wpb_wrapper {
    background-color: var(--blue-200);
}

.vc_row.row-wrapper-form h2 {
    line-height: var(--lineheight-3xl);
}

/* ===========================
    STYLING PAGE CONTACT
=============================*/
.vc_row.row-card-page>.wpb_column>.vc_column-inner>.wpb_wrapper {
    position: relative;
    background-color: var(--white);
}

.vc_row.row-card-page .wpb_single_image {
    position: absolute;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}

.vc_row.row-card-page h4 {
    --lineheight-xs: 1.083;
    line-height: var(--lineheight-xs);
}

/* custom wh button */
.whbutton-wrapper.custom-list-contact + .whbutton-wrapper.custom-list-contact {
    margin-left: 0;
    margin-top: 24px;
}

.vc_row.row-card-page .whbutton-wrapper.custom-list-contact:hover .label-cta {
    color: var(--blue-600);
}

.vc_row.row-card-page .whbutton-wrapper.custom-list-contact .label-cta {
    --text-md: var(--text-base);
    --lineheight-5xl: var(--lineheight-m);
    font-weight: 400;
}

.vc_row.row-card-page .whbutton-wrapper.custom-list-contact .icon-cta {
    margin-top: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    min-width: 22px;
}

.vc_row.row-card-page .whbutton-wrapper.custom-list-contact .cta-whbutton {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.vc_section.section-layout-contact-page:before {
    background-image: var(--pattern-layout-contact);
}

/* =================================
        STYLING SINGLE GENERAL
===================================*/
.single .site {
    background-color: var(--blue-200);
}

.banner-single {
    background: url(/wp-content/uploads/2023/07/background-default-banner-conet.jpg) center/cover no-repeat;
}

/* share post */
.share-post {
    margin-top: 5px;
    padding-left: 0;
    list-style-type: none;
}

.share-post li {
    width: 24px;
    height: 24px;
}

.share-post li:hover img{
    -webkit-filter: invert(82%) brightness(119%);
            filter: invert(82%) brightness(119%);
}

.copyButton {
    padding: 0;
    width: 24px;
    height: 24px;
    background: var(--icon-share-post) center/24px no-repeat;
}

.share-copyboard {
    opacity: 0;
    height: 0;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.share-copyboard.show-copy-share {
    opacity: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.share-item.share-copyboard {
    position: relative;
}

.share-item.share-copyboard .textToCopy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    visibility: visible;
}

.share-item.share-plus img {
    width: 20px;
    height: 20px;
}

.share-item.share-copyboard .copyResult {
    position: absolute;
    left: -8px;
    right: 0;
    bottom: -25px;
    width: 100px;
    font-size: var(--text-xs);
}

.single .entry-content-wrapper {
    position: relative;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    z-index: 2;
}

.single .entry-content {
    background-color: var(--white);
}

/* list */
.single .row-content-post-cases >.wpb_column:nth-child(2) ul,
.single .main-content-post ul {
    margin-top: 27px;
}

.single .main-content-post ul li,
.single .row-content-post-cases >.wpb_column:nth-child(2) ul li {
    padding-left: -webkit-calc(24px + 16px);
    padding-left: -moz-calc(24px + 16px);
    padding-left: calc(24px + 16px);
}

.single .main-content-post ul li+li,
.single .row-content-post-cases >.wpb_column:nth-child(2) li+li {
    margin-top: 11px;
}

.single-post .meta-infolist,
.single-cases .meta-infolist {
    margin-top: 19px;
}

.single-post  .meta-infolist .infolist-icon>span:nth-child(1),
.single-cases  .meta-infolist .infolist-icon>span:nth-child(1)  {
    font-weight: 600;
}

.single .main-content-post .vc_single_image-wrapper {
    width: 100%;
}

.single .wpb_single_image * {
    width: 100%;
}

.single .location,
.single .type-work {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.single .location {
    margin-right: 39px;
}

.single .location i {
    margin-right: 20px;
}

.single .type-work i {
    margin-right: 19px;
}

.single:not(.single-cases) .entry-content h1,
.single:not(.single-cases) .entry-content h2,
.single:not(.single-cases) .entry-content h3,
.single:not(.single-cases) .entry-content h4,
.single:not(.single-cases) .entry-content h5,
.single:not(.single-cases) .entry-content h6 {
    font-family: var(--fontfamily-reem-kufi);
}

/* ==================================
     STYLING SINGLE BLOG
=====================================*/
.single-post  .meta-infolist .infolist-icon {
    --lineheight-3xl: 2.166;
    font-size: var(--text-xs);
    line-height: var(--lineheight-3xl);
}

.single-post .featured-thumbnail img {
    height: 100%;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

.single-post .entry-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.single-post .entry-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-post .featured-thumbnail {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.single .plyr__video-wrapper {
    max-height: 500.135px;
}

.row-content-bottom-post>.wpb_column>.vc_column-inner>.wpb_wrapper {
    background-color: var(--blue-200);
}

/* =================================
    STYLING SINGLE VACANCY & ACADEMY
===================================*/
.single-vacancy .vc_row.row-wrapper-form>.wpb_column>.vc_column-inner>.wpb_wrapper,
.single-conet_academy .vc_row.row-wrapper-form>.wpb_column>.vc_column-inner>.wpb_wrapper {
    max-width: -webkit-calc(687px + 32px);
    max-width: -moz-calc(687px + 32px);
    max-width: calc(687px + 32px);
}

.single-vacancy .meta-infolist,
.single-conet_academy .meta-infolist {
    margin-top: 27px;
}

.single-vacancy .infolist-icon,
.single-conet_academy .infolist-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* =================================
    STYLING SINGLE CASES
====================================*/

.single-cases .row-content-post-cases {
    padding: 0 16px;
}

.single-cases .row-content-post-cases >.wpb_column>.vc_column-inner {
    padding: 0;
}

/* =================================
    STYLING CHILD PAGE SERVICE
====================================*/
.row-assignment {
    position: relative;
}

.row-assignment:after {
    position: absolute;
    content: '';
    top: -202px;
    right: 0;
    width: 672px;
    height: 921px;
    background: var(--pattern-row-right-blue) center/cover no-repeat;
    z-index: 1;
}

/* =================================
    STYLING CARD TEXT SIDE LIST
===================================*/
.vc_row.row-content-text-side-list>.wpb_column>.vc_column-inner>.wpb_wrapper {
    -webkit-box-shadow: var(--shadow-third);
       -moz-box-shadow: var(--shadow-third);
            box-shadow: var(--shadow-third);
    background-color: var(--white);
}

.vc_row.row-content-text-side-list.custom-padding>.wpb_column>.vc_column-inner>.wpb_wrapper  {
   padding: 0 34px 0 36px; 
}

/* ==============================
    STYLING BG PATTERN TEMPLATE
================================*/
.vc_row.row-bg-pattern-template:before {
    background-image: var(--pattern-backgroud-template);
}

/* =============================
    STYLING GALLERY SLIDER
================================*/
.wg-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	margin-left: -16px;
	margin-right: -16px;
}

.wg-wrapper.wg-position-default,
.wg-wrapper.wg-type-slider {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.wg-wrapper.wg-position-top {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.wg-wrapper.wg-position-bottom {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	   -moz-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.wg-wrapper.wg-position-middle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.wg-wrapper .wg-item {
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 30px;
}

.wg-wrapper .wg-item--wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.wg-wrapper.wg-position-default .wg-item,
.wg-wrapper.wg-type-grid.wg-position-default .wg-item--wrapper,
.wg-wrapper.wg-type-slider .wg-item,
.wg-wrapper.wg-type-slider .wg-item--wrapper {
    min-height: 100%;
}

.wg-wrapper.wg-type-slider .slick-track {
    height: 100%;
}

.wg-wrapper.wg-type-slider:not(.slick-initialized) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
}

.wg-wrapper.slick-slider {
	margin-left: -16px;
	margin-right: -16px;
}

.wg-wrapper.slick-slider.wg-col-1 .wg-item {
    max-height: -webkit-calc(574px - 30px);
    max-height: -moz-calc(574px - 30px);
    max-height: calc(574px - 30px);
}

.wg-wrapper.gallery-margin-button-minus {
    position: relative;
    margin-bottom: -146px;
    z-index: 1;
}

/* =============================
        STYLING QUOTES
================================*/
.quotes-wrapper .quotes-groups {
    margin: 0 auto;
    max-width: 929px;
    width: 100%;
}

.quotes-wrapper h5 {
    font-size: var(--text-base);
    color: var(--gray-blue);
    font-weight: 400;
    line-height: var(--lineheight-m);
    text-align: center;
}

.quotes-wrapper .content-quotes p {
    --lineheight: 1.6;
    font-family: var(--fontfamily-raleway);
    font-style: italic;
    line-height: var(--lineheight);
}

.quotes-wrapper .quotes-group-item:not(:last-child) {
    margin-bottom: 30px;
}

.quotes-wrapper .quotes-group-item,
.quotes-wrapper .content-quotes {
    position: relative;
    z-index: 2;
}

.quotes-wrapper .quotes-group-item:before {
    position: absolute;
    content: '';
    background: var(--icon-pattern-quotes) center/cover no-repeat;
    z-index: -1;
}

/* ======================================
    STYLING WH IMAGE OR VIDEO
========================================*/
.wh-image-video.use-frame .figure-image,
.wh-image-video.use-frame .plyr-wrapper {
    background-color: var(--white);
    -webkit-box-shadow: var(--shadow);
       -moz-box-shadow: var(--shadow);
            box-shadow: var(--shadow);
} 

.wh-image-video .figure-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

/* ===============================
    STYLING ROW HOW WE DO
==================================*/
.vc_row.row-how-we-do:before {
    background-image: var(--pattern-row-how-we-do);
}

.icon-text-wrapper.list-column-icon-text {
    background-color: var(--white);
    margin: 0 0 38px 0;
    -webkit-box-shadow: var(--shadow-third);
       -moz-box-shadow: var(--shadow-third);
            box-shadow: var(--shadow-third);
}