:root {
    --main-color: #1A1A29;
    --bg-color: #4686EA;
    --sec-color: #8CC198;

}

@font-face {
    font-family: 'codec-pro';
    src: url('../fonts/codec-pro.regular.ttf');
}

@font-face {
    font-family: 'codec-pro-Light';
    src: url('../fonts/CodecPro-Light.ttf');
}
@font-face {
    font-family: 'CodecPro-Bold';
    src: url('../fonts/CodecPro-Bold.ttf');
}
body {
    direction: rtl;
    text-align: start;
    font-family: 'codec-pro';
    overflow-x: hidden;
    background: #050505;
    /* backdrop-filter: blur(346.4888000488281px) */
}

.owl-carousel {
    direction: ltr;
}

button:focus {
    border: none;
    outline: none;
}

input:focus {
    outline: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a,
a:hover {
    text-decoration: none;
}

.top_header .row {
    padding: 13px 20px;
    background: #050505;
}

.left-top-header ul {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 6px;
}

.left-top-header ul a {
    color: #fff;
    display: flex;
    flex-direction: column;
}

.left-top-header ul a i {
    position: relative;
    top: 2px;
    padding-inline-end: 8px;
    color: var(--sec-color);
}

.right-top-header h6 {
    color: #fff;
    font-size: 16px;
    color: #DBDBDB;
    margin-bottom: 0;
}

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

.logo {
    height: 49px;
}

.logo img {
    max-height: 48px;
}

/* nice select */
.nice-select {
    width: 100%;
    margin-bottom: 15px;
    text-align: start !important;
    padding-left: 30px;
    padding-right: 18px;
    border-radius: 5px;
    background: #0C0C0C;
    border: 1px solid #282828;
    color: #fff;
}

.nice-select::after {
    left: 12px;
    right: auto;
    border-bottom: 2px solid #2A378F;
    border-right: 2px solid #2A378F;
}

.nice-select .option {
    text-align: start;
    padding-left: 29px;
    padding-right: 18px;
    background: #0C0C0C;
}

.nice-select .list {
    width: 100%;
    background-color: #0C0C0C;
}

.nice-select:after {
    width: 8px;
    height: 8px;
    width: 40px;
    height: 40px;
    background: #8CC1981A;
}

/* Start header */
.navbar {
    justify-content: center;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3;
}

.mynav .navbar-menu li a {
    color: #FFFFFF;
    transition: all 0.3s;
    padding: 0;
    font-size: 16px;
    padding: 10px 0;
    font-weight: 400;
}

.mynav .navbar-menu li a:hover,
.mynav .navbar-menu li.current-menu-item a {
    color: var(--sec-color);
}


.mynav .navbar-menu li {
    padding-inline-end: 32px;
}



.left-tobheader {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.lang a {
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-decoration: underline;
}

.mynav .row {
    align-items: center;
    padding: 18px 20px;
    /*border-bottom: 1px solid #0F0B01;*/
    backdrop-filter: blur(34px);
    background: #0807042E;
}

.search-btn i {
    transition: all 0.7s;
    font-size: 22px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mynav .nav-link {
    position: relative;
}

.navbar-menu {
    display: flex;
    padding: 0;
}

.request a {
    color: #fff;
    min-width: 159px;
    padding: 12px 12px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    transition: all 0.3s;
    background: var(--sec-color);
    position: relative;
    z-index: 2;
    overflow: hidden;
    box-shadow: 0px 10px 12px 0px #3452ED3B;
}

span.btnSearch {
    height: 27px;
}

.btnSearch i,
.btnSearch img {
    color: #fff;
    cursor: pointer;
    height: 100%;
}

.sidebar .logo {
    height: 50px;
    margin-top: 55px;
    text-align: center;
}

/* ---------------------------------- */
.navbar-toggler i {
    color: #fff;
    font-size: 25px;
}

.responsive-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
}

.responsive-menu .left-menu {
    display: flex;
    align-items: center;
}

.responsive-menu .lang {
    text-transform: capitalize;
}

.left-menu .btnSearch {
    margin: 0 19px;
}

.navbar-toggler,
.responsive-menu .searchForm .btnSearch {
    padding: 0;
    width: 38px;
    height: 38px;
    background-color: var(--sec-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
}

/* Start Search */

.site-search {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    padding: 12px;
    transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
    -webkit-transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
}

.site-search .close-side i {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: 20px;
    left: 20px;
}

.site-search.open {
    z-index: 99999999;
    opacity: 1;
    transition: opacity .5s, z-index 0s;
    -webkit-transition: opacity .5s, z-index 0s;
}

.site-search.open .woocommerce-product-search,
.site-search.open .search-form {
    margin-top: -40px;
    opacity: 1;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
}

.site-search .widget_product_search,
.site-search .widget_search {
    position: relative;
    padding-top: 0;
}

.site-search .woocommerce-product-search,
.site-search .widget_search .search-form {
    border: none;
    width: 50%;
    margin-top: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    padding-top: 0;
    opacity: 0;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
    transform: translateX(-50%);
    z-index: 9;
}

.site-search .woocommerce-product-search label,
.site-search .widget_search .search-form label {
    display: none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    transform: translateX(10%);
}

.site-search .woocommerce-product-search .search-field,
.site-search .widget_search .search-form .search-field {
    color: var(--main-color);
    background: none;
    border: none;
    border-bottom: 3px solid var(--main-color);
    font-size: 20px;
    padding: 15px 0;
    height: auto;
    margin: 0;
    outline: none !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.15s linear;
    /* -webkit-appearance: none; */
    border-radius: 0px;
    box-shadow: inset 0 0 0 transparent;
    color: var(--main-color);
    padding-inline-end: 50px;
}

.site-search .woocommerce-product-search input[type="submit"],
.site-search .widget_search .search-form input[type="submit"] {
    top: 10px;
    right: 15px;
    padding-top: 0 !important;
    background: none !important;
    font-size: 0;
    min-width: 0;
    padding: 0 !important;
    z-index: 4;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-search .woocommerce-product-search button {
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 20px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--main-color);
    padding: 0;
}

.site-search .woocommerce-product-search .search-field::placeholder {
    color: var(--main-color);
}

.searchForm .btnSearch {
    box-shadow: none !important;
    margin: 0 25px;
    color: #101010;
    padding: 0;
    text-align: center;
    line-height: 30px;
    border: none !important;
    font-size: 20px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fff;
    cursor: pointer;
}

.searchForm .btnSearch i {
    transition: all 0.6s;
    color: var(--main-color);
}

.searchForm .btnSearch i:hover {
    transform: rotate(360deg);
    color: var(--hover-color);
}

.site-search-close {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}


/* End Search */
/* Sidebar */
.sidebar {
    position: fixed;
    top: 0px;
    /* bottom: 0; */
    right: -350px;
    height: 100%;
    width: 350px;
    background-color: #080808;
    z-index: 999;
    padding: 20px 0;
    transition: all 0.5s;
    padding: 20px 0;
    overflow: scroll;
    clip-path: circle(65px at calc(100% - 45px) 45px);
    /* transform: scale(0); */
}

.sidebar-width {
    right: 0px;
    clip-path: circle(75%);
    /* transform: scale(1); */
}

.sidebar .close-side i {
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}

.sidebar .side-content {
    padding-top: 25px;
    margin-top: 5px;
}

.close-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #080808;
    opacity: 0.6;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: none;
    /* transition: all 0.5s; */
    /* transform: scale(0); */
}

.close-overlay.open-overlay {
    display: block;
    /* transform: scale(1); */
}

.sidebar .side-content ul li {
    position: relative;
    width: 100%;
    transition: all .5s;
    border-bottom: 1px solid #ffffff63;
}

.sidebar .side-content ul li a {
    color: #fff;
    display: inline-block;
    padding: 12px 20px;
    position: relative;
    transition: all 0.6s;
}

.sidebar .side-content ul li a:hover {
    color: #fff;
}

.sidebar .contact-buttons {
    justify-content: center;
    margin-top: 60px;
}

.mynav {
    margin-top: 0;
}

/* Start home slider */
.slider-home.owl-theme .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    display: flex;
    display: none;
}

.owl-theme .owl-dots .owl-dot span {
    width: 17px;
    height: 17px;
    margin: 8px;
    background: rgb(70 134 234 / 30%);
    transition: all 0.3s;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #4686EA;
    width: 28px;
    height: 28px;
}

.slider-home .slider-img {
    position: relative;
    height: 769px;
    z-index: 3;
}

.slider-home .slider-img::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(180deg, #EABE49 0%, #080805 100%);

    backdrop-filter: blur(4px); */
    background-image: url('../images/Group\ 1321314887.png');
    background-size: cover;
    background: linear-gradient(180deg, #eabe491f 0%, #080805 100%);
    background-blend-mode: color;
}

.home-slider .item {
    position: relative;
}

.home-slider {
    position: relative;
}

.home-slider::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    z-index: 1;
    /* background-size: cover; */
    /* background: linear-gradient(180deg, #EABE49 0%, #080805 100%);
    background-blend-mode: color;
    backdrop-filter: blur(4px) */
    /* background: linear-gradient(270deg, #050505 35%, rgb(5 5 5 / 0%) 75%); */
}


.home-slider::before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 100%;
    height: 205px;
    /* background: linear-gradient(270deg, #050505 35%, rgba(5, 5, 5, 0) 75%); */
    z-index: 2;
}

.carousel-info {
    position: absolute;
    z-index: 3;
    color: #fff;
    text-align: center;
    top: 50%;
    transition: all 0.5s ease-in;
    padding: 45px 20px;
    left: 50%;
    width: 57%;
    transform: translate(-50%, -50%);
}

.slider .owl-item.active .carousel-info {

    opacity: 1;
}

.carousel-info h2 {
    font-size: 64px;
    line-height: 75px;
    font-weight: 600;
    margin-bottom: 0;
}

.carousel-info p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #DBDBDB;
    margin: 24px 0;
}

.carousel-info .read-more a {
    color: #050505;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: all 0.3s;
}


.home-slider .owl-item.active .carousel-info h2 {
    animation: 1s fadeInUp;

}

.home-slider .owl-item.active .carousel-info p {
    animation: 1.5s fadeInUp;

}

.home-slider .owl-item.active .carousel-info .read-more {
    animation: 2s fadeInUp;

}

.slider-home .owl-item .slider-img img,
.slider-home .owl-item .slider-img video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.home-slider .owl-theme .owl-nav .owl-prev,
.home-slider .owl-theme .owl-nav .owl-next,
.part-slider .owl-nav button.owl-next,
.part-slider .owl-nav button.owl-prev,
.gallery-slider.owl-theme .owl-nav .owl-prev,
.gallery-slider.owl-theme .owl-nav .owl-next {
    margin-top: 0;
    position: absolute;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #fff;
    width: 69px;
    height: 66px;
    transition: all 0.3s;
}

.part-slider .owl-nav button.owl-next,
.part-slider .owl-nav button.owl-prev {
    top: -62%;
    width: 83.62px;
    height: 45.57px;
    background-color: #0056B9;
    transition: all 0.3s;
    border-radius: 0;
}

.part-slider .owl-nav button.owl-next:hover,
.part-slider .owl-nav button.owl-prev:hover {
    background-color: rgb(0 86 185 / 50%);
}

.part-slider .owl-nav button.owl-prev {
    left: 0px;
}

.part-slider .owl-nav button.owl-next {
    left: 92px;
}

.part-slider .owl-nav button.owl-next,
.part-slider .owl-nav button.owl-prev {
    color: #fff;
    font-size: 22px;
}

/* -------------------------------- */
/* ----------------  Start details section  ----------------    */


@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1240px;
    }
}

.section-title {
    margin-bottom: 48px;
}

.section-title h4 {
    color: #050505;
    margin-bottom: 48px;
    font-size: 64px;
    font-weight: 600;
     font-family: 'CodecPro-Bold';
    text-align: center;
    text-transform: capitalize;
}

/* -----------------  company logo ------------------------   */
.container-fluid {
    padding: 0;
}

.animation_logo {
    position: relative;
}

.animation_logo::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 275px;
    top: 0;
    opacity:.4;
    left: 0;
 background:#2B9643;
    background-position: center;
    background-size: cover;
filter: blur(346.4888000488281px);
    transition: all 0.2s;
}

.animation_logo.scrolled::after {
    animation: rollIn;
    animation-duration: 2s;
}

.animation_logo .company_logo {
    height: 433px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.animation_logo .company_logo img {
    /* animation-delay: 0.3s; */
    /* animation: appearLogo 4s infinite ease-in-out; */
    position: relative;
    z-index: 2;
}

@keyframes appearLogo {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animation_logo.scrolled .company_logo img {
    animation: rollIn;
    animation-duration: 2s;
}

.company_logo img {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
}

/* ------------------------------------------------------- */
section.services,section.animation_logo{
    overflow:visible!important;
}
/* Start about us section */
section.details {
    position: relative;
    padding: 160px 0;
}

section.details::before {
position: absolute;
    content: '';
  width: 227px;
    height: 227px;
    top: 165px;
    right: 137px;
    background: #EABE49;
    background-size: cover;
    background-position: center;
    filter: blur(600px);
    border-radius: 50%;
}

.details-title h4 {
    color: #fff;
    font-size: 28px;
    line-height:54px;
    margin-bottom: 15px;
    font-family: 'codec-pro-Light';
}

.details-title h1 {
    font-size: 64px;
    line-height: 86px;
    color: #EABE49;
    font-weight: 600;
    border: 1.25px solid #52431A;
    max-width: max-content;
    position: relative;
    padding: 5px 10px 10px 10px;
    padding-inline-end: 30px;
}

.details-title h1 span {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.details-title h1::after {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background-color: #EABE49;
    top: -5px;
    left: -5px;
}

.details-title h1::before {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background-color: #EABE49;
    top: -5px;
    right: -5px;
}

.details-title h1 span::after {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background-color: #EABE49;
    bottom: -14px;
    left: -35px;
}

.details-title h1 span::before {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background-color: #EABE49;
    bottom: -13px;
    right: -17px;
}

.details-disc p {
    color: #DBDBDB;
    font-size: 20px;
    font-weight: 400;
}


section.partners .section-title h4 {
    color: #fff;
}

.part-item .img {
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    transition: all 0.3s;
    margin: 0px 6px 20px;
    padding: 5px 5px;
    border: 1px solid #fff;
    box-shadow: 0px 8px 12px 0px #6C04040A;
    border-radius: 16px;
}


.part-section .item .img a,
.part-item .img a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transition: all 0.3s;
}

.part-item .img img {
    max-height: 100%;
    width: auto;
    transition: all 0.3s;
    object-fit: contain;
    max-width: 100%;
}


.part-item .img:hover {
    box-shadow: 0px 8px 12px 0px #0000000A;
    border: 3px solid #080808;
}

.part-block {
    height: 113px;
    width: 250px;
    line-height: 113px;
    text-align: center;
}

.part-block img {
    display: inline-block;
    max-height: 57.75px;
    max-width: 250px;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s;
    opacity: 20%;
}

.part-block:hover img {
    opacity: 100%;
}

.slick.marquee {
    direction: ltr;
}

.slick.marquee .item.slick-slide {
    float: left !important;
}

section.partners {
    background: #050505;
    position: relative;
}

section.partners::after,
section.partners::before {
    position: absolute;
    content: '';
    width: 205px;
    height: 320px;
    background: linear-gradient(270deg, #050505 35%, rgba(5, 5, 5, 0) 75%);
    backdrop-filter: blur(4px);
        z-index: 9;
        top:58%;
        transform:translateY(-50%);
}

section.partners::after {
    right: -70px;
}

section.partners::before {
    left: -70px;
}

.slick-track {
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
}

.slick-list {
    padding: 0 !important;
    overflow: visible !important;
}

.slick-slide {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;

}

.slick-slide .inner {
    margin: 0 15px;
}

.marquee_rtl,
.marquee {
    transform: scale(0.8, 0.8);
    margin-top: 0px;
}


.slick-dots {
    bottom: -60px;
    opacity: 0;
    display: inline-flex !important;
}


.slick-dots li button:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border-color: transparent;
    opacity: 1;
    top: -3px;
    left: -3px;
}

.slick-dots li button:hover:before {
    background: #fff;
}

.slick-dots li {
    width: 18px;
    height: 18px;
    margin: 0 2px;
}

/* ----------------------------- */
/* -----------  Start footer section  -------------------- */
.fixed-icone {
    position: fixed;
    bottom: 30px;
    left: 16px;
    z-index: 99;
    animation: updown-i 4s infinite ease-in-out;
}

@keyframes updown-i {

    0%,
    100% {
        transform: translateY(-12px);
    }

    50% {
        transform: translateY(12px);
    }
}

.fixed-icone a {

    width: 47px;

    height: 47px;

    display: flex;

    align-items: center;

    justify-content: center;
    margin-bottom: 9px;
    color: #fff;
    font-size: 22px;
    background: linear-gradient(180deg, #61FD7D 0%, #2BB826 100%);
    box-shadow: 0px 3.24px 3.24px 0px #30BF2F4D;
    border-radius: 10px;
}

.fixed-icone a.phone_link {
    color: #DA0000;
    font-size: 16px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #DCDCDC;
}

.fa-brands,
.fab {
    font-weight: 400;
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
}

.footer-soch {
    max-width: max-content;
    padding: 6px 14px;
    background: #050505;
}

.footer-soch span {
    color: #FBECEA;
}

.footer-soch a i {
    font-style: normal;
}

.footer {
    padding: 60px 50px;
    background: linear-gradient(180deg, #050505 0%, #0F0F0F 100%);
}

.footer-links h4,
.right-footer h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px;
}

.footer-logo img {
    max-height: 100%;
    max-width: 100%;
}

footer .footer-menu ul li {
    margin-bottom: 14px;
    width: 46%;
}

.footer-logo {
    height: 71px;
    margin-bottom: 18px;
}

footer .footer-menu ul {
    display: flex;
    flex-wrap: wrap;
}

.copy-right p span {
    color: #EABE49;
}

footer .footer-menu ul a {
    color: #B5B5B5;
    text-transform: capitalize;
    font-size: 16px;
    transition: all 0.3s;
    font-weight: 400;
}

footer .footer-menu ul a:hover {
    color: #fff;
}

.footer-soch a {
    color: #fff;
    margin: 0 9px;
    transition: all 0.3s;
    font-size: 24px;
}

.footer-soch a:hover {
    color: var(--sec-color);
}

footer .contact-list a {
    display: flex;
    color: #B5B5B5;
    font-size: 16px;
}

footer .contact-list li i {
    position: relative;
    top: 5px;
    padding-inline-end: 10px;
    color: #8CC198;
    font-size: 19px;
}

footer .contact-list li {
    margin-bottom: 19px;
}

footer .contact-list li p {
    margin-bottom: 0px;
    line-height: 27px;

}

span.mob-num {
    display: block;
    direction: ltr;
}

.right-footer .map {
    height: 169px;
}

.right-footer .map iframe {
    width: 100%;
    height: 100%;
}

.left-footer h2 {
    color: #fff;
    max-width: 60%;
    margin: 30px 0;
    line-height: 34px;
    font-size: 24px;
    font-weight: 600;
}

.left-footer .read-more a {
    min-width: 300px;
}

.col-md-7 .footer-links {
    padding-inline-start: 48px;
}

/* bottom footer */
.copy-right {
    text-align: start;
    padding: 24px 0;
}

.ryad-logo {
    height: 60px;
    margin-top: -32px;
    position: relative;
    top: 5px;
    margin-left: -20px;
}

.copy-right .row {
    align-items: center;
}

.comp-rights {
    text-align: end;
}

.copy-right p {
    margin-bottom: 0;
    color: #fff;
}

/* Scroll to top */
#mybtn {
    /* display: none; */
    position: fixed;
    bottom: 16px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #8CC198;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
}

#mybtn i {
    color: #fff;
    font-size: 28px;
}

/* Start about page */
section {
    padding: 90px 0;
    overflow: hidden;
}

.breadcrumb-section {
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    position: relative;
}

.breadcrumb-info h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.breadcrumb-section a {
    color: #DBDBDB;
    font-size: 20px;
    font-weight: 400;
}

.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    color: #fff;
    /* font-weight: 700; */
    font-size: 20px;
}

.breadcrumb-item.active {
    color: #8CC198;
    font-size: 20px;
    font-weight: 400;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-left: 6px;
    content: "/";
    color: #fff;
    padding-right: 6px;
    font-size: 18px;
    position: relative;
    top: 3px;
}



.read-more a,
.read-more button {
    display: inline-block;
    padding: 12px 12px;
    min-width: 139px;
    color: #050505;
    transition: all 0.3s;
    text-align: center;
    background: var(--sec-color);
    font-weight: 600;
    border: none;
    outline: none;
    position: relative;
    z-index: 2;
    overflow: hidden;
    font-size: 16px;
    border-radius: 0;
}

.read-more a:hover {
    background-color: #EABE49;
}

.read-more button:hover {
    background-color: #EABE49;
}

.breadcrumb-info {
    position: relative;
    z-index: 2;
    padding-top: 184px;
}


/* -------------------------  services section -------------------   */
.services {
    position: relative;
    padding-bottom: 140px;
}

.services::after {
       position: absolute;
    content: '';
    width: 100%;
    height: 45px;
    top: 0;
    left: 0;
    background: #4686EA;
    filter: blur(600.4000244140625px);
    background-size: cover;
    border-radius: 50%;
}

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

.flip-card-container {
    perspective: 1000px;
    overflow: hidden;
    width: 400px;
    height: 394px;
    /* transform: translateX(-100%); */
    animation: slideIn 2s forwards ease-out;
    cursor: pointer;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: relative;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;

}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-clip: padding-box;
}

.flip-card-front::before,
.flip-card-back::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: #050505;
    z-index: -1;
    /* Lager dan de kaart content */

}

.flip-card-front::before {
    background-image: url('../images/service_pattern.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 230px;
}



@keyframes borderAnim {
    0% {
        background-position: 0% 0;
    }

    100% {
        background-position: 100% 0;
    }
}

.flip-card-front {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flip-card-back {
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 6px solid #4686EA;
    box-shadow: 0px 12px 56px 16px #4686EA14;
    padding: 0 23px;
    background-image: url('../images/back_pattern.png');
}

section.services .row {
    justify-content: center;
}

section.services .section-title h4,
.projects .section-title h4 {
    color: #fff;
}

.flip-card h4 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}

.service-icone {
    height: 50px;
    margin-bottom: 25px;
    box-shadow: 0px 20px 4px 0px #0000008C;
}

.flip-card-back p {
    font-size: 18px;
    line-height: 30px;
    color: #DBDBDB;
}

/* ---------------------------  choose_us_sec  -----------------   */
.choose_us_sec {
    position: relative;overflow: visible;
    padding-bottom: 30px;
}

.choose_us_sec::before {
    position: absolute;
    /* content: ''; */
    /* width: 100%; */
    /* height: 100%; */
    /* top: 0; */
    /* left: 0; */
    /* background-image: url('../images/Group\ 1321314884.png'); */
    /* background-size: cover; */
}

.choose-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.choose-bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* z-index: 2; */
    /* position: relative; */
}

.choose_us_sec {
    position: relative;
}

.choose_us_sec .choose-bg-video::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(140, 193, 152, 1) 0%, rgba(8, 8, 5, 1) 100%);
    mix-blend-mode: color;
}

.choose_us_sec .choose-bg-video::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-image: url('../images/tesss.png');
    background-size: 100% 100%;
    /*backdrop-filter: blur(4px);opacity: .95;*/

}

.chooseItem {
    background-color: #050505;
    border: 1px solid #314435;
    color: #fff;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 334px;
    transition: all 0.4s;
    position: relative;
        padding: 0 12px;
    text-align: center;
}

.chooseItem::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('../images/chooseItemBg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.3s;
}

.chooseItem::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 60%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('../images/Group\ 20.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.2s;
}

.chooseItem:hover:after,
.chooseItem:hover::before {
    opacity: 1;
}

.chooseItem:hover {
    border-color: transparent;
}

.choose_us_sec .col-lg-6 {
    padding: 0 10px;
}

.why_choose_us_info {
    color: #fff;
    padding-inline-end: 22px;
}

.why_choose_us_info h4 {
    font-size: 64px;
    margin-bottom: 32px;
    font-weight: 600;
}

.why_choose_us_info p {
    font-size: 18px;
    color: #DBDBDB;
    line-height: 28px;
}

.chooseItem .icone {
    height: 68px;
    margin-bottom: 46px;
    position: relative;
    z-index: 2;
    transition: all 0.3s;
}

.chooseItem:hover .icone,
.chooseItem:hover h4 {
    transform: translateY(-14px);
}

section.choose_us_sec .row {
    align-items: center;
    position: relative;
    z-index: 2;
}

.chooseItem .icone img {
    max-width: 100%;
    max-height: 100%;
}

.chooseItem h4 {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    transition: all 0.3s;
}

/* -----------------------  projects -----------------   */
.projects {
    background-image: url('../images/bg-projects.png');
    position: relative;
    padding:120px 0 100px;
}

.container-fluid {
    position: relative;
    z-index: 2;
}

.projects::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #050505 14.36%, rgba(5, 5, 5, 0.3) 45.14%, rgba(5, 5, 5, 0.3) 66.4%, #050505 91.53%);

}

.video-icone {
    width: 63px;
    height: 63px;
    /*background-color: #fff;*/
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    border: 2px solid #4686EA;
}

.video-icone::after {
    position: absolute;
    content: '\f04b';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    color: #4686EA;
    font-size: 22px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-item > a {
    display: inline-block;
    width: 100%;
    height: 452px;
    transition: all 0.5s;
}

.project-item .proj-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-item .proj-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-item {
    position: relative;
}

.project-item .project-name {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    z-index: 2;
    text-align: center;
    transition: all 0.5s;
}
.news_page .project-item .project-name {
    bottom: -22px;
}
.news_page .project-item:hover .project-name {
    bottom: 20px;
}
.project-item .project-name h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    transition: all 0.5s;
}

.fancybox-container {
    max-height: 650px;
}

header.sticky {
    margin: 0;
    padding: 0;
}

.sticky {
    position: sticky !important;
    width: 100%;
    left: 0;
    right: 0;
    top: 0px;
    padding: 6px 0;
    z-index: 99;
}

.sticky .mynav .row {
    background: #080704fc;
}

header.sticky .top_header {
    display: none;
}

/* -------------------------------------------- */
/* circular-menu */
#circularMenu {
    position: fixed;
    bottom: 80px;
    right: 22px;
    z-index: 9;
}

.circular-menu .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background-color: rgb(50 74 113);
    box-shadow: 0 0px 7px 0 #adb9cf;
    text-align: center;
    line-height: 3.2;
    cursor: pointer;
    outline: 0;
    color: #fff !important;
}

.circular-menu.active .floating-btn {
    box-shadow: inset 0 0 3px hsla(0, 0%, 0%, 0.3);
}

.circular-menu .floating-btn:active {
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, 0.4);
}

.circular-menu .floating-btn i {
    font-size: 1.3em;
    transition: transform 0.2s;
}

.circular-menu.active .floating-btn i {
    transform: rotate(-45deg);
}

.circular-menu:after {
    display: block;
    content: " ";
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color: rgba(27, 133, 190, 0);
    transition: all 0.3s ease;
}

.circular-menu.active:after {
    transform: scale3d(5.5, 5.5, 1);
    transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}

.circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
}

.circular-menu .menu-item {
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: rgb(50 74 113);
    font-size: 1em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3;
    background-color: #fff;
    transition: transform 0.3s ease, background-color 0.2s ease;
    transition-timing-function: ease, ease;
    /*box-shadow: 0 0 22px 5px #f5f9fc6b;*/
}

.circular-menu.active .menu-item {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.circular-menu.active .menu-item:nth-child(1) {
    transform: translate3d(-1em, -4.2em, 0);
}

.circular-menu.active .menu-item:nth-child(2) {
    transform: translate3d(-4em, -2em, 0);
}

.circular-menu.active .menu-item:nth-child(3) {
    transform: translate3d(-4em, 1.5em, 0);
}


/* ------------------------------------------------------ */
/* Pagination */
.pagination {
    justify-content: center;
    margin-top: 28px;
    background: #0F0F0F;
    max-width: max-content;
    margin: 20px auto 0;
    padding: 10px 22px;
    border: 1px solid #B5B5B51A;
    align-items: center;
}

.page-item .page-link {
    color: #4F4F4F;
    font-size: 14px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    transition: all 0.3s;
    background: transparent;
    margin-inline: 6px;
    border-color: transparent;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    border-radius: 0;
    margin-inline: 8px;
    border-color: transparent;
    background-color: #050505;
    color: #8CC198;
    font-size: 20px;

}

.page-item:last-child .page-link:hover,
.page-item:first-child .page-link:hover {
    opacity: 40%;
}

.page-item.active .page-link,
.page-link:hover {
    z-index: 3;
    color: #fff;
    background-color: transparent;
    border: 1px solid #FFFFFF;
}

li.page-item {
    margin-inline: 0;
}

.page-link:focus {
    box-shadow: none;
}

.new_date {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    background: #3565B033;
    border: 1.26px solid #4686EA;
    backdrop-filter: blur(55.5872802734375px);
    color: #fff;
    padding: 3px 12px;
}

section.news_page .project-item a {
    position: relative;
    z-index: 2;
}

section.news_page .project-item a::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, #050505 98.42%);
}

section.news_page .project-item .project-name p {
    font-size: 20px;
    color: #DBDBDB;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'codec-pro-Light';
    transition: all 0.3s;
}

section.news_page .project-item:hover .project-name p {
    /*-webkit-line-clamp: 3;*/
}

section.news_page .project-item .project-name {
    padding: 0 22px;
    text-align: start;
}

/* -------------------------------  project page  --------------------    */
.project-item.project_page a::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, #050505 98.42%);
    z-index: 1;
}

.projects_page .col-lg-4 {
    padding: 0 10px;
}

.project-item .read-more span {
    min-width: 100%;
    background-color: var(--bg-color);
    color: #fff;
    padding: 10px;
    font-weight: 600;
    display: inline-block;
}

.project-item.project_page,
.news_page .project-item {
    margin-bottom: 59px;
    min-height: 370px;
    overflow: hidden;
}

.project-item.project_page a {
    height: 365px;
}


.project-item .read-more {
    transform: translateY(113px);
    transition: all 0.4s;
    text-align: center;
}

.project-item:hover .read-more {
    transform: none;
}

.project_page:hover .project-name h4 {
    transform: translate(-10px, -20px);
}

.project-item.project_page .project-name {
    text-align: start;
    width: 90%;
    margin: auto;
    /*bottom:49px;*/
}

.project-item.project_page .project-name h4,
.news_page .project-item h4 {
    font-size: 20px;
    line-height: 31px;
}

.project-item.project_page a::before,
.news_page .project-item a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    inset: 0;
    outline: 4px solid #EDF3FD;
    outline-offset: -4px;
    transition: all 0.3s;
    opacity: 0;
    z-index: 2;
}

.project-item.project_page:hover a::before,
.news_page .project-item:hover a::before {
    opacity: 1;
}

/* ------------------------  single project page ----------------------   */
.single-proj-img a,
.single-proj-img {
    display: inline-block;
    width: 100%;
    height: 388px;
    border: 0.17px solid #E7E7E7;
    overflow: hidden;
}

.single-proj-img a,
.single-proj-img {
    border: 0.17px solid #e7e7e78c;
}

.single-project_page .row:first-of-type .single-proj-img a,
.single-project_page .row:first-of-type .single-proj-img {
    height: 484px;
}

.single-proj-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-project-item {
    color: #fff;
}

.single-project-item h4 {
    font-size: 32px;
    margin-bottom: 32px;
    line-height: 40px;
    font-weight: 600;
}

.single-project-item p {
    font-size: 20px;
    color: #DBDBDB;
    line-height: 31px;
}

.single-proj-img .video-icone {
    border-color: #8CC198;
    background: #8CC1984D;

}

.single-proj-img .video-icone::after {
    color: #fff;
}

.single-project_page .row {
    align-items: center;
}

.single-project_page .row:nth-child(even) {
    direction: ltr;
    padding: 88px 0;
}

.single-project_page .row:nth-child(even) .single-proj-info {
    direction: rtl;
}

section.single-project_page {
    padding-bottom: 20px;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}

.animation_logo .company_logo {
    padding: 0 10px;
}

.services_page .service-item {
    margin-bottom: 46px;
}

.services_page .flip-card-front {
    border: 6px solid #0F0F0F;
}

/* ----------------------  career page -------------------    */
section.career_page .row,.single_news_page .row {
    justify-content: center;
}

.contact-form form input,
.contact-form form textarea,
.contact-form form select,
.contact-page .contact-form .nice-select {
    width: 100%;
    padding: 6px 10px;
    background: #0C0C0C;
    color: #fff !important;
    font-size: 16px;
    height: 56px;
    line-height: normal;
    border: 1px solid #282828;
}


.contact-page .contact-form .nice-select::after {
    border-color: #fff;
}


.contact-form form input::placeholder,
.contact-form form textarea::placeholder {
    color: #fff;
    padding-bottom:8px;
}

.form-group {
    margin-bottom: 12px;
}

.contact-page .form-group {
    margin-bottom: 12px;
    position: relative;
}

.form-group i,
.form-group img {
    position: absolute;
    top: -1px;
    left: 10px;
    color: var(--sec-color);
    height: 10px;
}

section.contact-page .contact-form {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
}

.contact-form h6 {
    font-size: 16px;
    margin-bottom: 32px;
    color: #000000;
    font-weight: 400;
}

textarea:focus {
    outline: none;
}

.input-group.upload {
    position: relative;
    color: #fff;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #0C0C0C;
    opacity: 1;
    padding: 12px 10px;
    height: 56px;
    border-radius: 0;
    color: #fff;
    border: 1px solid #282828;
}

.input-group.upload span.uplod {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    width: 100%;
    text-align: end;
    display: inline-block;
    z-index: 2;
    background-color: transparent;
    border-color: #282828;
    height: 100%;
    border-radius: 0;
    color: #fff;
}

.input-group.upload span.uplod i {
    height: 40px;
    width: 41px;
    color: #8CC198;
    display: flex;
    align-items: center;
    margin: 9px;
    justify-content: center;
    margin-inline-end: auto;
    font-size: 18px;
    border-radius: 0;
    background: #8CC1981A;
    border: 1px solid #3F5744;
    backdrop-filter: blur(44px);
}

label.input-group-btn {
    background-color: #F4F7F9;
    margin-bottom: 0;
    height: 0;
}

.input-group.upload label {
    display: block;
    width: 100%;
}

span.btn {
    padding: 0;
}

.contact-form h5 {
    font-size: 24px;
    margin-bottom: 41px;
    color: var(--sec-color);
    text-align: center;
    font-weight: 700;
}

.contact-form {
    padding: 45px 58px;
    background: #0F0F0F;
}

.contact-form .read-more button {
    min-width: 100%;
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #0C0C0C;
}


.form-group.mobile {
    position: relative;
}

.form-group.mobile span.mob-num {
    position: absolute;
    color: #8CC198;
    top: 15px;
    left: 11px;
    z-index: 1;
}


textarea {
    height: 126px !important;
}

select:focus {
    outline: none;
}
.contact-form form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-group.select-field {
    position: relative;
}

.form-group.select-field::before {
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    top: 8px;
    position: absolute;
    left: 10px;
    font-size: 21px;
    color: #8CC198;
    z-index: 1;
    pointer-events: none;
    width: 41px;
    height: 40px;
    background: #8CC1981A;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3F5744;
    backdrop-filter: blur(44px);
}
.contact-form h4{
    font-size: 24px;
    margin-bottom: 36px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}
/* ---------------------------  single new page ---------------------   */
.single-new-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.single-new_date {
    background: #8CC1981A;
    padding: 16px 12px;
    border: 1px solid #3F5744;
    backdrop-filter: blur(44px);
    min-width: 128px;
    text-align: center;
}
.single-new_date span{
    font-weight:600;
        color: #fff;
}
.single-new-content {
    background: #0F0F0F;
    padding: 33px 18px;
}

.single-new-title h4 {
    font-size: 32px;
        line-height: 42px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.single_new-img {
    height: 295px;
    margin-bottom: 30px;
}

.single_new-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-new-disc p {
    color: #DBDBDB;
    font-size: 20px;
    line-height: 30px;
}


/*************************************************/
.wpcf7 p {
  margin: 0;
  display: block;
  width: 100%;
}

.wpcf7 br {
  display: none;
}

.wpcf7-file {
  display: none;
}
.sidebar .side-content ul li.current-menu-item a {
    color: var(--sec-color);
}
footer .contact-list a {
transition:all 0.3s;
}
footer .contact-list a:hover {
    /*color: #8CC198;*/
    color:#fff;
}

.proj-img {
    height: 100%;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl !important;
}

 .news_page .project-item:hover h4 {
transform: translateY(-45px);
}
.news_page .project-item a {
    height: 365px;
}

.news_page .project-item:hover a {
    height: 403px;
}

.service-icone img {
    max-height: 100%;
    height: 100%;
}

section.news_page .project-item {
    min-height: 410px;
}

.sidebar .read-more {
    margin-top: 14px;
    margin-inline-start: 16px;
}
.circular-menu .floating-btn {
    background-color: var(--sec-color);
}
.wpcf7 form .wpcf7-response-output {
    color: #fff;
}
@media (max-width:768px) {
.details-title h1 span::after {
    left: -17px;
}
}


.container-fliud{
    position:relative;
    z-index:2;
}
span.uplod {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    width: 100%;
    text-align: end;
    display: inline-block;
    z-index: 2;
    background-color: transparent;
    border-color: #282828;
    height: 100%;
    border-radius: 0;
    color: #fff;
}
.form-group i {
    position: absolute;
    top: -1px;
    left: 10px;
    color: var(--sec-color);
    height: 10px;
    z-index: 2;
    height: 40px;
    width: 41px;
    color: #8CC198;
    display: flex;
    align-items: center;
    margin: 9px;
    justify-content: center;
    margin-inline-end: auto;
    font-size: 18px;
    border-radius: 0;
    background: #8CC1981A;
    border: 1px solid #3F5744;
    backdrop-filter: blur(44px);
}
.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: unset;
    border: 1px solid #282828;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative;
    cursor: pointer;
}

.part-block img {
    max-height: 110px;
    max-width: 230px;
}

.part-block {
    margin-bottom: 32px;
}

.news_page .project-item a {
    height: 461px;
}

.news_page .project-item:hover a {
    height: 461px;
}

.carousel-info .read-more a {
    background: transparent;
    color: #fff;
    border: 1px solid var(--sec-color);
}

.carousel-info .read-more a:hover {
    color: #050505;
    border:none;
    background: #EABE49;
}

.flip-card:hover .flip-card-inner,.flip-card:hover,.service-item:hover {
    cursor: none;
}

.side-search {
    margin: 30px 0 20px;
    padding: 0 20px;
}

.side-search form {
    display: flex;
    justify-content: space-between;
}

.side-search form input {
    width: calc(100% - 56px);
    height: 50px;
    border: none !important;
    padding: 0 20px;
    border-radius: 0px;
}

.side-search form button {
    width: 50px;
    height: 50px;
    background:#fff ;
    color: var(--main-color);
    font-weight: 900;
    font-size: 20px;
    border: none;
}

.sidebar .lang {
    margin: 10px 0 0 0;
    padding-inline-start: 21px;
}


.sidebar .side-search img {
    filter: brightness(0);
}

section.news_page .project-item a {
    height: 364px;
}

section.news_page .project-item:hover a {
    height: 403px;
}

section.details {
    padding: 130px 0;
    margin-top: 42px;
    overflow:visible;
}

.left-top-header ul a span {
    opacity: 0;
    transition: all 0.3s;
    /* width:0; */
    position: absolute;
    bottom: -24px;
    transform: translateY(20px);
}

.left-top-header ul a:hover span {
    opacity: 1;
}

.left-top-header ul {
    /*gap: 0;*/
}
.left-top-header ul {
    align-items: start;
}

.left-top-header ul a {
    /* width: 28px; */
    max-height: 36px;
    transition: all 0.3s;
}

.left-top-header ul a:hover {
    /* width: 140px; */
}
.left-top-header ul a:hover span {
    transform: translateY(10px);
    bottom: -14px;
}

.left-top-header ul {
    margin-inline-end: 0px;
}

.top_header .row {
    padding: 26px 0px;
}


.left-top-header ul {
    max-width: max-content;
}

.left-top-header {
    display: flex;
    align-items: center;
    justify-content: end;
}
  

.left-top-header ul li:last-of-type a span {
    left: 21px;
}

.left-top-header ul li:first-of-type a span {
    left: 47px;
}