:root{
    --perspective: 1000px;
    --link-color:#010790;
  }

section.about-section {
    min-height: calc(100vh - 72px);
    display: flex;
    align-items: center;

    padding: 0 12px;
}

.about-section .container {
    position: relative;
    z-index: 1;
}

.about-section .container::before {
    content: '';
    background: rgb(6, 141, 157, 0.45);
    filter: blur(108.5px);
    width: 186px;
    height: 186px;
    position: absolute;
    top: 208px;
    left: 7%;
    z-index: -1;
    /* -webkit-animation: hero_before_rotate 15s infinite linear;
    -moz-animation: hero_before_rotate 15s infinite linear;
    animation: hero_before_rotate 15s infinite linear; */
}

.about-section .container::after {
    content: '';
    background: rgba(13, 34, 52, 0.35);
    filter: blur(108.5px);
    width: 186px;
    height: 186px;
    position: absolute;
    top: 70px;
    right: 0px;
    z-index: -1;
    /* -webkit-animation: hero_after_rotate 15s infinite linear;
    -moz-animation: hero_after_rotate 15s infinite linear;
    animation: hero_after_rotate 15s infinite linear; */
}

.about-section h6 {
    line-height: 26px;
    color: #068D9D;
}

.section-content p {
    width: 100%;
}

span.about-us-span,
span.about-us__who-we-are-span,
span.how-we-are-different-span,
span.reasons-to-work-with-us__span {
    color: #068D9D;
}

.about-us__who-we-are__image {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}


.jump_to_next {
    position: relative;
    display: flex;
    justify-content: center;

    margin-top: 4rem;
}

.about-us__who-we-are-section__thinker__container {
    padding: 0 12px;
}

.how-we-are-different-section {
    padding: 100px 12px;
}

.how-we-are-different__text {
    margin-top: 2.3rem;
    width: 100%;
    float: right;
}

.how-we-are-different__text__wrapper {
    float: right;
}

.see-all-serivces-button-wrapper {
    margin-top: 3rem;
}

.see-all-serivces-button-wrapper a {
    background: #1e1e1e;
    color: white;
    padding: 15px 25px;
    text-decoration: none;
}

.reasons-to-work-with-us__section {
    background-color: #1e1e1e;
    padding: 100px 12px;
    color: white;
}

.reasons-to-work-with-us__wrapper__title {
    width: 100%;
}

.reasons-to-work-with-us__wrapper__lists {
    margin-top: 7rem;
}

.reasons-to-work-with-us__number span {
    font-size: 5rem;
    font-weight: 600;
    align-self: center;
}

.reasons-to-work-with-us__number {
    align-self: center;
}

.reasons-to-work-with-us__line {
    align-self: center;
    padding-right: 50px !important;
}

.reasons-to-work-with-us__text p {
    color: white;
}

.reasons-to-work-with-us__wrapper__one,
.reasons-to-work-with-us__wrapper__two,
.reasons-to-work-with-us__wrapper__three,
.reasons-to-work-with-us__wrapper__four {

    margin-top: 4rem;
}


.team-shots-slider__wrapper {
    margin-top: 4rem;
}

.our-team-section {
    padding: 100px 12px;
}


.our-team-title-wrapper span {
    color: #068D9D;
    margin-bottom: 1rem;
}

.our-team__wrapper {
    display: flex;
    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 4rem;
}


a.our-team-wrapper__custom_slider__prev__button,
a.our-team-wrapper__custom_slider__next__button {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    align-items: center;

    background-color: transparent;
    border: 1px solid #1e1e1e;
    padding: 15px 15px;
    margin-left: 2rem;

    color: #1e1e1e;

}

a.our-team-wrapper__custom_slider__prev__button:hover,
a.our-team-wrapper__custom_slider__next__button:hover {
    background-color: #1e1e1e;
    ;
    color: white;
}

.our-brochure-section {
    padding: 0px 0px 0px 0;
}


.our-brochure__center {
    padding: 0 12px;
}

.our-team-wrapper__custom_buttons_slider {
    display: flex;
    flex-direction: row;
    flex: 0 1 auto;
}

.our-brochure__wrapper {
    background-color: #1e1e1e;
    color: white;
    padding: 100px 0;
}

.our-brochure__title__wrapper p {
    color: white;
    font-size: 20px;
    width: 100%;
}

.our-brochure__images__wrapper {
    position: relative;
    float: none;
    text-align: center;
    z-index: 1;
    margin-top: 3rem;
}

.our-brochure__center {
    align-items: center;
}

.our-brochure__button {
    margin-top: 2rem;
}

.our-brochure__button a {
    text-decoration: none;
}

.our-brochure__wrapper__thinker__short__icon {
    position: relative;
    top: 0;
    right: 0;
}

img.our-brochure__wrapper__thinker__short__icon__icon {
    position: absolute;
    right: 0;
    top: -15rem;
    z-index: 0;
}

.read-more-button-wrapper {
    margin-top: 3rem;
}

.read-more-button-wrapper a {
    background: #1e1e1e;
    color: white;
    padding: 15px 25px;
    text-decoration: none;

    width: max-content;
}

@media only screen and (min-width: 768px) {
    section.about-section {
        min-height: calc(100vh - 88px);
        display: flex;
        align-items: center;
    
        padding: 0px;
    }

    
    .jump_to_next {
        position: relative;
        display: flex;
        justify-content: end;

        margin-top: 0rem;
    }

    .about-section .container::before {
        content: '';
        background: rgb(6, 141, 157, 0.45);
        filter: blur(108.5px);
        width: 186px;
        height: 186px;
        position: absolute;
        top: -208px;
        left: 7%;
        z-index: -1;
        -webkit-animation: hero_before_rotate 15s infinite linear;
        -moz-animation: hero_before_rotate 15s infinite linear;
        animation: hero_before_rotate 15s infinite linear;
    }

    .about-section .container::after {
        content: '';
        background: rgba(13, 34, 52, 0.35);
        filter: blur(108.5px);
        width: 186px;
        height: 186px;
        position: absolute;
        top: 70px;
        right: -50px;
        z-index: -1;
        -webkit-animation: hero_after_rotate 15s infinite linear;
        -moz-animation: hero_after_rotate 15s infinite linear;
        animation: hero_after_rotate 15s infinite linear;
    }

    .about-us__who-we-are-section__thinker__container {
        padding: 0px;
    }

    .about-us__who-we-are__image {
        margin-top: 0rem;
    }

    .how-we-are-different-section {
        padding: 200px 0;
    }
    .how-we-are-different__text {
        width: 80%;
    }

    .reasons-to-work-with-us__wrapper__title {
        width: 90%;
    }
    .reasons-to-work-with-us__section {
        padding: 150px 0px;
    }
    .our-team-section {
        padding: 200px 0px;
    }

    .our-brochure__center {
        padding: 0 0px;
    }
    
    .our-brochure__images__wrapper {
        float: right;
        text-align: center;
        margin-top: 0rem;
    
        float: right;
    }

    .our-brochure__title__wrapper p {
        width: 80%;
    }

    .section-content p {
        width: 50%;
    }
    
    
}

@media only screen and (min-width: 1280px) {
    .section-numeric-content__item__number {
        font-size: 8.4rem
    }

    .section-numeric-content__item__line {
        position: relative;
        overflow: hidden;
        height: 1px;
        width: 66.66%
    }

    .section-numeric-content__item__line {
        margin-right: -30px;
        width: 74.6031746032%
    }

    .section-numeric-content__item__line span {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 100%
    }

    .section-numeric-content__item__line span:first-child {
        width: 100%;
        background-color: #fff;
        opacity: .5
    }

    .section-numeric-content__item__line span:last-child {
        width: 0;
        background-color: #fff;
        transition: width .5s ease
    }

    .section-numeric-content__item__line.active span:last-child {
        width: 100%
    }

    .section-numeric-content__item:has(.auto-width) .section-numeric-content__item__line {
        width: auto;
        flex-grow: 2
    }

    .section-numeric-content__item__line {
        margin-right: -30px;
        width: 74.6031746032%;
    }

    .our-brochure__title__wrapper p {
        width: 70%;
    }

}




.book {
    display: block;
    position: relative;
    width: 320px;
    height: 453px;
    margin: 0 auto;
    margin-top: 5rem; }
  
  .gloss {
    position: absolute;
    top: 0;
    z-index: 200;
    overflow: hidden;
    width: 20%;
    height: 100%;
    opacity: 0.5;
    /* background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); */
    transition: all .5s;
    transform: translateX(-50%) rotateY(0deg);
    transform-origin: left center; }
  
  .cover {
    position: absolute;
    width: 100%;
    z-index: 100;
    transition: transform .5s;
    transform: translateX(0);
    transform-origin: left center;
    backface-visibility: hidden; }
  
  .description {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    border: solid 1px #1e1e1e;
    /* background: #1e1e1e; */
    background-image: url('../assets/images/content-brochure.png');
    transition: all 1s;
    padding: 10% 10%;
    padding-top: 5%;
    z-index: 1; }
  
  .description h1 {
    font-family: 'Pontano Sans', sans-serif;
    font-size: calc(0.75em + .1vw);
    text-align: center;
    line-height: 1.25em; }
  
  .book:hover {
    cursor: pointer; }
  
  .book:hover .cover {
    transform: perspective(var(--perspective)) rotateY(-80deg); }
  
  .book:hover .gloss {
    transform: perspective(var(--perspective)) rotateY(-80deg) translateX(100%) scaleX(5); }
  
  .book:hover .description {
    transform: translateX(20%); }
  
  .rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center;
    height: 2em;
    margin: 0 auto;
    color: grey; }
  
  .rating > span {
    display: inline-block;
    position: relative;
    font-size: 1.75em;
    margin-right: .2em; }
  
  .rating > span ~ span:before {
    content: "\2605";
    position: absolute;
    color: #8d2a06; }