/* ==== FOLD 1-B ==== */

.fold1b {
	position: relative;
}
.fold1b::before {
    content: '';
    background: var(--navy);
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: -1;
    display: block;
    box-shadow: 0px 0px 150px 200px var(--navy);
}

.fold1b.flipped::before {
    right: 0px;
    left: unset;
}

.circle-fold .flipped .fold1b-img {
    transform: translate(-50%, -50%);
    left: 10%;
}

.rounded-fold .fold1b-img{
	border-radius: 30px; 
	overflow: hidden;
}

.circle-fold .fold1b-img {
    width: 800px;
    height: 800px;
    border-radius: 50%;
    overflow: hidden;
    transform: translate(50%, -50%);
    top: 50%;
    right: 10%;
}

.circle-fold .fold1b-item {
    overflow: hidden;
}

.fold1b-item {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.fold1b-img {
    position: absolute;
    width: 87.5%;
    height: 100%;
    right: 0px;
    top: 0%;
    z-index: -2;
}

.fold1b-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.flipped .fold1b-item img {
    object-position: left;
}

.fold1b-item picture  img {
    object-position: right;
}

.fold1b-content {
    width: calc(50% - 0px);
    color: white;
    padding: 175px 0px;
}

.flipped .fold1b-item {
    justify-content: flex-end;
}

.flipped .fold1b-img {
    left: 0px;
    right: auto;
}

.flipped .fold1b-content {
    margin-left: auto;
}

.fold1b .row-container {
    position: relative;
}

.fold1b .row-container::before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 80px);
    background: #4b5059;
    left: -100px;
    bottom: 40px;
}

.fold1b.flipped .row-container::before {
    left: unset;
    right: -100px;
}


/*== BANNER ==*/

.banner {
    overflow: hidden;
    background: var(--royal);
}

/*FONTAWESOME*/
.banner-item i {
    font-size: 60px;
}

	/*FONTAWESOME END*/

.banner-item {
    position: relative;
    text-transform: uppercase;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex: 1 0 30%;
    transform: 
        scale(0.95);
}
.banner-item span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

.banner-item p {
    margin-bottom: 0px;
    color: white;
}
.banner-item-left p {
    font-size: 80px;
    font-weight: 500;
    line-height: 1;
    color: var(--blue);
    font-family: 'Times New Roman';
}
.banner-item-right p {
    color: var(--flint);
}

.banner-slider {
    display: flex;
    justify-content: space-around;
    padding: 50px 0px;
}

	/*== BANNER END ==*/


/*== == Fold 3 == ==*/

div#fold3 {
    width: 100%;
    padding-top: 0px;
    position: relative;
    z-index: 5;
    overflow: hidden;
}


div#fold3 .fold3-services{
    display: flex;
    overflow: hidden;
}

div#fold3 .fold3-services .fold3-services-item {
    height: 700px;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1 33%;
    transition: filter 500ms ease;
    text-align: center;
}

div#fold3 .fold3-services .fold3-services-item:hover img {
    filter: 
        grayscale(0);
    transition:
        filter 500ms ease;
}

div#fold3 .fold3-services-background{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    z-index: -1;
}

div#fold3 .fold3-services-background img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: filter 500ms ease;
}


.fold3-services-content {
    padding: 50px 35px;
    transition: all .5s ease;
}

div#fold3 .fold3-services-item:hover .fold3-services-content{
    transform: none;
    -webkit-transform: none;
}

.fold3-services-content .title{
    font-size: 24px;
    line-height: 1;
    color: white;
    font-family: 'Poppins';
}

.fold3-services-content .subtitle{
    font-size: 32px;
    line-height: 32px;
}

.fold3-title-block {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 0px;
    left: 50%;
    position: absolute;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    line-height: 54px;
    z-index: 7;
    width: max-content;
    padding: 20px 50px;
}

.fold3-title-block .title{
    font-size: 54px;
    line-height: 54px;
    margin: 0px;
    position: relative;
    z-index: 4;
}

.fold3-header {
    text-align: center;
    padding: 50px 0px;
    padding-bottom: 30px;
}

.fold3-header .title {
    margin-bottom: 0px;
    font-weight: 700;
}

.fold3-header .title span {
    color: var(--rood);
}

.services-slider .owl-item {
    z-index: 0;
    transition: all .3s ease;
    flex: 1 1 33%;
}

.services-slider .owl-stage {
    display: flex;
}

div#fold3 .fold3-services-background::after {
    background: var(--blue);
    top: 0px;
    left: 0px;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.5;
    filter: brightness(0.25);
    transition: opacity 300ms ease;
}
div#fold3 .fold3-services-item:hover .fold3-services-background::after {
    opacity: 0.25;
    transition: opacity 300ms ease;
}

.services-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translatey(50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 0;
    pointer-events: none;
}

.services-slider .owl-nav button.owl-prev, .services-slider .owl-nav button.owl-next {
    display: block;
    color: transparent;
    position: relative;
    z-index: 3;
}

.services-slider .owl-nav button.owl-prev span, .services-slider .owl-nav button.owl-next span {
    padding: 6px 15px 6px 15px;
    background: var(--rood);
    border-style: solid;
    border-width: 1px;
    font-size: 40px;
    box-shadow: 0px 0px 14px 0px black;
}

.services-slider .owl-nav button.owl-prev {
    content: '\f060';
    font-family: 'Font Awesome 6 Pro';
    color: white;
}

.services-slider .owl-nav button.owl-next {
    content: '\f061';
    font-family: 'Font Awesome 6 Pro';
    color: white;
}

.fold3-services-item ~ a {
    display: block;
    height: 100%;
}

.fold3-services-item a:first-child {
    display: block;
    height: 100%;
}

	/*== == FOLD3 END == ==*/


/*== == REVIEWS == ==*/

.reviews-fold {
    text-align: center;
    position: relative;
    padding: 100px 0px;
}

.reviews-fold::before {
    background: var(--royal);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    content: '';
    z-index: -1;
}

.reviews-header p {
    color: white;
    margin: 0px;
}

.reviews-content p {
    color: var(--flint);
}

.reviews-fold .reviews-item {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    color: transparent;
    font-size: 58px;
    line-height: 1;
    position: relative;
    pointer-events: all;
}

.owl-nav {
    display: flex;
    position: absolute;
    top: 50%;
    left: 0px;
    transform:
        translatey(-50%)
        translatex(-62.5px);
    width: calc(100% + 125px);
    justify-content: space-between;
    opacity: 0.8;
    pointer-events: none;
}

.owl-carousel .owl-nav button.owl-prev::before {
    content: '\f323';
    font-family: 'Font Awesome 5 Pro';
    color: var(--blue);
    position: absolute;
    transform: 
        translatex(-100%);
}

.owl-carousel .owl-nav button.owl-next::before {
        content: '\f324';
    font-family: 'Font Awesome 5 Pro';
    color: var(--blue);
    position: absolute;
}

    /*== == REVIEWS END == ==*/