/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
 Description:  A child theme for your theme
 Author:       Your Name
*/


:root {
    --primary: #368B05;
    --white: #FFFFFF;
    --secondary: #AB7A35;
    --text-primary: #161716;
    --text-secondary: #606460;
    --gray: #A1A1A1;
    --light: #E7E7E7;
    --bg: #F5F5F5;
    --primary-dark: #1A3F05;
}

[data-elementor-type="wp-page"] {
    --mobile-padding: 25px !important;
}



.gmc {
    grid-auto-rows: max-content !important;
}

.hfull,
.hfull div {
    height: 100% !important;
}

.hf100 {
    height: 100% !important;
}

.imgf,
.imgf div {
    height: 100% !important;
}

.imgf img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
}

.fts {
    font-size: 12px !important;
}

.ft {
    font-size: 14px !important;
}

.ftm {
    font-size: 30px !important;
}

.ftl {
    font-size: 40px !important;
}

.ftxl {
    font-size: 60px !important;
}

.cp {
    color: var(--primary) !important;
}

.cs {
    color: var(--secondary) !important;
}

.ctp {
    color: var(--text-primary) !important;
}


.cts {
    color: var(--text-secondary) !important;
}



.cw,
.ctw {
    color: var(--white) !important;
}

.bg {
    background-color: var(--bg) !important;
}

.trans {
    transition: all 0.3s ease-in-out;
}

.vms-flex {
    display: flex !important;
}

.vms-column {
    flex-direction: column !important;
}



svg {
    max-width: 100px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a {
    line-height: 120% !important;
}

img {
    background-repeat: no-repeat !important;
}

.imgl img {
    mix-blend-mode: luminosity;
}

.ov {
    position: relative !important;
}

.ov::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 50;
    visibility: visible !important;
}

.ov4::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.ov5::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.ov3 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.f12 {
    font-size: 12px !important;
}

.f16 {
    font-size: 16px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.ov-hidden {
    overflow: hidden !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.dblock {
    display: block;
}

.white {
    color: #ffffff !important;
}

.black {
    color: #000000 !important;
}

.pc {
    color: var(--e-global-color-primary) !important;
}

.sc {
    color: var(--e-global-color-secondary) !important;
}


.f30 {
    font-size: 30px !important;
}

.mbm-dark img {
    mix-blend-mode: darken;
}

.icon-white path {
    fill: #fff !important;
}

.icons-white path {
    stroke: var(--white) !important;
}

.icon-black path {
    fill: var(--text-primary) !important;
}

.icons-black path {
    stroke: var(--text-primary) !important;
}

.icon-secondary path {
    fill: var(--secondary) !important;
}

.icon-primary path {
    fill: var(--primary) !important;
}

.icons-primary path {
    stroke: var(--primary) !important;
}

.icons-secondary path {
    stroke: var(--secondary) !important;
}



.e-global__popover {
    z-index: 9999999 !important;
}

.bdf4 a {
    backdrop-filter: blur(4px) !important;
}


.animated-button a {
    min-width: 245px !important;
    overflow: hidden;
}

.solution-button a {
    min-width: 330px !important;
}

.animated-button .elementor-button-content-wrapper {
    position: relative;
}

.animated-button .elementor-button-icon {
    position: absolute !important;
    left: auto;
    right: 0;
    transform: rotate(45deg);

}

.animated-button .elementor-button-icon::before {
    content: "\f062";
    font-size: 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 13px;
    z-index: 99;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    transform: translateY(50px);
    color: currentColor;
    transition: all 0.3s linear, color 0s ease;
}

.animated-button .elementor-button-icon svg {
    transition: all 0.3s linear;
}

.animated-button:hover .elementor-button-icon svg {
    transform: translateY(-50px);
}

.animated-button:hover .elementor-button-icon::before {
    transform: translateY(-13px);
}

.rtl .animated-button span.elementor-button-text {
    padding-right: 35px;
}

.rtl .animated-button .elementor-button-content-wrapper {
    justify-content: flex-end;
}

.copyright-text,
.copyright-text a {
    color: var(--white) !important;
    font-size: 12px !important;
}

.copyright-text a:hover {
    color: var(--white) !important;
}

.vmsforge-spinner {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    z-index: 100;

}

.vmsforge-spinner {
    z-index: 1000;
}

.spinner {
    display: flex;
    align-items: center;
    justify-self: center;
    position: relative;
    color: var(--primary);
    z-index: 1000;
}

.spinner svg {
    display: inline-block;
    animation: spin360 2s linear infinite;
    fill: var(--primary);
    width: 50px;
}

@keyframes spin360 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* Header */
.site-header .header-inner .site-branding .site-logo img,
.site-footer .footer-inner .site-branding .site-logo img {
    width: 200px;
    height: auto;
}

.site-header .header-inner {
    align-items: center;
}

/* .vms-logo img{
    max-width: 70px !important;
} */
.bdt-drop.bdt-open {
    display: block;
    max-width: 320px !important;
    left: auto !important;
    right: 10px;
    top: 100% !important;
}

#ep-megamenu-fd0c74c-virtual li.current-menu-item a {
    background-color: var(--bg);
}

#ep-megamenu-fd0c74c-virtual li .bdt-megamenu-indicator {
    padding-right: 10px;
}

#ep-megamenu-fd0c74c-virtual li a {
    width: 100%;
    background-color: var(--white) !important;
}

#ep-megamenu-fd0c74c-virtual li a:hover {
    background-color: var(--bg);
}

#ep-megamenu-fd0c74c-virtual ul li ul {
    padding-left: 10px !important;
}

#ep-megamenu-fd0c74c-virtual ul li ul li {
    padding-top: 20px;
    padding-bottom: 20px;
}

.language-dropdown-wrapper {
    position: relative;
    transition: all 0.3s linear;
}

.language-dropdown-wrap {
    display: none;
    position: absolute;
    z-index: 99;
    top: 30px;
    right: 0;
    padding-top: 20px;
    background: transparent;
    visibility: hidden;
    opacity: 0;
}

.rtl .language-dropdown-wrap {
    right: auto;
    left: 0;
}

.language-dropdown {
    background: #fff;
    min-width: 150px;
    box-shadow: 0px 0px 10px 0px #D3D3D3;
}

.language-dropdown-wrapper:hover .language-dropdown-wrap {
    visibility: visible;
    opacity: 1;
    display: block;
}

#selected-language {
    background: #fff;
    padding: 12px 14px;
}

.language-list {
    list-style: none;
    padding: 0;
}

.language-list li,
.language-title {
    padding: 10px 14px;
}

.language-title {
    margin-bottom: 10px;
}

.language-list li:hover {
    background-color: var(--bg);
}

.language-list li a:hover {
    color: var(--primary);
}

.elementor-21 .elementor-element.elementor-element-69d83ca img {
    width: 35px !important;
}

/* Home Page */
/*.project45-text svg {
    animation: rotate360 7s infinite linear;
}*/

/*.rtl .project45-text svg {
    animation-direction: reverse;
}
*/
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.choose-us-faq .elementor-widget-container,
.choose-us-faq .elementor-widget-container p {
    display: flex;
}

.rtl .choose-us-faq .elementor-widget-container .choose-us-number {
    margin-left: 100px;
    margin-right: 0;
}

.choose-us-faq .elementor-widget-container .choose-us-number {
    margin-right: 100px;
}

.elementor-element.elementor-element-4d82bbb .elementor-widget-container {
    border-color: var(--light);
}

.who-we-are-image,
.who-we-are-image div {
    height: 100% !important;
}

.our-mission-button {
    min-width: 280px !important;
}

/* Slider */
#project-slider-wrapper {
    display: none;
}

#project-slider-wrapper .slick-track {
    display: flex;
    gap: 50px;
}

.project-slider-wrapper {
    width: 95%;
    margin: auto;
}

.project-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.fade-content {
    position: relative;
    width: 70%;
    z-index: 99999;
}

.project-title {
    text-align: center !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    color: var(--white) !important;
}

.project-next.slick-arrow,
.project-prev {
    width: 64px;
    height: 64px;
    border-radius: 100px !important;
    border: none !important;
    background: transparent !important;
    position: absolute;
    z-index: 9999;
    top: 50%;
}

.project-next.slick-arrow {
    left: auto;
    right: 180px;
}

.project-prev {
    left: 200px;
    right: auto;
}

.project-next:hover,
.project-prev:hover {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

.logo-slider img.swiper-slide-image {
    height: 50px;
    width: auto !important;
}


/* About Us */
.team-member-wrapper {
    grid-auto-rows: max-content;
}


.team-member img {
    height: 335px !important;
    object-fit: cover;
    object-position: top center;
}

.team-member .bdt-member-role {
    opacity: 1 !important;
}

/* Project */

.project-image-slider img {
    height: 460px !important;
    object-fit: cover;
    object-position: center;
}

/* Resources */
.resources-blog .bdt-post-card {
    gap: 30px !important;
    flex-wrap: nowrap !important;
}

.resources-blog .bdt-post-card>div:nth-child(2) .bdt-post-card-item {
    margin-top: 0 !important;
}

.resources-blog .bdt-post-card>div:nth-child(2) .bdt-post-card-thumb img {
    padding-top: 0 !important;
}

.resources-blog .bdt-post-card-title a {
    color: var(--text-primary);
    font-size: 24px !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
}

.resources-blog a.bdt-post-card-button span svg {
    transform: rotate(-25deg);
}

.resources-blog .bdt-post-card-title a:hover {
    color: var(--e-global-color-text) !important;
}

/* Footer */

.contact-us-icon {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.footer-bottom-menu li:last-child a {
    border-right: none !important;
}

.rtl .footer-bottom-menu li:last-child a {
    border-right: 1px solid var(--e-global-color-0e1354a) !important;
}

.rtl .footer-bottom-menu li:first-child a {
    border-right: none !important;
}

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

@media (max-width: 1023px) {
    .resources-blog .bdt-post-card {
        flex-wrap: wrap !important;
    }

    [data-elementor-type="wp-page"]>div:first-child {
        padding-top: var(--mobile-padding);
    }

    .elementor-1367 .elementor-element.elementor-element-32eb5b8c {
        padding-top: 0 !important;
    }
}


@media (max-width: 767px) {
    .rtl .choose-us-faq .elementor-widget-container .choose-us-number {
        margin-left: 50px;
    }

    .choose-us-faq .elementor-widget-container .choose-us-number {
        margin-right: 50px;
    }
}