/*
Theme Name: vama
Author: Tahaluf
Version: 1.0
Template: twentytwenty
*/

@import url("css/theme.css");
@import url("css/media.css");
@import url("css/burgermenua.css");
@import url('bootstrap/bootstrap.css');
@import url("assets/owl/assets/owl.carousel.min.css");
@import url("icons/style.css");
@import url("assets/slick/slick.css");
@import url("assets/aos/aos.css");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');
body {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}

body,
body p,
body a,
body span,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body h1 span,
body h2 span,
body h3 span,
body h4 span,
body h5 span,
body,
a,
label,
.lang-item-en a,
textarea,
input {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.font-size-15 {
    font-size: 15px !important;
}

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

.w-fit-content {
    width: fit-content !important;
}

.min-height-400 {
    min-height: 400px !important;
}

.min-height-500 {
    min-height: 500px !important;
}

.site-logo img {
    max-width: 130px;
    height: auto;
}

#site-header {
    position: relative;
}

#site-header .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.background-gradient {
    height: 40%;
    position: absolute;
    top: 0px;
    width: 100%;
}

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

.primary-menu li.pll-parent-menu-item {
    display: flex;
    justify-content: start;
    align-items: center;
}

.primary-menu li .sub-menu li {
    list-style-type: none !important;
    padding: 7px !important;
}

.primary-menu li .sub-menu {
    position: absolute;
    z-index: 99999;
    display: none;
    flex-direction: column;
    top: 100%;
    left: 9px;
    min-width: 130px;
    padding: 10px !important;
    background-color: var(--white) !important;
    box-shadow: -1px 11px 16px -5px rgb(197 219 237 / 50%);
    -webkit-box-shadow: -1px 11px 16px -5px rgb(197 219 237 / 50%);
    -moz-box-shadow: -1px 11px 16px -5px rgba(197, 219, 237, .5);
}

.primary-menu li {
    position: relative;
    padding: 5px 14px;
}

.primary-menu li.menu-item-has-children>a::after {
    content: "\ea59";
    color: #9DA0A3;
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.primary-menu li a {
    text-decoration: none;
}

#site-header {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 999;
}

.background-slider {
    position: relative;
}

.slider-description {
    position: absolute;
    bottom: 120px;
    font-size: 45px;
}

.slider-items {
    position: relative;
}

.slider-section .icon-keyboard_arrow_left,
.slider-section .icon-keyboard_arrow_right {
    background: #fff;
    border-radius: 50%;
    font-size: 25px;
    padding: 5px;
}

.slider-section .icon-keyboard_arrow_left,
.slider-section .icon-keyboard_arrow_right {
    margin: 0px 5px;
}

.transperent-logo {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.border-radius-20 {
    border-radius: 20px;
}

.trusted-section {
    position: relative;
}

.images-gallery {
    position: relative;
}

.images-gallery .icon-keyboard_arrow_right {
    position: absolute;
    left: 50px;
    bottom: 0%;
    z-index: 999;
    padding: 5px;
    color: var(--white-color);
    background-color: var(--third-color);
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
}

.images-gallery .icon-keyboard_arrow_left {
    position: absolute;
    left: 0%;
    bottom: 0%;
    z-index: 999;
    padding: 5px;
    color: var(--white-color);
    background-color: var(--primary);
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
}

.how-do-it-section .icon-keyboard_arrow_right {
    position: absolute;
    left: 40px;
    bottom: 30px;
    z-index: 999;
    padding: 5px;
    color: var(--white-color);
    background-color: var(--third-color);
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
}

.how-do-it-section .icon-keyboard_arrow_left {
    position: absolute;
    left: 0px;
    bottom: 30px;
    z-index: 999;
    padding: 5px;
    color: var(--white-color);
    background-color: var(--primary);
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
}

.product-feature-section .owl-nav,
.industry-slider .owl-nav,
.product-module-section .owl-nav,
.usecaseslider .owl-nav {
    display: flex;
    margin-top: 30px;
}

.usecaseslider .owl-nav {
    display: flex;
    margin-top: 15px;
}

.product-feature-section .icon-keyboard_arrow_right,
.product-feature-section .icon-keyboard_arrow_left,
.product-module-section .icon-keyboard_arrow_right,
.product-module-section .icon-keyboard_arrow_left {
    padding: 5px;
    margin: 5px;
    color: var(--primary);
    background-color: var(--primary-body);
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
}

.usecaseslider .icon-keyboard_arrow_right,
.usecaseslider .icon-keyboard_arrow_left {
    padding: 5px;
    margin: 5px;
    color: var(--white-color);
    background-color: var(--primary);
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
    border: 1px solid var(--primary);
}

.usecaseslider .owl-nav .disabled .icon-keyboard_arrow_left,
.usecaseslider .owl-nav .disabled .icon-keyboard_arrow_right {
    padding: 5px;
    margin: 5px;
    color: var(--primary) !important;
    background-color: var(--primary-body) !important;
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
    border: 1px solid var(--primary);
}

.usecaseslider .owl-dots .owl-dot {
    border-radius: 20px !important;
    height: 5px !important;
    width: 20px !important;
    background-color: var(--primary);
    transition: all 0.2s !important;
}

.usecaseslider .owl-dots .owl-dot.active {
    height: 5px !important;
    width: 5px !important;
    border-radius: 50% !important;
    margin: 0px 5px;
    background-color: #000!important;
}

.industry-slider .icon-keyboard_arrow_right,
.industry-slider .icon-keyboard_arrow_left {
    padding: 5px;
    margin: 5px;
    color: var(--primary-body);
    background-color: var(--primary);
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
}

.title-cover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 18, 77, 0.8);
    padding: 7px 5px;
}

.contact-form-card .wpcf7-text,
.contact-form-card .wpcf7-email,
.contact-form-card .wpcf7-textarea {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid #c6c6c6;
    resize: none;
}

.contact-form-card input,
.contact-form-card textarea {
    margin-top: 5px;
}

.wpcf7-spinner {
    display: none;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 10px 20px;
    color: var(--white-color);
    background-color: var(--primary);
    border: none;
    border-radius: 20px;
}

.feature-icon {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product-module-section .module-icon {
    max-width: 100px;
}

footer a {
    color: var(--white-color) !important;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.7s;
}

footer ul {
    list-style-type: none;
    padding: 0px !important;
    column-count: 3;
}

footer ul li {
    padding: 0px 14px 14px 14px;
}

#media_image-2 {
    text-align: center;
}

#car {
    position: absolute;
    top: 5px;
    left: 0px;
}

#car svg {
    width: 80% !important;
    height: 80% !important;
    transform: translate3d(300px, 80px, 0px) !important;
}

.values {
    font-size: 20px;
}

.slick-dots {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    background-color: transparent;
    color: transparent;
    background: transparent;
    border: none;
    outline: none;
}

.slider-section video {
    width: 100%!important;
}

.slider-section .owl-dots {
    position: relative;
    align-items: center;
}

.slider-section .owl-nav {
    position: relative;
    top: -100px;
}

.owl-dots {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.slick-dots li,
.owl-dot {
    width: 50px;
    height: 2px;
    background-color: var(--primary);
}

.light-slide .owl-dot {
    background-color: rgba(255, 255, 255, 0.5);
}

.light-slide .owl-dots .prev-active-slide,
.light-slide .owl-dots .owl-dot.active {
    background-color: rgba(255, 255, 255, 0.9);
    transition: all 0.7s;
}

.owl-dots .prev-active-slide,
.owl-dots .owl-dot.active,
.slick-dots li.slick-active,
.slick-dots li.prev-active-slide {
    height: 3px;
    background-color: var(--third-color);
    transition: all 0.7s;
}

.success-stories-section .owl-nav {
    position: relative;
}

.slick-arrow.slick-disabled {
    opacity: 0.8;
}

.owl-nav .disabled {
    opacity: 0.8 !important;
}

.owl-carousel .owl-item img {
    max-width: 100% !important;
    height: auto !important;
    width: auto;
}

.slider-group,
.bg-slider {
    height: 220px !important;
}

.lang-item {
    padding: 3px 0px;
}

.bg-slider:nth-child(even) .row {
    display: flex;
    flex-flow: row-reverse;
}

.bg-slider:nth-child(even) .img-slide {
    justify-content: start !important;
}

.aboutussection {
    background-repeat: NO-REPEAT;
    background-size: 50%;
    background-position: right;
}

.rtl .aboutussection {
    background-position: left;
}

.how_img_section {
    background-color: #fff;
    padding: 7px;
    border-radius: 12px;
    margin-inline-end: 15px;
    margin-bottom: 25px;
}

.bussinessimg {
    margin-inline-end: 0;
    border: solid 1px #ddd;
}

.module-item-card {
    min-height: 450px !important;
}

.product-module-section .owl-dots {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    margin-top: 20px;
}

.product-module-section .owl-dots .owl-dot {
    margin: 0px 5px !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.product-module-section .owl-dots .owl-dot.active {
    width: 35px !important;
    border-radius: 10px !important;
    background-color: rgba(255, 255, 255, 1) !important;
    transition: all 0.2s !important;
}

.trust-card {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff !important;
}

#footer-widget-area-1 .widget_media_image {
    max-width: 150px;
}

.how-do-it-section .nav.nav-tabs {
    width: fit-content;
}

.how-do-it-section .nav-tabs .linktab.active {
    background-color: var(--white-color) !important;
    color: var(--secondary) !important;
}

.social-media-icons i {
    font-size: 30px;
    transition: 0.7s all;
}

.social-media-icons a {
    text-decoration: none;
    margin: 0px 2px;
}

.social-media-icons a:hover i {
    color: var(--primary) !important;
}