html {
    overflow-x: hidden;
}
:root {
  /* --primary-color: #F9773B; */
  /* --primary-color: #FFDE59; */
  --primary-color: #F4BF19;
}
body {
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background-color: #EFF3F6;
    padding: 0px !important;
}

.direction_rtl {
    direction: rtl;
}


* {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.row {
    --bs-gutter-x: 30px;
}

.container {
    padding: 0px;
}


@media (max-width: 1200px) {
    .container {
        padding: 0px 15px;
    }
}

.inner-page {
    padding-top: 175px;
}

.heading_title {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1px;
    color: #111;
}

.p_text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.32px;
    color: #747474;
}

.main_button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #101010;
    font-size: 14px;
    padding: 4px 10px 4px 12px;
    border-radius: 100px;
    background: #FFF;
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.32px;
    transition: 0.3s ease-in-out;
}
.main_button .icon_bg {
    width: 32px;
    height: 32px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: 0.3s ease-in-out;
    margin-left: 5px;
}

.main_button .arrow-icon {
    width: 22px;
    height: 22px;
    color: #fff;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
}

.main_button:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.main_button:hover .icon_bg {
    background-color: #fff;
}

.main_button:hover .arrow-icon {
    transform: rotate(0deg);
    color: #000;
}

.subtitle_text {
    display: inline-block;
    border-bottom: 1px solid #EDB402;
    color: #EDB402;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.32px;
}

/* Header Start */
.header {
    position: relative;
    margin-top: 23px;
    width: 100%;
    z-index: 999;
}

.header.is-sticky {
    animation: slideDown 0.35s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.header_content {
    padding: 0px 30px;
    border-radius: 16px;
    background: #101010;
    backdrop-filter: blur(33.5px);
}

.header .navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
}

/* .header .navbar .logo img {
    width: 107px;
    height: 36.854px;
} */

.header .navbar .links {
    display: flex;
    gap: 20px;
}

.header .navbar .links li {
    position: relative;
    list-style: none;
    padding: 27px 0px;
    display: flex;
    justify-content: center;
}

.header .navbar .links li a {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.32px;
}

.inner-page .header .navbar .links li a {
    color: #1A1A1A;
}

.header .navbar .links li a:hover {
    color: var(--primary-color);
}

.header .navbar .links li a {
    position: relative;
}

.header .navbar .links li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 15px;
    background-image: url('../images/menu_hover_icon-yello.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    pointer-events: none;
}

.header .navbar .links li a:hover::after {
    opacity: 1;
    transform: translateY(0);
}

.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow {
    transform: rotate(180deg);
}

.header .navbar .links li .arrow {
    height: 100%;
    width: 20px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
}

.header .navbar .links li .sub-menu {
    position: absolute;
    top: 60px;
    width: 210px;
    background: #FFF;
    padding: 0px 0px;
    display: none;
    z-index: 99;
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 8px;
}

.header .navbar .links li .sub-menu::after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0px;
    right: 0px;
    width: 10px;
    height: 10px;
    background: #FFF;
    margin: auto;
    transform: rotate(45deg);
}

.header_button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #101010;
    font-size: 14px;
    padding: 4px 4px 4px 18px;
    border-radius: 100px;
    background: #FFF;
    text-decoration: none;
    transition: all 0.3s;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.32px;
}

.header_button .icon_bg {
    width: 32px;
    height: 32px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: all 0.3s;
}

.header_button .arrow-icon {
    width: 22px;
    height: 22px;
    color: #fff;
    transform: rotate(-44deg);
    transition: transform 0.3s;
}

.header_button:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.header_button:hover .icon_bg {
    background-color: #fff;
}

.header_button:hover .arrow-icon {
    transform: rotate(0deg);
    color: #000;
}

.header .search_button {
    margin-right: 10px;
}

.header .navbar .links li:hover .htmlCss-sub-menu,
.header .navbar .links li:hover .js-sub-menu {
    display: block;
    opacity: 1;
}

.navbar .links li .sub-menu li {
    padding: 0px;
    z-index: 1;
}

.navbar .links li .sub-menu li a {
    padding: 10px 20px;
    width: 100%;
    display: inline-block;
    color: #1A1A1A;
    text-transform: unset;
}

.navbar .links li .sub-menu li a:hover {
    background: #EEF4FF;
}

.navbar .links li .sub-menu li a:hover::after {
    content: unset;
}

.navbar .links li .sub-menu li:first-child a {
    border-radius: 8px 8px 0px 0px;
}

.navbar .links li .sub-menu li:last-child a {
    border-radius: 0px 0px 8px 8px;
}

.hdr_right_content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bx-menu {
    display: none;
}

.bx-menu span {
    width: 20px;
    height: 2px;
    border-radius: 15px;
    display: block;
    line-height: 0px;
    background: #FEFEFF;
    margin-bottom: 5px;
}

.bx-menu span:nth-child(3) {
    margin-bottom: 0px;
}

.navbar .nav-links.open~.bx-menu span:nth-child(1) {
    width: 20px;
    transform: rotate(-45deg);
    margin-bottom: 7px;
}

.navbar .nav-links.open~.bx-menu span:nth-child(2) {
    width: 20px;
    transform: rotate(45deg);
    margin-top: -9px;
}

.navbar .nav-links.open~.bx-menu span:nth-child(3) {
    display: none !important;
}
body.trigger-position-center #enable-toolbar-trigger {
    left: unset !important;
    right: -0.7% !important;
    -webkit-transform: translateY(-100%) translateX(-50%);
    -ms-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%);
}
.details_text {
    line-height: 22px;
    margin-top: 10px;
}
h3.details_text {
    min-height: 67px;
}
.details_text p{
	min-height:42px;
}
span.star-font {
    display: block;
    font-size: 28px !important;
    margin-top: 5px;
}


@media (max-width:1200px) {

    .header .navbar .links li {
        white-space: nowrap;
    }
body.trigger-position-center #enable-toolbar-trigger {
    left: unset !important;
    right: -1% !important;
    -webkit-transform: translateY(-100%) translateX(-50%);
    -ms-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%);
}
}

@media (max-width:1024px) {
.direction_rtl #secound_blog .blog_textleft p {
    padding-right: 0px;
}
}

@media (max-width:991px) {
    .header .navbar {
        padding: 10px 0px;
    }

    .header_content {
        padding: 0px 20px;
    }

    .bx-menu {
        display: block;
    }

    .header .navbar .links li {
        white-space: nowrap;
        padding: 0px;
    }

    .header .navbar .nav-links {
        position: absolute;
        top: 60px;
        visibility: hidden;
        opacity: 0;
        display: block;
        height: fit-content;
        overflow-y: scroll;
        height: 300px;
        width: 100%;
        background: #FFF;
        line-height: 40px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
        z-index: 1000;
    }

    .navbar .links li .sub-menu li:first-child a {
        border-radius: 0px;
    }

    .navbar .links li .sub-menu li:last-child a {
        border-radius: 0px;
    }

    .header .navbar .links li a {
        padding: 15px 15px;
        color: #1A1A1A;
        gap: 15px;
        display: inline-flex;
        width: 100%;
    }

    .header .navbar .links li a:hover {
        background: #EEF4FF;
    }

    .navbar .links li .sub-menu li a {
        padding: 15px 15px;
        color: #5F5F5F;
        text-transform: capitalize;
    }

    .header .navbar .links li a:hover::after {
        display: none;
    }

    .header .navbar .links li .sub-menu::after {
        content: unset;
    }

    .navbar .links li .sub-menu a {
        padding: 14px 0px;
    }

    .header .navbar .nav-links.open {
        visibility: visible;
        opacity: 1;
    }

    .navbar .nav-links .sidebar-logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sidebar-logo .logo-name {
        font-size: 25px;
        color: #fff;
    }

    .navbar .bx-menu,
    .navbar .bx-x {
        border-radius: 20.5px;
        background: rgba(255, 255, 255, 0.24);
        backdrop-filter: blur(2px);
        width: 41px;
        height: 41px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .inner-page .header .navbar .bx-menu,
    .inner-page .header .navbar .bx-x {
        background: #EEF4FF;
    }

    .inner-page .header .navbar .bx-menu span {
        background: #4984FD;
    }

    .header .navbar .links {
        display: block;
    }

    .header .navbar .links li .arrow {
        color: #808080;
    }

    .header .navbar .links li {
        display: block;
    }

    .header .navbar .links li .sub-menu {
        position: relative;
        top: 0;
        width: 100%;
        box-shadow: none;
        display: none;
        background: transparent;
        padding: 0px;
    }

    .header .navbar .links li:hover .js-sub-menu {
        display: none;
    }

    .header .navbar .links li:hover .htmlcss-arrow,
    .header .navbar .links li:hover .js-arrow {
        transform: rotate(0deg);
    }

    .navbar .nav-links .links .js-sub-menu.sub-menu.open {
        display: block;
        opacity: 1;
    }

    .navbar .links li .sub-menu li {
        padding: 0px;
        border-bottom: 0px solid #C5C5C5;
    }
}

@media (max-width: 767px) {
    .header_content {
        padding: 0px 7px;
    }
	.direction_rtl #secound_blog .blog_textleft p {
    padding-right: 0px;
}
	.rtl .contact_image img {
    min-height: 250px !important;
    max-height: 250px !important;
/*     width: 100%; */
}
	.direction_rtl .accordion-button {
    text-align: right !important;
}
}

@media (max-width: 480px) {
    .header .search_button {
        margin-right: 0;
    }

    .hdr_right_content {
        gap: 5px;
    }

    .header_button .icon_bg {
        width: 24px;
        height: 24px;
    }

    .header_button {
        padding: 4px 4px 4px 8px;
        gap: 4px
    }

    .navbar .bx-menu,
    .navbar .bx-x {
        width: 35px;
        height: 35px;
    }

    .bx-menu span {
        width: 18px;
        margin-bottom: 4px;
    }
}

/* Banner Section  */
.banner_carousel .owl-nav .owl-prev {
    width: 24px;
    font-size: 24px !important;
    left: 5px;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.banner_carousel .owl-nav .owl-next {
    width: 24px;
    font-size: 24px !important;
    right: 5px;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.banner_section {
    margin-top: 23px;
}

.banner_bg {
    width: 100%;
    height: 608px;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    border-radius: 20px;
}

.banner_content {
    padding: 20px 100px;
}

.banner_content h1 {
    color: #FFF;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px;
    letter-spacing: -1px;
}

.banner_content p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -1px;
    max-width: 600px;
    margin-top: 10px;
}
.rtl .banner_btn {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

section.error-404.not-found {
    padding: 140px 0;
    text-align: center;
}


section.error-404.not-found p{
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1px;
    color: #111;
padding-top:40px;
}

.contact_popup_btn img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.direction_rtl .contact_popup_btn img {
    margin-left: 10px;
	margin-right:0px;
}


.direction_rtl .blog-detail_date span {
    padding-right: 0px;
}

.direction_rtl .contact_popup_text .contact_popup_btn a {
    padding: 8px 10px 8px 18px;
}


section.error-404.not-found button a:hover{
	 background: #F4BF19;
	color:#000;
}

section.error-404.not-found button{
    margin-top: 50px;
     display: inline-flex;
    align-items: center; 
	border:none;
}
.sitemap ul li a:hover {
    color: #F4BF19;
}

section.error-404.not-found button a{
	 padding: 15px 20px;
    align-items: center;
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
    background: #000;
    text-decoration: none;
    transition: all 0.3s;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.32px;
}

.sitemap ul li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.32px;
    color: #747474;
}

.sitemap ul{
	margin-top:15px;
}

.sitemap ul li {
	padding:5px 0;
}

.site-map-section{
	display: flex; 
	gap: 60px;
	flex-wrap: wrap;
	margin: 170px auto;
	max-width: 1200px;
}



.banner_btn {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 40px;
}

.banner_btn .banner_button {
    background: transparent;
    color: #FFF;
    border-radius: 100px;
    border: 1px solid #FFF;
    padding: 12px 30px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: capitalize;
    transition: all 0.5s ease;
}

.banner_btn .banner_button:hover {
    background: #fff;
    color: #000;
}

.logo_section {
    margin-top: 60px;
    overflow: hidden;
    position: relative;
    width: auto;
}

.logo_title h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #A9B7CF;
    margin-bottom: 16px;
}

.logo_carousel .owl-stage {
    display: flex;
    align-items: center;
    animation: scroll 20s linear infinite;
    display: flex;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

.logo_carousel .logo_image {
    /* padding: 0px 20px; */
    text-align: center;
}

/* .logo_carousel .logo_image img {
    width: 166px;
    height: auto;
    display: inline-block;
} */

.logo_grig {
    display: flex;
    gap: 20px 50px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* Market Platform */

.market_platform {
    padding-top: 100px;
    position: relative;
}

.market_platform .col_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.market_platform .header_button:hover .arrow-icon {
    transform: rotate(0deg);
    color: #ffffff;
}

.market_btn {
    margin-top: 15px;
}

.market_btn .main_button {
    background: #000;
    color: #FFF;
}

a#loadMorePortfolio {
    margin-top: 60px;
}

.market_btn .main_button:hover {
    background: var(--primary-color);
}

.market_btn .main_button:hover .icon_bg {
    background: #111;
}

.market_btn .main_button:hover .icon_bg svg path {
    stroke: #FFF;
}

.platform_topbar h2 {
    max-width: 620px;
}

.platform_topbar p {
    color: #111;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -1px;
}

#counter_content {
    margin-top: 60px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-content: space-between;
}

.counter_box {
    background: #FFF;
    position: relative;
    display: flex;
    justify-content: end;
    align-items: flex-start;
    padding: 26px;
    text-align: right;
    border-radius: 16px;
    overflow: hidden;
    height: 250px;
    transition: all 0.5s ease;
}

.counter_box:nth-child(even) {
    margin-top: 60px;
}

.counter_box::after {
    /* content: "";
    position: absolute;
    left: 0px;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: url('../images/counter_flip_img.webp') no-repeat center center;
    background-size: cover;
    z-index: 1;
    transition: bottom 0.6s ease; */
}

.counter_box:hover::after {
    bottom: 0px;
}

.countbg_image {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.count_text span {
    color: var(--primary-color);
    text-align: right;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -0.32px;
}

.counter_box p {
    color: #999B9D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.32px;
}

.counter_box .count_text,
.counter_box p {
    position: relative;
    z-index: 2;
    transition: opacity 0.3s ease;
}

/* .counter_box:hover .count_text,
.counter_box:hover p {
    opacity: 0;
} */

/* expertise in commercial */
.expertise {
    position: relative;
    padding-top: 100px;
}

.expertise_content {
    position: relative;
    border-radius: 20px;
    background: #FFF;
    padding: 30px 30px 40px;
}

.expertise_content .row {
    --bs-gutter-x: 20px;
}

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

.expertise_top h2 {
    padding: 18px 0px 36px;
}

.expertise_box {
    border-radius: 16px;
    background-color: #EFF3F6;
    padding: 28px 22px 26px 28px;
    height: 100%;
    transition: 0.4s ease-in-out;
    position: relative;
}

.expertise_icon {
    height: 45px;
    margin-bottom: 18px;
}

.expertise_icon img:nth-child(2) {
    display: none;
    transition: 0.4s ease-in-out;
}

.expertise_text h3 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
    color: #111;
    border-bottom: 1px solid #ffffff59;
    padding-bottom: 20px;
    margin-bottom: 18px;
    transition: 0.4s ease-in-out;
}

.expertise_text p {
    line-height: 26px;
    padding-right: 18px;
    transition: 0.4s ease-in-out;
}

.expertise_btn_bg {
    background-color: #FFF;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: flex;
    align-items: end;
    justify-content: end;
}

.expertise_btn_bg::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    background-image: url(../images/expertise-shape.svg);
    background-size: cover;
    background-position: top left;
    width: 61px;
    height: 61px;
    transition: 0.4s ease-in-out;
}

.expertise_btn_bg .expertise_btn {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: #2B2B2B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 1;
}

.expertise_box:hover {
    background: var(--primary-color);
}

.expertise_box:hover .expertise_icon img:nth-child(1) {
    display: none;
    transition: 0.4s ease-in-out;
}

.expertise_box:hover .expertise_icon img:nth-child(2) {
    display: block;
}

.expertise_box:hover .expertise_text h3 {
    color: #000000;
}

.expertise_box:hover .expertise_text p {
    color: #000000;
}

.expertise_box:hover .expertise_btn_bg::after {
    background-image: url(../images/expertise-shape-hvr-yellow.svg);
}

.expertise_box:hover .expertise_btn_bg .expertise_btn {
    background: var(--primary-color);
}

.expertise_btn_bg .expertise_btn svg {
    transition: 0.4s ease-in-out;
}

.expertise_box:hover .expertise_btn_bg .expertise_btn svg {
    transform: rotate(45deg);
}

/* Proven results */

.cranes_section {
    position: relative;
    padding-top: 100px;
}

.proven_content {
    background: #111;
    border-radius: 20px;
    padding: 40px 42px;
}

.cranes_section .row {
    --bs-gutter-x: 27px;
    --bs-gutter-y: 32px;
}

.cranes_topbar {
    margin-bottom: 36px;
}

.cranes_topbar small {
    color: #FFF;
}

.cranes_topbar h2 {
    color: #FFF;
    margin-top: 12px;
}

.cranes_box {
    position: relative;
    border-radius: 12px;
    background-color: #1C1C1C;
    padding: 22px 22px 65px;
    height: 100%;
    transition: 0.4s ease-in-out;

}

.cranes_box_text h3 {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    padding: 20px 0 15px;
    transition: 0.4s ease-in-out;
}

.cranes_box_text img {
    width: 100%;
    border-radius: 20px;
}

.cranes_box .icon_bg_cover {
    background-color: #111;
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: flex;
    align-items: end;
    justify-content: end;
}

.cranes_box .icon_bg_cover::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    background-image: url(../images/cranes-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    width: 71px;
    height: 71px;
    transition: 0.4s ease-in-out;
}

.cranes_box .icon_bg {
    width: 46px;
    height: 46px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 1;
}

.cranes_box .arrow-icon {
    width: 22px;
    height: 22px;
    color: #fff;
    transform: rotate(-45deg);
    transition: transform 0.3s;
}

.cranes_box:hover {
    background-color: #FFF;
}

.cranes_box:hover .cranes_box_text h3 {
    color: #111;
}

.cranes_box:hover .icon_bg {
    background-color: #FFF;
}

.cranes_box:hover .arrow-icon {
    transform: rotate(0deg);
}

.cranes_box:hover .arrow-icon path {
    stroke: #111;
}

.cranes_box:hover .icon_bg_cover::after {
    background-image: url(../images/cranes-shape-hvr.svg);
}

.contact_popup {
    background: #FFF;
    border-radius: 16px;
    overflow: hidden;
    max-width: 692px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.contact_popup_image img {
    max-width: 100%;
}

.contact_popup_text {
    padding: 25px;
}

.contact_popup_text h2 {
    margin-bottom: 12px;
}

.contact_popup_text .contact_popup_btn {
    margin-top: 30px;
}

.contact_popup_text .contact_popup_btn a {
    padding: 8px 18px 8px 10px;
    border-radius: 16px;
    background: #FFFFFF;
    display: inline-block;
    margin-bottom: 14px;
    color: #000000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.32px;
    border-radius: 5px !important;
    width: 83%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.contact_popup_text .contact_popup_btn a.contact_popup_whatsapp {
/*     background: #39AE41; */
}

.contact_popup_text .contact_popup_btn a:last-child {
    margin-bottom: 0px;
}

.cranes_section #exampleModal {
    padding: 0px !important;
}

.cranes_section .modal-content {
    border-radius: 20px;
}

.cranes_section .modal-body {
    padding: 0px !important;
    border-radius: 16px;
}

.cranes_section .modal-dialog {
    max-width: 696px;
}

.cranes_section .modal-header {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0px;
    z-index: 1;
}

.cranes_section .btn-close {
    box-shadow: unset;
    outline: none;
}

/* Partner Section */

.why_us_section {
    position: relative;
    padding-top: 100px;
}

.why_us_left h2 {
    padding: 12px 0px 18px;
}

.why_us_left p {
    padding-bottom: 24px;
}

.why_us_left img {
    width: 100%;
/*     border-radius: 16px; */
}

.why_us_left .market_btn {
    margin-top: 24px;
}

.faqs {
    padding-left: 100px;
}


.faqs .accordion-item {
    background: transparent;
    margin-bottom: 32px;
    border: 0px;
    border-radius: 0px;
}

.faqs .accordion-item:last-child {
    margin-bottom: 0px;
}

.faqs .accordion-item .accordion-button {
    background-color: #FFFFFF;
    border-radius: 32px;
    padding: 33px 32px;
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.32px;
    box-shadow: unset;
    position: relative;
    overflow: hidden;
    gap: 10px;
    align-items: start;
}

.faqs .accordion-item .accordion-button span {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 210px;
    height: 84px;
    background-image: url(../images/tabs-shape.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 85px;
    display: inline-block;
}

.faqs .accordion-item:first-of-type>.accordion-header .accordion-button.collapsed {
    /* border-top-left-radius: 32px;
    border-top-right-radius: 32px; */
    border-radius: 32px;
}

.faqs .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
}

.faqs .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.75012 9H14.2501M9.00012 3.75V14.25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-color: #111;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    z-index: 1;
}

.faqs .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.75 14.25L9 9M9 9L14.25 3.75M9 9L3.75 3.75M9 9L14.25 14.25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: unset;
}

.faqs .accordion-button::before {
    content: '';
    width: 80px;
    height: 53px;
        background: #eff3f6;
    border-radius: 8px;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 0;
}

.faqs .accordion-button:not(.collapsed) {
    background: var(--primary-color);
    border-radius: 16px 16px 0px 0px;
    padding-bottom: 20px;
}

.faqs .accordion-button:not(.collapsed) span {
    background-image: url(../images/tabs-shape-hvr-yellow.svg);
}

.accordion-body {
    background: var(--primary-color);
    padding: 0px 75px 58px 32px;
    border-radius: 0px 0px 16px 16px;
}

.accordion-body p {
    color: #111;
    line-height: 26px;
}

/* Testimonial */

.testimonial {
    position: relative;
    padding-top: 100px;
}

.testimonial_titel_box {
    background: #FFF;
    border-radius: 20px;
    padding: 30px;
    height: 274px;
    text-align: center;
    position: relative;
}

.testimonial_titel_box h2 {
    padding-top: 18px;
}

.testimonial_vector {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: start;
}

.testimonial_vector2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: end;
}

.testimonial_main {
    position: relative;
    margin-top: -100px;
}

.testimonial_carousel {
    max-width: 1105px;
    margin: auto;
}

.testimonial_carousel .owl-prev {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -100px;
}

.testimonial_carousel .owl-next {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -100px;
}

.clients_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
    align-items: end;
}

.clients_image img {
    width: 100%;
    border-radius: 16px;
}

.clients_text h2 {
    color: #D9D9D9;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    margin-bottom: 29px;
}

.clients_text h3 {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    margin-bottom: 19px;
}

.clients_profile {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-top: 30px;
}

.profile_box {
    display: flex;
    align-items: center;
    gap: 14px;
}

.profile_box .profile_image img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 50%;
}

.profile_text h4 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.32px;
}

.profile_text span {
    display: inline-block;
    color: #747474;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.32px;
}

.rating_star ul {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Portfolio Section */

.portfolio_section {
    padding-top: 100px;
    position: relative;
}

.portfolio_title {
    text-align: center;
    margin-bottom: 36px;
}

.portfolio_title h2 {
    margin-top: 18px;
}

.portfolio_section .row {
    --bs-gutter-x: 60px;
    --bs-gutter-y: 60px;
}

.portfolio_image {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.portfolio_image::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(17, 17, 17, 0.20) 0%, rgba(17, 17, 17, 0.20) 100%);
    transition: 0.3s ease-in-out;
}

.portfolio_box:hover .portfolio_image::after {
    background: linear-gradient(0deg, rgb(255 226 74 / 40%) 0%, rgb(254 210 27 / 40%) 100%);
}

.portfolio_image img {
    border-radius: 16px;
    width: 100%;
}

.portfolio_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.3s ease-in-out;
    z-index: 1;
}

.portfolio_box:hover .portfolio_btn {
    opacity: 1;
}

.portfolio_btn a {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tel_aviv {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: #EFF3F6;
}

.tel_aviv::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22393%22%20height%3D%22112%22%20viewBox%3D%220%200%20393%20112%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M328.397%200.0670428H388.117C389.851%20-0.0276772%20391.501%20-0.0168543%20393%200.0670428H388.117C375.914%200.733604%20359.543%206.62684%20362.237%2029.0619V51.9877C361.211%2058.9554%20356.5%2070%20316.861%2068.8451H40.7612C31.7886%2069.7441%2015.3816%2072.8911%2015.3816%2095.1426V112H0V61.4278C0%2061.4278%20324.552%2062.5516%20330.705%2061.4278C336.857%2060.304%20349.778%2055.494%20352.239%2045.2447C354.7%2034.9954%20351.726%2019.3967%20350.701%2012.8785C348.137%209.05761%20341.318%201.14602%20328.397%200.0670428Z%22%20fill%3D%22%23EFF3F6%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 255px;
    background-position: -10px -1px;
    width: 240px;
    height: 90px;
}

.tel_aviv a {
    width: 219px;
    padding: 7px 16px;
    border-radius: 16px;
    background: #FFF;
    color: #747474;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.32px;
    display: inline-flex;
    gap: 7px;
    align-items: center;
    transition: 0.3s ease-in-out;
}

.portfolio_box:hover .tel_aviv a svg path {
    transition: 0.3s ease-in-out;
}

.portfolio_box:hover .tel_aviv a {
    color: var(--primary-color);
}

.portfolio_box:hover .tel_aviv a svg path {
    fill: var(--primary-color);
}

.portfolio_text h3 {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    padding: 30px 0px 13px;
    transition: 0.3s ease-in-out;
}

.portfolio_box:hover .portfolio_text h3 {
    color: var(--primary-color);
}

/* .portfolio_section .market_btn {
    margin-top: 100px;
} */

.portfolio_carousel .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    border-radius: 0px 0px 16px 16px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 13.98%, #000 54.04%);
    height: 30px;
}

.portfolio_carousel .owl-dot {
    width: 12px;
    height: 4px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.40) !important;
    transition: 0.4s ease-in-out;
    margin: 0px 2px;
}

.portfolio_carousel .owl-dot.active {
    width: 30px;
    background: #FFF !important;
}

/* cranes_job_section */
.cranes_job_section {
    position: relative;
    padding-top: 100px;
}

.cranes_job_grid {
    display: flex;
    align-items: center;
    gap: 27px;
    justify-content: space-between;
}

/* .cranes_job_left {
    border-radius: 20px;
    background: var(--primary-color);
    padding-left: 30px;
    display: flex;
    gap: 14px;
    align-items: center;
} */

.cranes_job_left {
    border-radius: 20px;
    background: var(--primary-color);
    padding-left: 30px;
    display: flex;
    gap: 14px;
    align-items: center;
    width: 930px;
    justify-content: space-between;
}


.cranes_job_left h2 {
    color: #FFF;
    font-weight: 800;
    text-transform: capitalize;
}

.cranes_job_left p {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-top: 25px;
}

.cranes_job_right {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    width: 220px;
    height: 220px;
    display: flex;
    align-items: end;
    padding: 0 0 60px 33px;
}

.cranes_job_right .main_button:hover {
    background-color: #000;
    color: #fff;
}

.cranes_job_right .main_button:hover .icon_bg {
    background: var(--primary-color);
}

.cranes_job_right .main_button:hover .arrow-icon {
    transform: rotate(0deg);
    color: #FFF;
}

.cranes_people {
    max-width: 364px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    padding: 41px 46px;
}

.cranes_people img {
    width: 100%;
    margin-bottom: 18px;
}

.cranes_people p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.32px;
}

.cranes_people p span {
    color: var(--primary-color);
}


/* --- Blog Section ---*/

/* .blog_section {
    position: relative;
    padding-top: 100px;
} */

.cranes_job_section {
    position: relative;
    padding: 100px 0;
}

.blog_content {
    background: #FFF;
    border-radius: 20px;
    padding: 30px 112px;
}

.blog_title h2 {
    padding: 18px 0px 48px;
}

.blog_box {
    background: #FFF;
    /* filter: drop-shadow(0px 1px 4px rgba(68, 68, 68, 0.20)); */
    box-shadow: 0px 1px 4px rgba(68, 68, 68, 0.2);
    border-radius: 16px;
    transition: 0.3s ease-in-out;
    position: relative;
    border-bottom-right-radius: 62px;
}

.blog_image img {
    width: 100%;
    border-radius: 16px;
}

.blog_text {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 22px;
    gap: 20px;
}

.blog_textleft {
    width: 70%;
}

.blog_textleft h3 a{
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    transition: 0.3s ease-in-out;
}

.blog_textleft h3{
    font-size: 18px;
    line-height: 22px;
}
.blog_textleft p {
    color: #747474;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.32px;
    padding-top: 12px;
    transition: 0.3s ease-in-out;
    padding-right: 30px;
	display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#secound_blog .blog_textleft p {
    color: #747474;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.32px;
    padding-top: 12px;
    transition: 0.3s ease-in-out;
    padding-right: 35px;
	display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog_date span {
    color: #747474;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    transition: 0.3s ease-in-out;
}

.blog_date img:nth-child(2) {
    display: none;
}

.blog_btn {
    background-color: #FFF;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: flex;
    align-items: end;
    justify-content: end;
}

.blog_btn::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    background-image: url(../images/blog-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    width: 61px;
    height: 61px;
    transition: 0.3s ease-in-out;
}

.blog_btn .blogicon_bg {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: #2B2B2B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
    position: relative;
    z-index: 1;
}

.blog_btn .blogicon_bg svg {
    transition: 0.3s ease-in-out;
}

.blog_box:hover {
    background: var(--primary-color);
}

.blog_box:hover .blog_textleft h3 a{
    color: #FFF;
}

.blog_box:hover .blog_textleft p {
    color: #FFF;
}

.blog_box:hover .blog_date span {
    color: #FFF;
}

.blog_box:hover .blog_date img:nth-child(1) {
    display: none;
}

.blog_box:hover .blog_date img:nth-child(2) {
    display: inline-block;
}

.blog_box:hover .blog_btn::after {
    background-image: url(../images/blog-shape-hvr-yellows.svg);
}

.blog_box:hover .blog_btn .blogicon_bg {
    background: var(--primary-color);
}

.blog_box:hover .blog_btn .blogicon_bg svg {
    transform: rotate(45deg);
}

#secound_blog {
    display: flex;
    padding: 12px;
    gap: 23px;
    margin-bottom: 20px;
}

#secound_blog:last-child {
    margin-bottom: 0px;
}

#secound_blog .blog_image img {
    /* width: 315px;
    height: 157px; */
    width: 177px;
    height: 157px;
    object-fit: cover;

}

#secound_blog .blog_text {
    padding: 0px;
    flex-direction: column-reverse;
    justify-content: start;
    gap: 16px;
}

#secound_blog .blog_textleft {
    width: 100%;
}

.blog_content .market_btn {
    text-align: center;
    margin-top: 30px;
}

/* ----Contact us ---*/

.contact_section {
    position: relative;
    padding: 100px 0px;
}

.contact_section .row {
    --bs-gutter-x: 40px;
}

.contact_title {
    max-width: 430px;
}

.contact_title h2 {
    padding: 18px 0px;
}

.rtl .contact_image img {
	min-height: 475px;
	max-height: 500px;
}
.contact_image img {
    margin-top: 30px;
    border-radius: 20px;
/*     min-height: 500px;
    max-height: 500px; */
	min-height: 300px;
	max-height: 404px;
    object-fit: contain;
    object-position: top;
}

.get_in_touch {
    border-radius: 20px;
    background: #FFF;
    padding: 30px 30px 40px;
}

.get_in_touch h2 {
    text-align: center;
    margin-bottom: 30px;
}

.contact_input {
    margin-bottom: 24px;
}

.contact_input:nth-child(4) {
    margin-bottom: 0px;
}

.contact_input p label {
    width: 100%;
    color: #747474;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.32px;
    padding-bottom: 4px;
}

.contact_input input,
.contact_input textarea {
    border-radius: 10px;
    border: 1px solid #F8F8F8;
    background: #F8F8F8;
    width: 100%;
    padding: 11px 21px 12px 21px;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.32px;
    outline: unset;
}

.contact_input input::placeholder,
.contact_form textarea::placeholder {
    color: #111;
}

.contact_form input:focus-visible,
.contact_form textarea:focus-visible {
    border: 1px solid var(--primary-color);
    background-color: #F8F8F8;
}

.contact_form button {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.32px;
    background-color: #101010;
    width: 100%;
    padding: 14px 24px;
    border-radius: 99px;
    border: none;
    transition: 0.4s ease-in-out;
    margin-top: 30px;
}

.contact_form button svg {
    margin-left: 12px;
    transition: 0.3s ease-in-out;
}

.contact_form button:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.contact_form button:hover svg {
    transform: rotate(45deg);
}

/* footer */
.footer_section {
    position: relative;
    padding-bottom: 20px;
}

.footer_content {
    background: #111;
    border-radius: 32px;
    padding: 67px 40px 130px 52px;
    position: relative;
}

.footer_left img {
    width: 190px;
}

.footer_left p {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.32px;
    margin-top: 23px;
}

.footer_right ul {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
    margin-bottom: 49px;
}

.footer_right ul li a {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -1px;
    transition: 0.3s ease-in-out;
}

.footer_right ul li a:hover {
    color: var(--primary-color);
}

.footer_right p {
    color: #FFF;
    text-align: right;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
}

.social_icon {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #EFF3F6;
    padding: 22px 0px 0px 22px;
    width: 150px;
    height: 55px;
}

.social_icon::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 151px;
    height: 56px;
    background-image: url(../images/footer-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.social_icon ul {
    display: flex;
    gap: 16px;
    position: relative;
    z-index: 1;
}

.social_icon ul li a {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #000;
    transition: 0.4s ease-in-out;
}

.social_icon ul li a:hover {
    background: var(--primary-color);
}



/* --------------------- Direction RTL --------------------------- */

.direction_rtl .banner_carousel .owl-nav .owl-prev {
    right: 0px;
}

.direction_rtl .banner_carousel .owl-nav .owl-next {
    right: unset;
    left: 0px;
}

.direction_rtl .main_button,
.direction_rtl .header_button {
    padding: 4px 18px 4px 4px;
}

.direction_rtl .header_button .arrow-icon,
.direction_rtl .main_button .arrow-icon {
    transform: rotate(-135deg);
}

.direction_rtl .header_button:hover .arrow-icon,
.direction_rtl .main_button:hover .arrow-icon {
    transform: rotate(-180deg);
}

.direction_rtl .cranes_job_left {
    padding-right: 30px;
    padding-left: 0px;
}

.direction_rtl .blog_textleft p {
    padding-left: 30px;
    padding-right: 0px;
}

.direction_rtl .blog_btn {
    left: 0px;
    right: unset;
}

.direction_rtl .blog_btn::after {
    transform: rotate(90deg);
}

.direction_rtl .blog_btn::after {
    transform: rotate(90deg);
    left: 0px;
    top: -1px;
}

.direction_rtl .blog_btn .blogicon_bg svg {
    transform: rotate(-90deg);
}

.direction_rtl .blog_box:hover .blog_btn .blogicon_bg svg {
    transform: rotate(-135deg);
}

.direction_rtl .footer_right p {
    text-align: end;
}

.direction_rtl .expertise_btn_bg::after {
    transform: rotate(90deg);
    left: 0px;
    top: -1px;
}

.direction_rtl .expertise_btn_bg {
    left: 0px;
    right: unset;
}

.direction_rtl .cranes_box .icon_bg_cover {
    left: 0px;
    right: unset;
}

.direction_rtl .cranes_box .icon_bg_cover::after {
    transform: rotate(90deg);
    left: 0px;
    top: -1px;
}

.direction_rtl .cranes_box .arrow-icon {
    transform: rotate(-135deg);
}

.direction_rtl .cranes_box:hover .arrow-icon {
    transform: rotate(-180deg);
}

.direction_rtl .expertise_btn_bg .expertise_btn svg {
    transform: rotate(-90deg);
}

.direction_rtl .expertise_box:hover .expertise_btn_bg .expertise_btn svg {
    transform: rotate(-135deg);
}

.direction_rtl .faqs .accordion-button::after {
    margin: 0px auto auto 0px;
}

.direction_rtl .faqs .accordion-button::before {
    right: unset;
    left: 0px;
}

.direction_rtl .faqs .accordion-item .accordion-button span {
    top: 0px;
    right: unset;
    left: 0px;
    background-position: top left;
    transform: rotate(180deg);
}

.direction_rtl .accordion-body {
    padding: 0px 32px 58px 75px;
}

.direction_rtl .testimonial_carousel .owl-prev span,
.direction_rtl .testimonial_carousel .owl-next span {
    transform: rotate(-180deg);
    display: inline-block;
}

.direction_rtl .social_icon {
    right: unset;
    left: 0px;
    padding: 22px 22px 0px 0px;
}

.direction_rtl .countbg_image {
    left: unset;
    right: 0px;
}

.direction_rtl .social_icon::after {
    left: 0px;
    transform: rotateY(180deg);
}

.direction_rtl .faqs {
    padding-left: 0px;
    padding-right: 100px;
}

.direction_rtl .faqs .accordion-item .accordion-button span {
    width: 84px;
    height: 104px;
}

.direction_rtl .tel_aviv {
    top: 0px;
    right: 0px;
    left: unset;
}

.direction_rtl .tel_aviv::after {
    bottom: -49px;
    right: -1px;
    left: unset;
    transform: rotate(180deg);
    transform: scaleX(-1);
}

.direction_rtl .cranes_section .modal-header {
    left: 0;
    right: unset;
}

.direction_rtl .cranes_people {
    padding: 39px 46px;
}

.direction_rtl .blog_box {
    border-bottom-left-radius: 62px;
     border-bottom-right-radius:16px;
}

.direction_rtl .contact_form {
    direction: rtl;
}

.direction_rtl .contact_input input::placeholder {
    direction: rtl !important;
}

.direction_rtl .wpcf7 input[type="url"], .direction_rtl .wpcf7 input[type="email"], .direction_rtl .wpcf7 input[type="tel"]{
    direction: rtl !important;
}

.direction_rtl .blog_page_section button.btn.btn-outline-secondary {
    left: 17px;
    right: unset;
}


.direction_rtl .blog_search button {
    right: unset;
    left: 22px;
}


.direction_rtl .contact_form button:hover svg {
    transform: rotate(225deg) !important;
}

.direction_rtl .testimonial_vector2  img {
    width: 183px;
    height: 274px;
}


.direction_rtl .testimonial_vector  img {
    width: 446px;
    height: 220px;
}



.direction_rtl .portfolio_btn a svg{
transform: rotate(-100deg);
}

/* .direction_rtl .counter_box.counter_box3 .countbg_image img{
 left: 47px !important;
} */
.direction_rtl .counter_box3 .countbg_image img {
    width: 300px;
    height: 200px;
}

section.logo_section {
    direction: ltr;
}

.logo_section .logo_carousel.owl-carousel.owl-loaded.owl-drag {

    border-radius: 20px;
    background: #FFF;
    overflow: hidden;
    padding: 10px 30px;
}
.logo_section .owl-carousel .owl-item img {
    display: block;
    width: auto;
}
div#blogLoadContainer {
    gap: 23px 0px;
    margin-top: 23px;
}
.main_space{
padding:10px 20px;
}

div#portfolioLoadContainer {
    margin-top: 0px;
}

button.current-lang-btn {
    background: transparent;
    border: unset;
}
button.current-lang-btn span {
    color: rgba(255, 255, 255, 0.8);
}
.lang-options li span {
    color: #000000;
}

.current-lang-btn i.fa.fa-chevron-down {
    color: #ffffff;
}
button.current-lang-btn {
    padding: 0;
}
.search_box {
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
}

.lang-switcher {
  position: relative;
  display: inline-block;
}

.current-lang-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

.lang-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    background-color: #fff;
    border: 1px solid #ddd;
    list-style: none;
    margin: 5px 0 0 0;
    /* padding: 5px 0; */
    min-width: 65px;
    font-size: 14px;
}

.lang-options li {
    padding: 2px 9px;
}

.lang-options li:hover {
  background-color: #f2f2f2;
}

.lang-switcher.open .lang-options {
  display: block;
}

.lang-options li a{
   display: flex;
    align-items: center;
}

.testimonial_main .testimonial_carousel button span{
font-size: 25px;
}

.accordion-item:first-of-type>.accordion-header .accordion-button{
 border-radius: 16px 16px 0px 0px;
}


.counter_box img {
    width: 100%;
    height: 100%;
}

.counter_box2 .countbg_image {
    position: absolute;
    left: 5px;
    bottom: 0;

}

.counter_box2 .countbg_image img {
    width: 230px;
    height: 184px;
}

.counter_box3 .countbg_image img {
    width: 212px;
    height: 160px;
	object-fit: contain;
}

.counter_box3 .countbg_image {
    position: absolute;
    left: 5px;
    bottom: 0;

}

.testimonial_vector2  img{
    width: 446px;
    height: 220px;
}




/* about page css start */

.blog_cranes_box h3 {
    letter-spacing: -0.32px;
    transition: 0.3s ease-in-out;
    color: #666;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.blog_cranes_box {
    display: flex;
    gap: 12px;
}
.blog_page_section .blog_category {
    display: flex;
    gap: 10px;
    width: 50%;
}
.blog_details{
    padding: 20px 20px 22px;
    gap: 20px;
}
h3.details_text a{
    color: #111;
      font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    padding: 10px 0px;
}
.blog_page_section .blog_details p {
    color: #747474;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.32px;
    width: 298px;
}
.row.blogs_box {
    row-gap: 35px;
}

.about-banner {
    background-size: cover;
    background-position: center;
    height: 500px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 60px;
}

.about-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
  z-index: 1;
}

.about-banner .content {
  z-index: 2;
}

.breadcrumb-text a{
  margin: 0;
  font-size: 14px;
  color: #ffffff;
}
.nav-tabs.blog-tabs {
    gap: 10px;
    border-bottom: unset;
    margin-bottom: 27px;
}
.blog_page_section .nav-tabs.blog-tabs .nav-link {
    display: inline-block;
    padding: 6px 26px;
    border-radius: 42px;
    border: 1px solid #747474;
    color: #666;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.blog_page_section .nav-tabs.blog-tabs .nav-link.active {
    color: var(--3, #FFF);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    background-color: #f4bf19;
    border-radius: 25px;
    border: 1px solid #f4bf19;
}
  .tab-pane {
    display: none;
  }

  .tab-pane.active {
    display: block;
  }
.blog_page_section .nav-tabs.blog-tabs .nav-link:hover {
    background: #f4bf19;
    color: #FFFFFF;
    border: 1px solid #f4bf19;
}


.top_blogs form input{
padding-left:50px;
}

.top_blogs {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #0000001F;
    margin-bottom: 45px;
}
.blog_page_section input.form-control.me-2 {
    width: 333px;
    height: 40px;
    border-radius: 57px;
    border: 1px solid rgba(0, 0, 0, 0.40);
    background: transparent;
    padding-right: 40px;
}

.blog_page_section button.btn.btn-outline-secondary {
    border: unset;
    position: absolute;
    left: unset;
    right: 17px;
}
.top_blogs form{
    position: relative;
}
button.btn.btn-outline-secondary:hover{
    background:transparent;
      color: #000000;
}

.blog_page_section .blog_box:hover .blog_category img:nth-child(1)
{
display: none;
}

.blog_page_section .blog_category img:nth-child(2)
{
display: none;
}

.blog_page_section .blog_box:hover .blog_category img:nth-child(2){
    display: inline-block;
}

.blog_page_section .blog_box:hover .blog_cranes_box h3{
    color: #FFFFFF;
}

.blog_page_section .blog_box:hover h3.details_text a{
    color: #FFFFFF;
}

.blog_page_section .blog_box:hover .blog_details p{
 color: #FFFFFF;
}

.blog_page_section .market_btn {
    text-align: center;
    margin-top: 44px;
}

.accordion-collapse.collapse.show .accordion-body {
    padding-bottom: 33px;
}



/* blog detail page css */


.blog_detail {
        position: relative;
        padding-top: 60px;
    }

    .blog_detail .row {
        --bs-gutter-x: 66px;
    }

    .blog_detail_right {
        border-radius: 16px;
        background: #FFF;
        padding: 38px 40px;
    }

    .blog_search form {
        position: relative;
        margin-top: 15px;
    }

    .blog_search input {
        width: 100%;
        border-radius: 57px;
        border: 1px solid rgba(0, 0, 0, 0.40);
        color: #666;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        padding: 13px 22px;
        outline: none;
    }

    .blog_search button {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 22px;
        margin: auto;
        border: 0px;
        outline: none;
        background: transparent;
        padding: 0px;
    }

    .blog_search button i {
        font-size: 22px;
    }

  .blog_detail_right h4 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.25px;
    margin-bottom: 15px;
}

    .blog_categories {
        margin-top: 30px;
    }

    .blog_categories h4 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.40);
        margin-bottom: 27px;
        padding-bottom: 19px;
    }

    .category_inner ul li a {
        color: #666;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
    }

   .category_inner ul li a:hover {
    color: #f4bf19;
}
    .category_inner ul li:not(:last-child) {
        margin-bottom: 15px;
    }

    .blog_search_cta {
        width: 100%;
        height: 350px;
        background-size: cover;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }

    .blog_search_cta h5 {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.32px;
    }

    .blog_search_cta .call_btn {
        color: #FFF;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: -0.32px;
        padding-top: 9px;
        padding-bottom: 40px;
    }

    .blog_search_cta .call_btn:hover {
        color: #f4bf19;
    }
.blog_detail_text {
    padding-top: 44px;
    padding-bottom: 40px;
}

    .blog_detail_left {
        border-bottom: 1px solid rgb(35, 35, 35, 30%);
        /* padding-bottom: 40px; */
    }

    .blog_detail_text h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        line-height: 38px;
        letter-spacing: -0.01em;
        color: #111111;
        margin-bottom: 19px;
    }

    .blog-detail_date {
        display: flex;
        align-items: center;
    }

    .blog-detail_date span {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        color: #666666;
        padding-right: 24px;
        position: relative;
        display: inline-block;
    }

    .blog-detail_date span:not(:first-child)::after {
        content: '';
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 4px;
        height: 4px;
        border-radius: 10px;
        background: #000000;
    }

 .blog-detail_date span i {
    padding-right: 5px;
    color: #f4bf19;
}

    .proident {
        display: flex;
        align-items: start;
        gap: 18px;
        margin-top: 26px;
    }

    .proident p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #666666;
        padding-bottom: 19px;
    }

    .blog_detail_left p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #666666;
    }

.blog_detail_left h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 50px;
    letter-spacing: -0.03em;
    color: #232323;
    margin-top: 20px;
}

h2.related_heading_title {
    color: #232323;
    font-family: 'Inter', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.25px;
    text-align: start;
    margin-bottom: 24px;
}
section.related_blog_section {
    margin: 100px 0;
}

/* blog detail */

.blog_category img:nth-child(2)
{
display: none;
}

.blog_box:hover .blog_category img:nth-child(2)
{
display: inline-block;
}

.blog_box:hover .blog_category img:nth-child(1)
{
display: none;
}

.blog_box:hover .blog_cranes_box h3 {
    color: #FFFFFF;
}

.blog_box:hover h3.details_text a {
    color: #FFFFFF;
}

p.related_text{
    color: #747474;
 font-family: 'Inter', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: -0.32px;
}

.blog_box:hover p.related_text{
    color: #FFFFFF;
}

/* .blog_page_section {
    padding: 40px 0px;
} */

.blog_category {
    display: flex;
    gap: 10px;
    width: 50%;
}



/* comment form css */



/* Comment form container */
.comment-respond {
    margin-top: 40px;
    border-radius: 12px;
}

/* Headings */
.comment-respond h3 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #333;
}

/* Input and textarea fields */
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #fff;
    transition: all 0.3s ease;
}

/* Focus state */
.comment-form input:focus,
.comment-form textarea:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

/* Textarea height */
.comment-form textarea  {
    min-height: 120px;
    resize: vertical;
    border-radius: 5px;
}


 .comment-form input  {
    border-radius: 5px;
}

/* Submit button */
.comment-form input[type="submit"] {
    background-color: #007bff;
    color: #fff;
    padding: 12px 28px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Submit button hover */
.comment-form input[type="submit"]:hover {
    background-color: #0056b3;
}

/* Comment list (optional, if displaying existing comments) */
.comment-list {
    margin-top: 40px;
}

.comment-list .comment {
    margin-bottom: 30px;
    padding-bottom: 20px;
}
/* Avatar image */
.comment-author .avatar {
    border-radius: 50%;
    margin-right: 10px;
}

input#submit {
    background: #f4bf19;
    margin-top: 20px;
    border-radius: 25px;
    padding: 8px 25px;
}

/* #post_content p:first-of-type::first-letter {
    font-family: 'Playfair', serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    float: left;
    margin-right: 18px;
    margin-top: 7px;
    padding: 11px 20px 10px 19px;
    width: 56px;
    height: 56px;
    background: #f4bf19;
    color: #fff;
    display: inline-block;
    text-align: center;
} */



/* COMMENT LIST CONTAINER */
.comment-list {
    margin-top: 40px;
    padding: 0;
    list-style: none;
}

/* SINGLE COMMENT */
.comment {
    display: flex;
    align-items: flex-start;
    border-radius: 12px;
    margin-bottom: 20px;
    position: relative;
}

/* AVATAR IMAGE */
.comment .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
    object-fit: cover;
    flex-shrink: 0;
}

/* COMMENT BODY */
.comment-body {
    flex: 1;
}

/* COMMENT TEXT */
.comment-body p {
    margin: 0 0 10px;
    color: #555;
    line-height: 1.6;
    font-size: 15px;
}

/* AUTHOR NAME */
.comment-author {
    font-weight: 600;
    color: #111;
    margin-bottom: 2px;
}

/* TIME */
.comment-metadata {
    font-size: 13px;
    color: #999;
}

/* REPLY LINK BUTTON */
.comment-reply-link {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: #f4bf19;
    color: #fff;
    padding: 12px 19px;
    border-radius: 25px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.comment-reply-link:hover {
    background-color: #f4bf19;
}

div#comments {
    border-top: 1px solid #cdcdcd;
    padding-top: 50px;
}

form a{
    color: #f4bf19;
}

.direction_rtl .contact_form button svg {
    transform: rotate(270deg) !important;
}

.comment-metadata a{
    color: #f4bf19;
}

.blog-tabs-content .blog_image img, .related_blog_content .blog_image img {
    max-height: 188px;
    object-fit: cover;
}
.related_blog_content.row {
    row-gap: 35px;
}
li.cat-item {
    pointer-events: none;
}
input#submit:hover{
    background: #000000;
}

.comment-reply-link:hover{
     background: #000000;
}

.name-email-wrap {
    display: flex;
    gap: 26px;
    width: 100%;
}

.form-group.name-field{
    width: 50%;
}

.form-group.email-field {
    width: 50%;
}

.blog_detail_left.single-left {
    border-bottom: unset;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.container.blog-single {
    margin-top: 60px;
}

div#post_content {
    display: block;
}

.blog_main_image img {
    border-radius: 25px;
}

p.text-center.not-found-result {
    margin: 220px 0;
}

.blog_page.search-blog {
    margin: 120px 0;
}

.blog_image img {
    max-height: 253px;
    object-fit: cover;
    
}

.banner_video_wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    background-color: #0000005e;
    /* opacity: 0.5; */
}

.bg_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    object-position: bottom;
}
/* section.banner_section button.owl-prev span {
    background: #eff3f6;
    padding: 42px 12px;
    border-radius: 7px 23px;
    margin-left: -7px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 18px;
} */




.banner_carousel .owl-prev span{
    position: relative;
    z-index: 999;
}





.banner_carousel .owl-next span{
    position: relative;
    z-index: 999;
}

img.image-heightfix {
    max-height: 270px;
     min-height: 270px;
      object-fit: contain;
}

img.tesimonial-fiximg {
    min-height: 410px;
    object-fit: cover;
    max-height: 410px;
}

.portfolio_image img{
 min-height: 415px;
  max-height: 415px;
    object-fit: cover;
    object-position: bottom;
}

.blog_main_image img{
    min-height: 473px;
    object-fit: cover;
    max-height: 473px;
    max-width: 851px;
    min-width: 851px;
}

span.keyboard-shorcut{
display:none !important;
}
span.on-hover-text {
    display: none !important;
}



/* privacy policy css */


.policy-content {
  /* max-width: 1332px; */
  margin: 0 auto;
  padding: 0px 0 60px;
  font-family: 'Inter', sans-serif;
}
.policy-content h3 {
     font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 38px;
    letter-spacing: -0.01em;
    color: #ffcc00;
    margin: 0px !important;
}
.policy-content p, .policy-content li {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    list-style: disc !important;
    margin: 0 !important;
}
.policy-section{
    padding: 0px 0 30px;
}
.policy-content ol{
    padding-left: 20px !important;
    margin: 0px !important;
}
.rtl .policy-content ol{
    padding-right: 20px !important;
    margin: 0px !important;
}
.policy-content a{
    color: #ffcc00;
}