@import url(bootstrap.min.css);
@import url(animate.css);
@import url(all.css);
@import url(line-awesome.min.css);
@import url(jquery.fancybox.css);
@import url(intlTelInput.css);
@import url(swiper-bundle.min.css);

/* Start Fonts */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@400;500;600;700;800&display=swap');

@font-face {
    font-family: 'Lama';
    src: url(../fonts/web/LamaSans-Regular.ttf);
}

@font-face {
    font-family: 'LamaLight';
    src: url(../fonts/web/LamaSans-Light.ttf);
}

@font-face {
    font-family: 'LamaMed';
    src: url(../fonts/web/LamaSans-Medium.ttf);
}

@font-face {
    font-family: 'LamaBold';
    src: url(../fonts/web/LamaSans-Bold.ttf);
}

/* End Fonts */

:root {
    --main-color: #1C376F;
    --sec-color: #FCB52C;
    --dark-color: #181134;
    --bg-color: #F6F6F6;
    --size: 16px;
}

* {
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

a {
    text-decoration: none;
    font-family: 'Lama';
    color: #000;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover {
    text-decoration: none;
    color: var(--main-color);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:focus {
    text-decoration: none;
    /* color: inherit; */
}

button,
button:hover {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Lama';
    background: #fff;
    text-align: start;
    direction: rtl;
    overflow: hidden;
    overflow-y: auto;
}

section,
footer {
    overflow: hidden;
    position: relative;
}

p {
    margin: 0;
    color: var(--dark-color);
    font-size: 15px;
    line-height: 25px;
}

ul {
    padding: 0;
    margin: 0;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

li {
    display: block;
    list-style: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

iframe {
    width: 100%;
    height: 100%;
}

.padding {
    padding: 0 !important;
}

img {
    max-width: 100%;
}

input,
button,
input:focus,
button:focus,
input:active,
button:active,
button:hover,
textarea:active,
textarea:focus,
select,
select:active,
select:focus {
    outline: none !important;
}

textarea {
    resize: none;
}

main {
    overflow: hidden;
    min-height: 50vh;
    background: #fff;
}

.owl-carousel {
    direction: ltr;
}


/* Start Loading */

.loader {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 999999999999999999999999999999;
    background: #fff;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader .loader-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.loader .loader-inner img {
    max-width: 250px;
}


/* End Loading */


/* Start Not-found */

.not-found .not-found-pro {
    max-width: 500px;
    margin: auto;
    text-align: center;
}

.not-found .not-found-pro img {
    max-height: 400px;
}

.not-found .not-found-pro h2 {
    font-size: 30px;
    color: var(--dark-color);
    font-weight: bold;
}

.not-found .not-found-pro h4 {
    margin: 15px 0;
    font-size: 20px;
    color: #777;
}

.not-found .not-found-pro p {
    margin: 25px 0 15px;
    font-size: 14px;
    color: #777;
    /* font-weight: bold; */
    position: relative;
}

.not-found .not-found-pro .btn.go-home {
    padding: 0;
    line-height: normal;
    min-height: auto;
    background: transparent;
    color: var(--sec-color);
    font-size: 20px;
    text-decoration: underline;
    margin: 0 auto;
}

.not-found .not-found-pro p::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    border-bottom: 1px #f1f1f1 solid;
    margin: auto;
    width: 100%;
    bottom: 0;
    height: 1px;
    z-index: -2;
}

.not-found .not-found-pro p::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    z-index: -1;
    border: 1px #f1f1f1 solid;
}

.not-found.not-found-404 .not-found-pro h2 {
    margin: 20px 0;
}


/* End Not-found */

/* Start Cursor-h */

.cursor {
    height: var(--size);
    width: var(--size);
    border-radius: 50%;
    position: absolute;
    z-index: 99;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.cursor.cursor-follower {
    background: rgb(150, 100, 200);
    transition: top 0.15s, left 0.15s, width 0.3s, height 0.3s;
    transition-timing-function: ease-out;
}

.cursor.cursor-dot {
    background: transparent;
    transition: width 0.15s, height 0.15s;
    margin: 10px;
}

.cursor-follower.focus {
    --size: 85px;
}

.cursor-dot.focus {
    --size: 85px;
    padding: 30px 10px;
    text-align: center;
    color: #fff;
    font-family: 'LamaBold';
    font-size: 14px;
}

/* End Cursor-h */


/* Start Sidebar */

.cursor {
    opacity: 0;
    transition: all .2s;
    display: none;
}

.mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    height: 100%;
    min-width: 33.3vw;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 53.1px;
    padding-bottom: 53.1px;
    z-index: -1;
    opacity: 0;
    transition: all .3s;
}

.menu-backdrop {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -10;
    opacity: 0;
    transition: all .3s;
}

.mobile-menu .menu-box {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    /* overflow: hidden; */
    /* overflow-y: auto; */
}

.mobile-menu .menu-box .navigation li {
    margin: 27px 0;
}

.mobile-menu .menu-box .navigation li a {
    font-size: 38px;
    letter-spacing: -0.76px;
    color: #FFFFFF;
    line-height: 50px;
    display: block;
}


/* End Sidebar */

/* Start Header */

.page-h {
    position: relative;
    z-index: 3;
    background: #fff;
    /* transition: all .5s; */
}

.head-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    flex-direction: row-reverse;
}

header.sticky {
    position: absolute;
    z-index: 3;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    padding: 27px 0;
}

.head-inner .logo {
    max-width: 202.562px;
}

.menu-right .mobile-nav-toggler {
    width: 50px;
    height: 51px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    display: none;
}

.menu-right .mobile-nav-toggler .lines {
    display: block;
    width: 22px;
    overflow: hidden;
}

.menu-right .mobile-nav-toggler .lines i {
    display: block;
    width: 1.4rem;
    height: 2px;
    /* background: var(--main-color); */
    margin: 6px 0;
    transition: all .5s;
    position: relative;
}

body.mobile-menu-visible {
    overflow: hidden;
}

body.mobile-menu-visible .ScrollSmoother-wrapper {
    transform: scale(.8) translateX(32vw) translateZ(0) !important;
    height: 100vh;
}

.mobile-menu .close-btn {
    width: 50px;
    height: 50px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    position: absolute;
    top: 0;
    right: -57px;
    margin: auto 0;
    bottom: 0;
    font-size: 22px;
    color: var(--sec-color);
    z-index: 9;
}

.ScrollSmoother-wrapper {
    transition: all .5s;
}

.page-h {
    transition: transform .8s cubic-bezier(.15, .2, .1, 1);
    transform-origin: center;
    position: absolute;
    z-index: 10;
    background: #fff;
    width: 100%;
    /* height: 100%; */
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /* overflow: hidden; */
    z-index: 4;
}

body.mobile-menu-visible .page-h {
    transform: scale(.8) translateX(32vw) translateZ(0) !important;
    height: 100vh;
    transition: transform .8s cubic-bezier(.15, .2, .1, 1);
    transform-origin: center;
    z-index: 0;
    overflow: hidden;
}

body.mobile-menu-visible .mobile-menu {
    z-index: 5;
    opacity: 1;
    width: 200px;
}

.menu-right .mobile-nav-toggler .lines ::after,
.menu-right .mobile-nav-toggler .lines ::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--main-color);
    transition: all .5s;
    top: 0;
}

.menu-right .mobile-nav-toggler .lines ::after {
    transform: translateX(-50px);
    transition: all .3s;
}

.menu-right .mobile-nav-toggler:hover .lines ::after {
    transform: none;
}

.menu-right .mobile-nav-toggler:hover .lines ::before {
    transform: translateX(50px);
}

.menu-right .mobile-nav-toggler .lines .line2::after {
    transition: all .5s;
}

.menu-right .mobile-nav-toggler .lines .line3::after {
    transition: all .7s;
}

/* End Header */

/* Start Banner-h */

.banner-h .row {
    height: 100vh;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
}

.nav-slider {
    position: absolute;
    bottom: 70px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    right: 0;
    display: flex;
    justify-content: flex-end;
}

.nav-slider .swiper-button-next.home-nav,
.nav-slider .swiper-button-prev.home-nav {
    position: relative;
    right: 0;
    left: 0;
    width: 46px;
    height: 46px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    margin: 0;
    line-height: 46px;
}

.overlay-img {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.27;
}

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

.nav-slider .swiper-button-next.home-nav::after,
.nav-slider .swiper-button-prev.home-nav::after {
    background: transparent !important;
    content: "\f061";
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
}

.nav-slider .swiper-button-prev.home-nav::after {
    content: "\f060";
}

.nav-slider .swiper-button-next.home-nav {
    margin-inline-end: 14px;
}

.banner-h .swiper-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var(--dark-color);
    opacity: 1;
    z-index: -1;
}

.text-banner h1 {
    color: #FFF;
    font-size: 84px;
    line-height: 115px;
    font-weight: 500;
    font-family: 'LamaMed';
    margin: 0 0 19px;
}

.readMore {
    display: inline-flex;
    position: relative;
    color: var(--main-color);
    font-size: 19px;
    height: 35px;
    align-items: center;
    -webkit-align-items: center;
    padding-inline-start: 62px;
    z-index: 1;
    font-family: 'LamaBold';
}

.readMore::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #000;
    margin-inline-end: 12px;
    transition: all .15s cubic-bezier(.67, .52, 0, 0);
    right: 0;
    z-index: -1;
    /* opacity: 0; */
}

.readMore:hover::before {
    opacity: 0;
    width: 0;
}

.readMore:hover {
    padding: 2px 20px;
    color: #fff;
}

.readMore span {
    /* position: relative; */
    z-index: 2;
}

.readMore span::before,
.readMore span::after {
    content: '';
    background: var(--main-color);
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
}

.readMore span::before {
    top: 0;
    left: 0;
    right: auto;
}

.readMore span::after {
    bottom: 0;
    right: 0;
    left: auto;
}

.readMore:hover span::before {
    width: 100%;
    right: 0;
    left: auto;
}

.readMore:hover span::after {
    width: 100%;
    left: 0;
    right: auto;
}

.text-banner .readMore {
    color: #fff;
    -webkit-transition: all .5s cubic-bezier(.4, 0, .1, 1) .75s;
    transition: all .5s cubic-bezier(.4, 0, .1, 1) .75s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: flex;
    margin-top: 25px;
    opacity: 1;
    backface-visibility: hidden;
    display: inline-flex;
    position: relative;
    margin-top: 0;
    top: -5px;
}

.text-banner .readMore::before {
    background: #fff;
    opacity: 1;
    width: 50px;
}

.swiper-slide .overlay-img {
    -webkit-transition: -webkit-transform .95s cubic-bezier(.4, 0, .2, 1) .45s;
    transition: -webkit-transform .95s cubic-bezier(.4, 0, .2, 1) .45s;
    transition: transform .95s cubic-bezier(.4, 0, .2, 1) .45s;
    transition: transform .95s cubic-bezier(.4, 0, .2, 1) .45s, -webkit-transform .9s cubic-bezier(.4, 0, .2, 1) .45s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    right: auto;
    bottom: auto;
}

.swiper-slide.swiper-slide-prev .overlay-img {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0);
}

.swiper-slide .overlay-img .overlay-img-inner {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s;
    transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s;
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    backface-visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.swiper-slide.swiper-slide-prev .overlay-img .overlay-img-inner {
    -webkit-transform: scale(.5) translateZ(0);
    -ms-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.swiper-slide .overlay-img .overlay-img-inner .overlay-img-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.swiper-slide.swiper-slide-next .overlay-img {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.swiper-slide.swiper-slide-next .overlay-img .overlay-img-inner {
    -webkit-transform: scale(.5) translateZ(0);
    -ms-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.swiper-slide .overlay-img .overlay-img-inner .overlay-img-block img {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s;
    transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) 1.25s;
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    backface-visibility: hidden;
}


.swiper-slide.swiper-slide-prev .overlay-img .overlay-img-inner .overlay-img-block img,
.swiper-slide.swiper-slide-next .overlay-img .overlay-img-inner .overlay-img-block img {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.swiper-banner-block {
    visibility: hidden;
    -webkit-transition: visibility 0s 1.3s;
    transition: visibility 0s 1.3s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.swiper-wrapper .container {
    z-index: 555;
    position: relative;
}

.swiper-slide.swiper-slide-active .swiper-banner-block {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.banner-h {
    height: 100vh;
}

.swiper.home-slider {
    height: 100%;
}

.swiper-fade .swiper-slide {
    opacity: 1 !important;
    visibility: hidden;
    -webkit-transition: visibility 0s 1.3s;
    transition: visibility 0s 1.3s;
}

.swiper-fade .swiper-slide.swiper-slide-active {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.swiper-banner-block .text-banner h1>span {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.swiper-banner-block .text-banner h1 span span.inner {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .1, 1) .75s;
    transition: -webkit-transform .6s cubic-bezier(.4, 0, .1, 1) .75s;
    transition: transform .6s cubic-bezier(.4, 0, .1, 1) .75s;
    transition: transform .6s cubic-bezier(.4, 0, .1, 1) .75s, -webkit-transform .6s cubic-bezier(.4, 0, .1, 1) .75s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: 2% 0;
}

.swiper-slide-prev .swiper-banner-block .text-banner h1 span span.inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}

.swiper-slide-next .swiper-banner-block .text-banner h1 span span.inner {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}

.swiper-slide-prev .swiper-banner-block .text-banner .readMore {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    opacity: 0;
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}

.swiper-slide-next .swiper-banner-block .text-banner .readMore {
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
    opacity: 0;
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}

.text-banner .readMore:hover {
    /* color: var(--sec-color); */
    padding: 0;
    padding-inline-start: 62px;
}

.text-banner .readMore span::before,
.text-banner .readMore span::after {
    display: none;
}

.text-banner .readMore:hover::before {
    /* background: var(--sec-color); */
}

/* End Banner-h */

/* Start About-h */

.about-h {
    background: #F6F6F6;
    padding: 90px 0;
}

.text-about-center {
    max-width: 861px;
    margin: 0 auto;
    text-align: center;
}

.text-about-center p {
    margin: 0 0 52px;
    font-size: 22px;
    color: #3D3851;
    line-height: 43px;
    font-family: 'LamaMed';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* End About-h */

/* Start Services-h */

.services-h {
    padding: 90px 0;
    background: var(--bg-color);
}

.title {
    margin: 0 0 30px;
}

.title.title-center {
    text-align: center;
}

.title h3 {
    margin: 0;
    font-size: 38px;
    line-height: 46px;
    color: var(--main-color);
    font-family: 'LamaBold';
    text-transform: capitalize;
}

.serv-block {
    margin: 15px 0;
    padding: 20px 40px 40px;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    transition: all .5s;
    height: calc(100% - 30px);
    display: block;
}

.serv-block .icon {
    width: 80px;
    height: 72px;
    line-height: 72px;
    transition: all .3s;
}

.serv-block .icon img {
    max-height: 72px;
}

.serv-block .details {
    padding: 5px 0 0;
}

.serv-block .details h3 {
    color: #3D3658;
    font-size: 17px;
    line-height: 28px;
    font-family: 'LamaBold';
    margin: 0 0 13px;
    transition: all .5s;
    text-transform: capitalize;
}

.serv-block .details p {
    color: #3D3658;
    font-size: 15px;
    line-height: 26px;
    font-family: 'LamaMed';
    transition: all .5s;
}

.serv-block:hover {
    background: #fff;
    border-color:#1c376f;
}

.serv-block:hover .details h3,
.serv-block:hover .details p {
    /*color: #fff;*/
}

/* End Services-h */

/* Start Projects-h */

.projects-h {
    padding: 90px 0;
}

.nav.nav-tabs {
    justify-content: center;
    border: none;
    margin: 0 0 57px;
}

.nav.nav-tabs li .nav-link {
    color: #ACACAC;
    border: none;
    border-bottom: 1px transparent solid;
    margin: 0;
    font-family: 'LamaMed';
    padding: 0 0 23px;
    margin: 0 15px;
    text-transform: capitalize;
    font-size: 16.487px;
    position: relative;
}

.nav.nav-tabs li .nav-link.active {
    /* border-color: var(--main-color); */
    color: var(--main-color);
    font-family: 'LamaBold';
}

.project-block {
    display: block;
    height: 252.455px;
    margin: 15px 0;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.project-block .img {
    width: 100%;
    height: 100%;
}

.project-block .img img {
    width: 100%;
    height: 100%;
    transition: opacity .45s cubic-bezier(.15, .75, .5, 1) 0s, transform 1s ease;
}

.project-block:hover .img img {
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -webkit-transition: transform 5s cubic-bezier(.1, .2, .7, 1);
    transition: transform 5s cubic-bezier(.1, .2, .7, 1);
}

.project-block .details {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 25px;
}

.project-block .details h3 {
    margin: 0;
    font-size: 21px;
    color: #fff;
    line-height: 35px;
    font-family: 'LamaMed';
}

.project-block .img::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 70%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1C376F 100%);
    /* opacity: 0.78; */
    transition: all .3s;
}

.cursor.focus {
    opacity: 1;
    display: block;
}

/* End Projects-h */

/* Start Clients-h */

.clients-h {
    background: var(--bg-color);
    padding: 70px 0;
}

.client-block {
    padding: 20px;
    height: 92px;
    background: #fff;
    border-radius: 6px;
    /* line-height: 52px; */
    transition: all .5s;
    border: 1px transparent solid;
}

.client-block .img-block,
.client-block .img-block .img {
    width: 100%;
    height: 100%;
    line-height: 52px;
    text-align: center;
}

.client-block .img-block .img img {
    max-height: 40px;
    max-width: 200px;
    transition: all .5s;
}

.client-block:hover {
    border-color: var(--main-color);
}

.client-block:hover .img-block .img img {
    filter: invert(39%) sepia(75%) saturate(5282%) hue-rotate(241deg) brightness(95%) contrast(106%);
}

.swiper-button-next.client-nav,
.swiper-button-prev.client-nav {
    width: 38px;
    height: 38px;
    border: 1px solid #D2D2D2;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    color: #464646;
    top: 62%;
}

.swiper-button-next.client-nav::after,
.swiper-button-prev.client-nav::after {
    content: "\f061";
    font-family: 'Font Awesome 6 Pro';
    color: inherit;
    font-size: 16px;
}

.swiper-button-next.client-nav:hover,
.swiper-button-prev.client-nav:hover {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

.pagination-client-slider {
    /* position: relative; */
}

.swiper-button-prev.client-nav::after {
    content: "\f060";
}

/* End Clients-h */

/* Start Creat-h */

.creat-h {
    padding: 70px 0;
}

.text-creat h3 {
    color: #3D3851;
    margin: 0 0 39px;
    line-height: 43px;
    font-family: 'LamaMed';
}

/* End Creat-h */

/* Start Contact-h */

.contact-h {
    padding: 70px 0;
    background: var(--bg-color);
}

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

.contact-block .title {
    margin: 0 0 55px;
}

.form-group label {
    color: #000;
    font-size: 20px;
    font-family: 'LamaMed';
    line-height: 30px;
    margin: 0 0 11px;
}

.form-group .form-control {
    box-shadow: none !important;
    height: 53px;
    border: 1px solid #E1E0E2;
    border-radius: 7px;
    padding: 0 25px;
    background: transparent !important;
    font-size: 19px;
    color: #333;
    transition: all .5s;
    text-align: right;
}

.form-group .form-control::placeholder {
    color: #bfbfbf;
}

.form-group .form-control:focus,
.form-group .form-control:hover,
.body-inner .form-group .form-control:focus,
.body-inner .form-group .form-control:hover {
    background: rgb(255 255 255 / 60%) !important;
    border-color: var(--main-color);
    color: var(--main-color);
}

.form-group textarea.form-control {
    height: 146px;
    padding: 25px;
}

.btn {
    min-width: 185px;
    min-height: 49px;
    background: var(--main-color);
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-family: 'LamaBold';
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    box-shadow: none !important;
    text-transform: capitalize;
}

button.btn {
    margin-top: 11px;
}

.btn:hover, .btn.btn-white:hover, .sticky.header-page .btn.btn-white:hover {
    background: var(--sec-color);
    color: #fff;
}

.info-h ul li {
    display: flex;
    margin: 0 0 15px;
    align-items: center;
    -webkit-align-items: center;
}

.info-h ul li .icon {
    width: 32px;
    height: 32px;
    border: 1px solid #888FAE;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #000;
    font-size: 15px;
    transition: all .3s;
}

.info-h ul li .details {
    /* width: calc(100% - 26px); */
    flex: 1;
    padding-inline-start: 12px;
}

.info-h ul li .details a {
    color: #000;
    font-size: 18.49px;
    line-height: 22px;
    font-family: 'LamaMed';
}

.info-h ul li .details a u {
    display: block;
    direction: ltr;
    text-decoration: none;
    line-height: inherit;
}

.info-h ul li:hover .details a {
    color: var(--main-color);
}

.info-h ul li:hover .icon {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}

.s-h {
    margin: 26px 0 42px;
    display: flex;
    flex-wrap: wrap;
}

.s-h a {
    width: 33.34px;
    height: 32.51px;
    border: 1px solid #888FAE;
    line-height: 30.51px;
    text-align: center;
    border-radius: 50%;
    color: #000;
    font-size: 15px;
    margin-inline-end: 16px;
}

.s-h a:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

.map-con {
    height: 270px;
    border: 4px #E3DFF2 solid;
    border-radius: 25px;
    overflow: hidden;
}

.copyRight p {
    color: #fff;
    font-size: 16px;
    font-family: 'LamaMed';
}

.ryad-logo {
    display: table;
    margin-inline-start: auto;
}

.footer-bottom .row {
    align-items: center;
    -webkit-align-items: center;
}

/* End Contact-h */

body.mobile-menu-visible .menu-backdrop {
    opacity: 1;
}

form {
    direction: rtl;
}

/* Start Services-page */

.sticky.header-page {
    position: relative;
    padding: 27px 0;
}

.sticky.header-page .menu-right .mobile-nav-toggler {
    box-shadow: 0px 3px 6px #00000029;
}

.sticky.header-page .head-inner .logo {
    filter: none;
}

.body-inner {
    background: #fff;
    padding: 100px 0;
    /* min-height: 100vh; */
}

.title p {
    max-width: 581px;
    margin: 25px 0 0;
    color: #3D3851;
    font-size: 16px;
    line-height: 28px;
}

.title.title-center p {
    margin: 25px auto 0;
}

/* End Services-page */

/* Start Projects-page */

.title h2 {
    margin: 7px 0 0;
    font-family: 'LamaBold';
    line-height: 58px;
    color: #3F3C4B;
    font-size: 48px;
}

.projects-page .title {
    margin: 0 0 33px;
}

/* End Projects-page */

/* Start Single-project */

.breadcrumb {
    z-index: 1;
    padding: 200px 0 187px;
    margin: 0;
}

.breadcrumb .overlay-img {
    opacity: 1;
}

.breadcrumb .overlay-img::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var(--main-color);
    opacity: 0.85;
    z-index: 2;
}

.breadcrumb .overlay-img::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #181134;
    opacity: 0;
}

.breadcrumb .text-bread {
    text-align: center;
}

.breadcrumb .text-bread h2 {
    margin: 0;
    font-family: 'LamaMed';
    color: #FFFFFF;
    font-size: 63px;
    line-height: 86px;
}

.single-page.body-inner {
    padding: 100px 0;
}

.single-inner .title-page {
    margin: 0 0 22px;
}

.single-inner .title-page h3 {
    margin: 0;
    color: var(--main-color);
    font-size: 48px;
    line-height: 58px;
    font-family: 'LamaMed';
}

.single-inner .top-details p {
    color: #3D3851;
    font-size: 16px;
    line-height: 28px;
    max-width: 413px;
    margin: 0 0 39px;
}

.list-h ul li {
    font-family: 'LamaMed';
    letter-spacing: 0px;
    color: #3D3851;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    padding-inline-start: 24px;
    margin: 8px 0;
}

.list-h ul li::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 6px;
    width: 11px;
    height: 11px;
    background: #3D3851;
    border-radius: 50%;
}

.list-h h4 {
    font-family: 'LamaMed';
    letter-spacing: 0px;
    color: var(--main-color);
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 22px;
    text-transform: capitalize;
}

.list-h.list2 ul li::before {
    content: "#";
    background: transparent;
    border-radius: 0;
    top: 0;
}

.single-images {
    padding: 100px 0 65px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.single-img-block {
    height: 491px;
    overflow: hidden;
}

.single-img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.nav-slider.nav-single {
    position: absolute;
    right: 12%;
    left: auto;
    width: 99px;
    height: 99px;
    /* UI Properties */
    background: #FFFFFF;
    z-index: 2;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.nav-slider.nav-single .swiper-button-next.single-nav {
    left: 21px;
    right: auto;
}

.nav-slider.nav-single .swiper-button-prev.single-nav {
    right: 21px;
    left: auto;
}

.nav-slider.nav-single .single-nav::after {
    display: none;
}

.nav-slider.nav-single .single-nav {
    color: #3D3851;
    font-size: 25px;
}

.single-video-block {
    height: 681px;
    overflow: hidden;
}

.single-video-block a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.single-video-block a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.single-video-block a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #181134;
    opacity: 0.73;
    right: 0;
    left: 0;
}

.single-video-block a .icon {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 99px;
    height: 99px;
    background: #FFF;
    z-index: 2;
    line-height: 99px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    font-size: 36px;
    color: var(--main-color);
}

/* End Single-project */

/* Start Clients-page */

.body-inner .client-block {
    height: 118px;
    background: #fff;
    border: 1px solid #C7C7C7;
    margin: 15px 0;
    line-height: 88px;
}

.body-inner .client-block .img-block,
.body-inner .client-block .img {
    line-height: 72px;
}

.body-inner .client-block .img img {
    max-width: 210px;
    max-height: 58px;
    filter: none !important;
}

.body-inner .client-block:hover {
    border-color: var(--main-color);
}

/* End Clients-page */

/* Start Contact-page */

.body-inner .form-group .form-control {
    border-color: #B4B4B4;
}

.map-con-inner .map-con {
    height: 538px;
    border-radius: 0;
    border: none;
}

.single-service .single-img-block {
    height: auto;
}

.text-creat .readMore {
    color: var(--main-color);
}

.text-creat .readMore::before {
    /* background: var(--main-color); */
}

.text-creat .readMore:hover {
    color: #fff;
}

.mobile-menu .menu-box .navigation .sub-menu  li a {
    font-size: 20px;
    line-height: 30px;
}

.menu-outer #navbarSupportedContent {
    height: 100%;
}

.menu-box .menu-outer {
    width: 100%;
    height: 100%;
}

.menu-outer #navbarSupportedContent .navigation {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.mobile-menu .menu-box .navigation li.menu-item-has-children a::after {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    font-size: 20px;
    margin-inline-start: 20px;
}

.mobile-menu .menu-box .navigation li.menu-item-has-children li a::after {
    display: none;
}

.mobile-menu .menu-box .navigation li .sub-menu {
    transition: all .5s;
    width: 100%;
}
/* End Contact-page */

/***

====================================================================
Start Search Popup
====================================================================

***/

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -200%;
    transform: translateY(-100%);
    background-color: rgba(0, 0, 0, 0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.sidenav-bar-visible .search-popup {
    width: 80%;
}

.search-popup:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    /* background-image: url(../images/waves-shape.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0px;
    content: "";
}

.search-active .search-popup {
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background: var(--main-color);
    width: 70px;
    cursor: pointer;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 16%);
    border-bottom: 3px solid #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    padding: 0;
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 30px;
    line-height: 70px;
    color: #ffffff;
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000000;
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
    padding-inline-end: 70px;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
    position: absolute;
    left: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #000000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
    color: #000000;
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #ffffff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0px;
    border: none;
    background: none !important;
    box-shadow: none !important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .close-search.style-two span {
    font-size: 20px;
    color: #ffffff;
}


/***

====================================================================
Start Search Popup
====================================================================

***/

/* Start Header-new */

.nav-inner ul {
    display: flex;
    flex-direction: row-reverse;
}

.nav-menu {
    display: flex;
    flex-direction: row-reverse;
    /* flex-wrap: wrap; */
    align-items: center;
    -webkit-align-items: center;
}

.nav-inner ul li a {
    color: #fff;
    margin: 0 8px;
    font-size: 16px;
    font-family: 'LamaMed';
    padding: 20px 0;
    display: block;
    text-transform: capitalize;
}

.nav-inner ul li {
    position: relative;
}

.nav-inner ul li .sub-menu {
    position: absolute;
    display: block;
    border: 1px solid #E3E3E3;
    box-shadow: 0px 0px 14px 0px #00000017;
    background: #FFFFFF;
    border-radius: 14px;
    min-width: 219.47px;
    padding: 0;
    transform: translateY(-10px);
    visibility: hidden;
    overflow: hidden;
    transition: .3s;
    opacity: 0;
    height: 0;
}

.nav-inner ul li .sub-menu li a {
    margin: 0 13px;
    padding: 10px 0;
    border-bottom: 1px solid #E3E3E3;
    display: block;
    color: #000000;
    font-family: 'LamaLight';
    text-transform: capitalize;
}

.nav-inner ul li .sub-menu li:first-child a {
    padding-top: 23px;
}

.nav-inner ul li .sub-menu li:last-child a {
    border: none;
    padding-bottom: 23px;
}

.nav-inner ul li:hover .sub-menu {
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
}

/* End Header-new */

/* Start Services-order-h */

.no-js .multi-step-form fieldset button,
.no-js .multi-step-form h2,
.multi-step-form.edit-form fieldset button,
.multi-step-form.edit-form h2 {
    display: none !important;
}

.no-js .multi-step-form fieldset,
.multi-step-form.edit-form fieldset {
    display: block !important;
}

.no-js .multi-step-form [type=submit],
.no-js .multi-step-form [type=reset],
.multi-step-form.edit-form [type=submit],
.multi-step-form.edit-form [type=reset] {
    display: inline-block !important;
}

.no-js .multi-step-form .steps,
.multi-step-form.edit-form .steps {
    display: none;
}

.multi-step-form fieldset {
    display: none;
}

.multi-step-form fieldset:first-of-type {
    display: block;
}

.multi-step-form fieldset.hidden {
    display: none;
}

.multi-step-form fieldset.visible {
    display: block;
}

.multi-step-form .steps button {
    border: 0;
}

.multi-step-form .steps [disabled] {
    background: none;
}

.multi-step-form .steps .active {
    background: #eee;
}

.steps {
    display: flex;
    justify-content: center;
    position: relative;
    flex: 0 1;
    margin: 0 0 64px;
    z-index: 2;
    max-width: 433.75px;
}

.steps button {
    width: 33.33%;
    flex: 0 0 33.33%;
    padding: 0;
    background: transparent !important;
    position: relative;
}

.steps button .icon {
    width: 67px;
    height: 67px;
    background: #EEF3FF;
    /* border: 2px solid #FE6521; */
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 34px;
    line-height: 68px;
    color: #000000;
    /* padding: 12px; */
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.steps button .icon img {
    max-height: 44px;
}

.steps button:nth-child(2) .icon img {
    max-width: 34.29px;
}

.steps button.active .icon {
    background: var(--main-color);
    color: #fff;
}

.steps button.active .icon img {
    filter: brightness(0) invert(1);
}

.steps button:nth-child(1) .icon {
    line-height: 58px;
}

.steps button h6 {
    font-size: 20px;
    font-family: 'LamaMed';
    line-height: 20px;
    letter-spacing: 0em;
    color: #D3DFFB;
    margin: 16px 0 0;
    transition: all .3s;
}

.payment-inner .steps::after {
    content: "";
    position: absolute;
    width: 200%;
    right: -50%;
    left: 0;
    border-bottom: 1px dashed #707070;
    top: 36px;
    z-index: -2;
    display: none;
}

.payment-page.multi-step-form.body-inner {
    overflow: hidden;
}

.multi-step-form .steps button:last-child::after {
    display: none;
}

.multi-step-form .steps button::after {
    content: "";
    position: absolute;
    right: 60%;
    width: 55%;
    height: 2px;
    top: 35px;
    z-index: -1;
    border-bottom: 1.43px dashed #DCE5F9;
    transition: all .3s;
}

/* End Services-order-h */

.nav-inner ul li.current-menu-item a, .nav-inner ul li a:hover, .nav-inner ul li .sub-menu li a:hover {
    color: var(--sec-color);
}

.nav-inner ul li.menu-item-has-children a::before {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    margin-inline-end: 7px;
}

.nav-inner ul li.menu-item-has-children .sub-menu a::before {
    display: none;
}

.nav-menu .search-h {
    margin: 0 20px;
    margin-inline-start: 16px;
}

.search-box-btn.search-box-outer {
    color: #fff;
    font-size: 16px;
}

.nav-menu .lang {
    color: #fff;
    font-size: var(--size);
    text-transform: capitalize;
}

.btn.btn-white {
    background: #fff;
    color: var(--main-color);
}

.services-order-h {
    padding: 190px 0;
}

.services-order-h .overlay-img {
    opacity: 1;
    z-index: auto;
    /* max-width: 90%; */
    margin-inline-start: auto;
    text-align: end;
}

.services-order-h .container {
    position: relative;
    z-index: 2;
}

.payment-inner {
    position: relative;
    max-width: 651.13px;
}

.multi-step-form .steps button::before {
    content: "\f0d9";
    position: absolute;
    right: 110%;
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    font-size: 15.83px;
    top: 26px;
    height: 15px;
    transition: all .3s;
    color: #DCE5F9;
}

.multi-step-form .steps button:last-child::before {
    display: none;
}

.multi-step-form .steps .active::before {
    color: var(--main-color);
    font-size: 22px;
    top: 20px;
}

.multi-step-form .steps button.active::after {
    border-color: var(--main-color);
}

.steps button.active h6 {
    color: var(--main-color);
}

.form-group .form-control.error-text {
    border-color: #d90000;
    color: #d90000;
}

span.error-text {
    margin: 10px 0 0;
    display: block;
    color: #d90000;
    font-size: 14px;
}

.btn span i {
    margin-inline-start: 32px;
}

button.btn.btn-next {
    padding-inline-start: 30px;
    margin: 15px 0 0;
    margin-inline-end: 11px;
}

button.btn.btn-prev span {
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

button.btn.btn-prev span i {
    transform: scaleX(-1);
    margin: 0;
    margin-inline-end: 32px;
}

.btn.btn-prev {
    color: var(--main-color);
    background: transparent;
    border: 1px var(--main-color) solid;
}

.form-group label {
    font-family: 'LamaMed';
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 16px;
}

.step-inner .form-group {
    margin: 15px 0;
}

.services-order-h .title {
    margin: 0 0 60px;
}

.why-choose-h {
    padding: 90px 0;
}

.about-block.serv-block {
    border-radius: 0;
    position: relative;
    padding: 0;
    z-index: 2;
    border: none;
    background: transparent;
}

.about-block.serv-block::after {
    content: "";
    position: absolute;
    inset: 0;
    max-width: 85%;
    margin: 0 auto;
    background: var(--sec-color);
    z-index: -1;
    margin-bottom: 0;
    border-radius: 6px;
    transition: all .3s;
}

.about-block.serv-block .block-inner {
    position: relative;
    z-index: 2;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    transition: all .5s;
    padding: 52px 40px;
    background: #fff;
    height: 100%;
}

.about-block.serv-block .block-inner h3 {
    font-family: 'lamaBold';
    font-size: 17px;
    font-weight: 800;
    line-height: 17px;
    margin: 0 0 16px;
    color: #3D3658;
    text-transform: capitalize;
}

.about-block.serv-block .block-inner p {
    font-family: 'lamaMed';
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
}

.about-block.serv-block:hover::after {
    margin-bottom: -11px;
}

.about-block.serv-block:hover .block-inner {
    background: var(--main-color);
    border-color: var(--main-color);
}

.about-block.serv-block:hover .block-inner h3, .about-block.serv-block:hover .block-inner p {
    color: #fff;
}

.project-block:hover .img::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #FCB52C 100%);
}

.logo-f {
    max-width: 258px;
    margin: 0 auto 30px;
    filter: brightness(0) invert(1);
}

.foot-item .links-f ul {
/*     display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 23px; */
}

.foot-item .links-f ul li a {
    font-family: 'LamaMed';
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #fff;
    position: relative;
    margin: 7px 0;
    display: block;
    text-transform: capitalize;
}

.foot-item .links-f ul li a::before {
    content: "\f104";
    font-family: 'Font Awesome 6 Pro';
    margin-inline-end: 8px;
    font-size: 8.6px;
}

.foot-item .links-f ul li a:hover {
    color: var(--sec-color);
}

.foot-item .s-f {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 46px 0 0;
    gap: 9px;
}

.foot-item .s-f a i {
    width: 33.98px;
    height: 33.67px;
    border: 0.73px solid #E3E3E3;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    transition: all .3s;
    color: #FFFFFF;
}

.foot-item .s-f a {
    display: block;
}

.foot-item .s-f a:hover i.fab.fa-facebook-f {
    color: #1877F2;
    border-color: #1877F2;
}

.foot-item .s-f a:hover i.fab.fa-snapchat-ghost {
    color: #FFFC00;
    border-color: #FFFC00;
}

.foot-item .s-f a:hover i.fab.fa-twitter {
    color: #1DA1F2;
    border-color: #1DA1F2;
}

.foot-item .s-f a:hover i.fab.fa-instagram {
    color: #E4405F;
    border-color: #E4405F;
}

.footer-top {
    padding: 35px 0 42px;
}

.footer-bottom {
    /* background: var(--main-color); */
    border-top: 1px solid #3E5C9A;
}

.nav.nav-tabs li .nav-link.active::after {
    width: 100%;
}

.nav.nav-tabs li .nav-link::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 0;
    max-width:  35.041px;
    background: var(--sec-color);
    height: 5.506px;
    transition: all .5s;
    border-radius: 40px;
    width: 0;
}

footer {
    background: var(--main-color);
}

.foot-item .links-f ul {
    gap: 0;
}

.foot-item .links-f ul li {
   float:right;
	width: 50%;
/*     flex: 0 0 auto; */
}

.footer-top .row {
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.logo-f img {
    max-height: 147.64px;
}

.logo-f a {
    display: block;
}

.sticky.header-page .nav-inner ul li a, .sticky.header-page .search-box-btn.search-box-outer, .sticky.header-page .nav-menu .lang {
    color: #000000;
}

.sticky.header-page .btn.btn-white {
    background: var(--main-color);
    color: #fff;
}

.body-inner .title h3 {
    font-size: 32px;
    line-height: normal;
}

.services-h.services-page.body-inner {
    margin-top: 73px;
    background: var(--bg-color);
}

.map-h {
    height: 248.93px;
    border-radius: 7px;
    overflow: hidden;
}

section.map-con-inner {
    display: none;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    text-align: right;
}

.about-h.about-page {
    margin-top: 73px;
}

.services-order-h .overlay-img img {
    width: auto;
    /* max-width: initial; */
    object-fit: cover;
    /* object-position: left; */
}

.blog-block {
    position: relative;
    box-shadow: 0px 1.02473783493042px 77.88008117675781px 0px #00000029;
    background: #fff;
    margin: 15px 0;
    height: calc(100% - 30px);
}

.link-block {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.blog-block .img-block {
    height: 326.89px;
}

.blog-block .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.blog-block .details {
    padding: 32px 19px 38px;
}

.blog-block .details span {
    font-family: 'LamaLight';
    font-size: 16px;
    font-weight: 300;
    line-height: 17px;
    color: var(--main-color);
    margin: 0 0 15px;
    display: inline-block;
}

.blog-block .details  h3 {
    font-family: 'LamaMed';
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    margin: 0 0 16px;
}

.blog-block .details p {
    font-family: 'LamaLight';
    font-size: 16px;
    line-height: 28px;
    color: #3D3851;
}

.blog-block .details .foot-block {
    display: flex;
    flex-direction: column;
    padding: 34px 0 0;
}

.blog-block .details .foot-block span {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 17px;
    margin: 0 0 13px;
}

.blog-block .details .foot-block span:last-child {
    margin: 0;
}

.title.title-flex {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    -webkit-align-items: self-start;
}

.title.title-flex h3 {
    font-family: 'LamaBold';
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    margin-inline-end: 20px;
}

.title.title-flex .section-name {
    min-width: 162px;
    min-height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    background: #EBEBEB;
    font-family: 'LamaLight';
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: var(--main-color);
    border-radius: 50px;
}

.title.title-flex {
    margin: 0 0 64px;
}

.subscribe-sidebar {
    background: var(--main-color);
    padding: 40px 30px;
    border-radius: 8px;
}

.subscribe-sidebar h3 {
    font-family: 'LamaBold';
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    margin: 0 0 50px;
}

.subscribe-sidebar .form-group .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 29%);
    padding: 0;
    font-family: 'LamaMed';
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
}

.subscribe-sidebar .form-group .form-control::placeholder {
    color: #fff;
}

button.btn.btn-white.btn-form {
    min-width: 118px;
    min-height: 47px;
    border-radius: 50px;
    margin: 28px 0 0;
    font-size: 15px;
    font-family: 'LamaBold';
}

.single-content .single-content-head {
    margin: 0 0 26px;
}

.single-content .single-content-head ul {
    display: flex;
    flex-wrap: wrap;
}

.single-content .single-content-head ul li {
    padding: 0 21px;
    position: relative;
    font-family: 'LamaLight';
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #000;
}

.single-content .single-content-head ul li:first-child {
    padding-inline-start: 0;
}

.single-content .single-content-head ul li:first-child::before {
    display: none;
}

.single-content .single-content-head ul li::before {
    content: ".";
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'LamaLight';
    font-size: 26px;
    font-weight: 300;
    color: #000;
    line-height: 0;
}

.single-content .single-inner p {
    font-family: 'LamaMed';
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #27252E;
    margin: 0 0 40px;
}

.single-content .single-inner .img {
   max-height: 500px;
    overflow: hidden;
    border-radius: 8px;
}

.single-content .single-inner .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

header.sticky.header-ptoject {
    position: absolute;
}

header.sticky.header-ptoject .nav-inner ul li a, header.sticky.header-ptoject  .search-box-btn.search-box-outer, header.sticky.header-ptoject  .nav-menu .lang {
    color: #fff;
}

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

/*.serv-block:hover .icon {*/
/*    filter: brightness(0) invert(1);*/
/*}*/

header.sticky.header-ptoject .nav-inner ul li ul a {
    color: #333;
}



.pagination {
    flex-wrap: wrap;
    gap: 10px;
}

.pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 0;
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: #fff;
    border: 1px var(--main-color) solid;
}

.pagination .page-item.active .page-link {
    background: #fff;
    color: var(--main-color);
}

.services-order-h .overlay-img img.bg-en {
    display: none;
}

.menu-right {
    margin-inline-end: 10px;
}

.form-group select.form-control {
    appearance: auto;
}

.about-page .text-about-center p {
    display: block;
}

.sticky.header-page .nav-inner ul li.current-menu-item a {
    color: var(--sec-color);
}

section.single-service.single-page.body-inner {
    background: var(--bg-color);
}

section.single-service.single-page.body-inner .title p {
    max-width: 777px;
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
    color: #3D3851;
}