/*!
Theme Name: Divi Child theme
Template: Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.19.5
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
    --vms-white: #FFFFFF;
    --vms-black: #000000;
    --vms-black-overlay: rgba(0, 0, 0, 25%);
    --vms-brown: #CCA773;
    --vms-brown-hover: #B58F5A;
    --vms-dark-brown: #695435;
    --vms-light-gray: #D9D9D9;
    --vms-dark-lime: #142F2B;
    --vms-lime: #205B52;
    --vms-light-dark-lime: #123D3A;
    --vms-light-teal: #50D7C3;
    --vms-teal: #46BAA9;
    --vms-light-dark-teal: #3F9588;
    --vms-dark-teal: #2A7167;
    --vms-deep-dark-teal: #1F544C;
    --vms-dark-maganda: #8239FE;
    --vms-maganda: #9747FF;
}

/* Thin (100) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-thin-100.otf') format('opentype'),
        url('assets/fonts/glancyr/ttf/glancyr-glancyr-thin-100.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/* Thin Italic (100) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-thin-italic-100.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}

/* Extra Light (200) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-extralight-200.otf') format('opentype'),
        url('assets/fonts/glancyr/ttf/glancyr-glancyr-extralight-200.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Extra Light Italic (200) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-extralight-italic-200.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}

/* Light (300) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-light-300.otf') format('opentype'),
        url('assets/fonts/glancyr/ttf/glancyr-glancyr-light-300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Light Italic (300) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-light-italic-300.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

/* Regular (400) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-regular-400.otf') format('opentype'),
        url('assets/fonts/glancyr/ttf/glancyr-glancyr-regular-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Regular Italic (400) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-italic-400.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

/* Medium (500) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-medium-500.otf') format('opentype'),
        url('assets/fonts/glancyr/ttf/glancyr-glancyr-medium-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Medium Italic (500) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-medium-italic-500.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

/* SemiBold (600) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-semibold-600.otf') format('opentype'),
        url('assets/fonts/glancyr/ttf/glancyr-glancyr-semibold-600.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* SemiBold Italic (600) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-semibold-italic-600.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

/* Bold (700) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-bold-700.otf') format('opentype'),
        url('assets/fonts/glancyr/ttf/glancyr-glancyr-bold-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Bold Italic (700) */
@font-face {
    font-family: 'Glancyr';
    src: url('assets/fonts/glancyr/otf/glancyr-glancyr-bold-italic-700.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}


.capitalize,
.capt {
    text-transform: capitalize;
}

.Glancyr,
.Glancyr p,
.Glancyr>*,
.Glancyr h1,
.Glancyr h2,
.Glancyr h3,
.Glancyr h4,
.Glancyr h5,
.Glancyrh h6,
.Glancyr *::after,
.Glancyr *::before {
    font-family: Glancyr !important;
}

.op5 {
    opacity: 0.5 !important;
}

.mb25 {
    margin-bottom: 25px;
}

.mb15 {
    margin-bottom: 15px;
}

.mt25 {
    margin-top: 25px;
}

.mt15 {
    margin-top: 15px;
}

.op7 {
    opacity: 0.7 !important;
}

.op1 {
    opacity: 0.1;
}

.op2 {
    opacity: 0.2;
}

.img100 {
    width: 100% !important;
    height: 100% !important;
}

.img-auto {
    width: 100% !important;
    height: auto !important;
}

.img-cover {
    object-fit: cover;
}

.gap15 {
    gap: 15px;
}

.gap25 {
    gap: 25px;
}

.gap35 {
    gap: 35px;
}

.gap50 {
    gap: 50px
}

.flex {
    display: flex !important;
}

.items-center {
    align-items: center !important;
}

.bg-white {
    background: #fff;
}

.bg-trans {
    background: transparent;
}

.content-center {
    justify-content: center;
}

.content-between {
    justify-content: space-between;
}

#main-header-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}


.vms-main-menu ul li a:hover {
    border-bottom: 1px solid var(--vms-brown);
}

header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
}

header .et_pb_section {
    background: transparent;
}

header ul#mobile_menu1 {
    background: rgba(0, 0, 0, 50%) !important;
}

.overlay {
    position: relative;
}

.overlay::before,
.overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}


.project-overlay::before,
.overlay-lighter::before {
    background: rgba(0, 0, 0, 0.2);
}

.hero-section-overlay::before,
.overlay-light::before {
    background: rgba(0, 0, 0, 0.4);
}

.overlay>* {
    position: relative;
    z-index: 99;
}

.hero-section-video-box,
.overlay-lighter {
    background: linear-gradient(297deg, rgba(255, 255, 255, 0.05) 13.11%, rgba(255, 255, 255, 0.10) 91.68%);
    border: 0.229px solid #FFF;
    /* Stroke equivalent */
    backdrop-filter: blur(20px);
    /* Blur effect */
    -webkit-backdrop-filter: blur(20px);
    /* For Safari */
}

.hero-section-wrapper {
    position: relative;
}

.hero-section-wrapper>div {
    position: relative;
    z-index: 9999;
}

.hero-section-wrapper::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.4;
    background: #000;
    z-index: 10;
}


.hero-section-wrapper::after {
    content: '';
    position: absolute;
    height: 100px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    opacity: 0.7;
    background: #000;
    filter: blur(70px);
}


.home-hero-section-wrapper>div:first-child {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 99999;
}

.hero-section-video-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    position: absolute !important;
    right: 47px;
    bottom: 40px;
    gap: 25px;
    z-index: 99999;
}

.hero-section-video-wrap>div:last-child {
    width: 353px !important;
    height: 237px;
    padding: 20px;
    position: relative;
}

.hero-section-video-wrap>div:last-child>div {
    z-index: 999;
}

.hero-section-video-wrap>div:last-child::before,
.hero-section-video-wrap>div:last-child::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(297deg, rgba(255, 255, 255, 0.05) 13.11%, rgba(255, 255, 255, 0.10) 91.68%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 0.229px solid #FFF;
    z-index: 1;
    pointer-events: none;
}

.hero-section-video-wrap>div:last-child::after {
    opacity: 0.7;
}


.hero-section-video-wrap>div:last-child>div {
    margin: 0 auto 15px 0 !important;
}

.hero-section-video-wrap>div:last-child>div .et_pb_video_box {
    max-height: 127px;
}

.hero-section-video-wrap>div:last-child>div iframe {
    height: 125px !important;
}

.hero-section-video {
    margin: 25px 0 !important;
}


div#hero-section-content {
    height: 100%;
    position: absolute;
    bottom: calc(-100% + 330px);
    left: 64px;
    width: 50%;
    z-index: 999999;
}

#all-herosection-link {
    text-align: center;
}

#all-hero-section-wrapper {
    overflow: hidden;
}

#all-hero-section-wrapper::after {
    height: 378px;
}

#offer-section-wrapper {
    display: grid;
    gap: 0 80px;
    grid-template-columns: 1fr 40%;
}

div#offer-section-item-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

div#offer-section-item-wrap>div {
    width: 100% !important;
}

div#offer-section-item-wrap>div .et_pb_module.et_pb_text {
    margin-bottom: 0;
}

.offer-slider-section-wrapper {
    grid-column: 1/-1;
}

#project-section-wrapper .percent-value {
    opacity: 0.1;
}

div#home-team-slider {
    margin-right: -64px;
    margin-top: -50px;
}

#home-team-slider #rev_slider_1_1_wrapper .hesperiden.tparrows {
    background: #fff !important;
}


div#home-team-slider .hesperiden.tparrows:before {
    color: #000;
}

#home-team-slider #rev_slider_1_1_wrapper .hesperiden.tparrows {
    top: -78px !important;
}

div#project-section-wrapper .title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 999;
}


.reviews-slider {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 50%);
    padding: 46px 40px;
    max-width: 350px;
    word-wrap: break-word;
    background: #fff;
    margin-right: 30px;
}

#reviews-box-wrap .reviews-slider-heading {
    display: flex;
    gap: 20px;
    align-items: center;
}

#reviews-box-wrap .slider-title {
    color: #000;
    font-family: Glancyr;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    text-transform: capitalize;
}

#reviews-box-wrap .slider-sub-title {
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-transform: capitalize;
}

#reviews-box-warp .reviews-slider-content {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-transform: capitalize;
    text-align: justify;
}

/* Directors page */
#directors-slider h1 {
    font-family: Glancyr;
}

#directors-slider .slider-sub-title {
    opacity: 0.5;
}

#directors-slider .slider-desc {
    opacity: 0.7;
}

.directors-dc7-logo img {
    mix-blend-mode: multiply;
    opacity: 0.02;
    /* 2% opacity */
    filter: grayscale(100%);
}

/* Contact Us page */
.contact-us-form .et_contact_bottom_container {
    width: 100% !important;
}

.contact-us-form button {
    width: 100% !important;
    margin-top: 25px;
}

.contact-us-form textarea {
    min-height: 20px !important;
    padding-left: 0 !important;
}

.contact-us-form input {
    padding-left: 0 !important;
}

/* Company page */
.companies-card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: max-content;
    justify-content: space-between;
    gap: 200px;
}

.companies-card-wrapper>div {
    overflow: visible;
}

.companies-card-wrapper>div:nth-child(odd) {
    max-width: 484px !important;
    height: 290px !important;
    width: 100% !important;
}

.companies-card-wrapper>div:nth-child(even) {
    width: 100% !important;
}

.companies-card-wrapper::before {
    content: '';
    position: absolute;
    border: 2px solid #fff;
    height: 80%;
    z-index: 999;
    top: 0;
    left: 50%;
    border-radius: 24px;
}

.companies-card-wrapper::after {
    height: 18%;
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='626' viewBox='0 0 6 626' fill='none'%3E%3Cpath opacity='0.3' d='M2.51514 2.99951V623' stroke='white' stroke-width='5' stroke-linecap='round' stroke-dasharray='20 20'/%3E%3C/svg%3E");
    width: 4px;
    z-index: 9999999 !important;
    visibility: visible;
}

.companies-tooltip {
    position: relative;
}

.companies-tooltip p {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #CCA773;
    border-radius: 1000px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    position: absolute;
    z-index: 9999;
}

.companies-card-wrapper>div:first-child p,
.companies-card-wrapper>div:nth-child(5) p {
    right: -120px;
    top: -163px;
}

.companies-card-wrapper>div:nth-child(4) p {
    left: -120px;
    top: -163px;
}

.companies-tooltip span {
    width: 84px;
    height: 0;
    border: 2px solid #fff;
    position: absolute;
    border-radius: 24px;
    z-index: 99;
}

.companies-card-wrapper>div:first-child .companies-tooltip span,
.companies-card-wrapper>div:nth-child(5) .companies-tooltip span {
    left: auto;
    right: -173px;
    top: -130px;
}

.companies-card-wrapper>div:nth-child(4) .companies-tooltip span {
    right: auto;
    left: -168px;
    top: -130px;
}


.companies-reviews-section-wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    max-width: 270px;
}

.companies-reviews-section-wrapper>div:last-child {
    width: 100% !important;
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
}

.companies-reviews-section-wrapper>div:last-child .et_pb_code {
    margin-bottom: 15px;
}

.companies-video-section-wrapper .et_pb_video_overlay_hover {
    background: #000;
    opacity: 0.2;
}

/* Footer Section */
div#footer-section-video iframe {
    height: auto !important;
    width: 100%;
}

.footer-contact-us {
    display: flex;
    flex-flow: column nowrap;
    color: var(--vms-white);
    gap: 15px;
}

.footer-contact-us a {
    color: var(--vms-white);
    transition: color 0.3s ease-in-out;
}

.footer-contact-us a:hover {
    color: var(--vms-brown);
}

.footer-contact-us-content {
    display: flex;
    align-items: center;
    gap: 5px;
}

#footer-menu .et_mobile_nav_menu {
    display: none !important;
}

#footer-menu .et_pb_menu__menu {
    display: flex !important;
    width: 100% !important;
}

footer {
    background-color: #000000;
}

footer .et_pb_row_3_tb_footer {
    display: flex;
    align-items: center;
}

footer .et_pb_row_3_tb_footer {
    display: flex;
    align-items: center;
}

.tparrows {
    background: #fff !important;
}

.tparrows:before {
    color: #000 !important;
}

@media (max-width: 980px) {
    #main-header-wrapper>.et_pb_column {
        margin-bottom: 0;
    }

    #vms-main-menu .et_pb_menu__wrap {
        justify-content: flex-end;
    }

    #main-header-wrapper .et_mobile_nav_menu {
        padding-right: 25px;
    }

    #main-header-wrapper span.et_pb_image_wrap {
        padding-left: 25px;
    }

    #home-hero-section-wrapper>div:first-child {
        align-items: flex-start;
        padding-top: 120px;
    }

    #offer-section-wrapper {
        grid-template-columns: 1fr;
    }

    #offer-section-wrapper>div:nth-child(2) {
        order: 1;
    }

    #offer-section-wrapper>div:first-child {
        order: 2;
    }

    #offer-section-wrapper>div:last-child {
        order: 3;
    }

    #footer-section-wrapper,
    footer .et_pb_row_3_tb_footer {
        padding-left: 35px;
        padding-right: 35px;
    }

    #project-section-wrapper {
        row-gap: 120px;
    }

    div#hero-section-content {
        width: 36%;
        bottom: calc(-100% + 379px);
    }
}

@media (max-width: 767px) {
    footer .et_pb_module.et_pb_text_align_right {
        text-align: left !important;
    }

    footer .et_pb_row_3_tb_footer {
        flex-direction: column;
    }

    div#home-team-slider {
        margin-right: 0;
        margin-top: 0;
    }

    #home-team-slider #rev_slider_1_1_wrapper .hesperiden.tparrows {
        top: -100px !important;
        right: -50px !important;
        left: initial !important;
    }

    div#hero-section-content {
        width: 81%;
        top: 100px;
        bottom: initial;
    }

    #directors-slider_wrapper .hesperiden.tparrows {
        top: -95px !important;
        left: initial !important;
        right: -85px;
    }

    .companies-reviews-section-wrapper>div {
        width: 18% !important;
    }

    .companies-card-wrapper::before {
        left: auto;
        right: -15px;
    }

    .companies-card-wrapper::after {
        left: auto;
        right: -15px;
        bottom: 25px;
    }

    .companies-card-wrapper>div:nth-child(1) {
        order: 1;
    }

    .companies-card-wrapper>div:nth-child(2) {
        order: 2;
    }

    .companies-card-wrapper>div:nth-child(3) {
        order: 4;
    }

    .companies-card-wrapper>div:nth-child(4) {
        order: 3;
        margin-top: 50px !important;
        max-width: 484px !important;
        height: 290px !important;
    }

    .companies-card-wrapper>div:nth-child(4) .et_pb_image{
        left: 26%;
    }

    .companies-card-wrapper>div:nth-child(5) {
        order: 5;
        margin-top: 150px !important;
    }

    .companies-card-wrapper>div:nth-child(6) {
        order: 6;
    }

    .companies-card-wrapper>div:first-child p,
    .companies-card-wrapper>div:nth-child(5) p,
    .companies-card-wrapper>div:nth-child(4) p {
        right: 0 !important;
        left: auto !important;
    }

    .companies-card-wrapper>div:first-child .companies-tooltip span,
    .companies-card-wrapper>div:nth-child(5) .companies-tooltip span,
    .companies-card-wrapper>div:nth-child(4) span {
        right: -83px !important;
        left: auto !important;
    }

    .companies-card-wrapper{
        gap: 100px 200px;
    }
}


/*
@media (min-width: 768px){
    
}*/