/*
Theme Name:  Transport Solution
Version:     1.0.0
Description: Custom WordPress Responsive Multi-Purpose Theme.
Theme URI:   #
Author:      EVIP
Author URI:  #
License:     Custom license
License URI: #
Text Domain: evip
*/
@font-face {
  font-family: 'opensanshebrewcondensed-bold';
  font-family: 'opensanshebrewcondensed-bold';
  src: url('assets/fonts/opensanshebrewcondensed-bold.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/opensanshebrewcondensed-bold.eot?#iefix') format('embedded-opentype'),
       url('assets/fonts/opensanshebrewcondensed-bold.woff2') format('woff2'),
       url('assets/fonts/opensanshebrewcondensed-bold.woff') format('woff'),
       url('assets/fonts/opensanshebrewcondensed-bold.ttf') format('truetype'),
       url('assets/fonts/opensanshebrewcondensed-bold.svg#opensanshebrewcondensed-bold') format('svg');
  font-style: normal;
  font-weight: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
body {
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight:400;
    font-family: var(--opensansfont);
    background-color: #fafbfc;
}
.wpcf7-form {direction: rtl;}
ul, ol, li { list-style: none; }
img, fieldset { border: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
figure {
    margin: 0;
    padding: 0;
}
.clearfix {
    clear: both;
    width: 100%;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
.wp-caption { max-width: 100%; }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
img.size-full, img.size-large, img.wp-post-image {
    height: auto;
    max-width: 100%;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
embed, iframe, object, video { max-width: 100%; }
html { -webkit-text-size-adjust: none; }
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}
.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 20px;
}
.alignright {
    margin: 10px 0px 35px 30px;
    display: inline;
}
.alignleft {
    margin: 0 35px 10px 0px;
    display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
.wp-caption {
    border: none;
    text-align: center;
    background: #f5f5f5;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 0 10px 0;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0;
    margin-bottom: 12px;
}
.wp-caption p.wp-caption-text {
    line-height: 18px;
    padding: 0 15px;
    display: block;
    font-style: italic;
    color: #000000;
    font-size: 12px;
}
input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
*, *::before, *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input[placeholder], 
[placeholder], 
*[placeholder] {color: inherit}
*::-webkit-input-placeholder { color:inherit}
*:-moz-placeholder {
    color:inherit ;
    opacity:  1;
}
*::-moz-placeholder {
    color:inherit ;
    opacity:  1;
}
*:-ms-input-placeholder {color:inherit}
/*----------------------*/
/*     Page structure   */
/*----------------------*/
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    color:#101828;
    font-weight:700;
    padding-bottom:15px;
    font-family: 'opensanshebrewcondensed-bold';
}
.entry-content h1 {
    font-size:36px;
}
.entry-content h2 {
    font-size:32px;
}
.entry-content h3 {
    font-size:28px;
}
.entry-content h4 {
    font-size:24px;
}
.entry-content h5 {
    font-size:20px;
}
.entry-content h6 {
    font-size:18px;
}
.entry-content p {
    color:#101828;
    font-size:20px;
    line-height:28px;
    padding-bottom:15px;
}
.entry-content ul {
    padding:0 0 20px 0;
}
.entry-content ul li {
    color:#101828;
    font-size:20px;
    line-height:28px;
    padding-bottom:8px;
    position: relative;
    padding-left:20px;
} 
.entry-content ol {
    list-style-type:decimal;
    padding:0 0 20px 20px;
}
.entry-content ol li {
    list-style-type:decimal;
    color:#101828;
    font-size:20px;
    line-height:28px;
}   
.entry-content a {
    color:#ce2831;
}
.entry-content blockquote {
    color:#ce2831;
    font-size:18px;
    line-height:24px;
    font-weight:600;
}   
.entry-content blockquote p {
    padding-bottom:0;
}
.entry-content table {
    border-collapse: collapse;
    width:100%;
    margin-bottom:25px;
}
.entry-content table, 
.entry-content table th, 
.entry-content table td {
    border: 1px solid #666666;
    color:#101828;
    font-size:15px;
    line-height:24px;
    text-align:center;
    padding:5px 0;
}
hr {
    border:none;
    background:#dedede;
    height:2px;
    padding:0;
    margin:17px 0 24px 0;
    outline:none;
}
.entry-content input[type='email'],
.entry-content input[type='text'] {
    width:100%;
    max-width:800px;
    background:#fff;
    height:48px;
    font-size:15px;
    color:#101828;
    line-height:21px;
    border:1px solid #4e4e4e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:  5px;
    padding:5px 5px 5px 15px;
    outline:none;
    font-weight:400;
    margin-top:7px;
}
.entry-content textarea {
    width:100%;
    background:#fff;
    max-width:800px;
    height:180px;
    font-size:15px;
    color:#101828;
    line-height:24px;
    border:1px solid #666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:  5px;
    padding:5px 5px 5px 15px;
    outline:none;
    font-weight:400;
}
.entry-content input[type='submit'] {
    width:180px;
    height:50px;
    outline:none;
    border:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:  5px;
    padding:0;
    background:#0a4e5c;
    color:#fff;
    text-align:center; 
    cursor:pointer;
    font-size:16px;
    text-transform:uppercase;
}
.entry-content .submit {
    width:180px;
    padding:15px 0 0 0;
}

.entry-style p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--whiteColor);
}

:root {
    /*----------- color -----------*/
    --whiteColor: #fff;
    --BlackLightColor: #444444;
    --YellowLight: #aca26c;
    --blueDeep: #303a2a;
    --grey: #bcbcaa;

    /*----------- bg color -----------*/
    --graybgColor: #ebeae3;
    --blueDeepbgColor: #1B2E70;
    /*----------- font -----------*/
    --opensansfont:"Open Sans", sans-serif;

}

p {
    font-size: 20px;
    line-height:28px;
    padding-bottom: 24px;
    color: #101828;
}
h2, h3, h4, h5, h6 {
    color: #101828;
    line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
h1, h2, 
.solutions_feature_bg h4,
.blog_feature_info h6 {
    font-family: 'opensanshebrewcondensed-bold';
}
h1 { font-size: 36px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

h6 a,
h3 a,
h4 a { color: #101828; }
/*----------------------*/
/*     header_area      */
/*----------------------*/
.only_mobile_view { display:none; }
.d-flex { display:flex}
.flex-space-between {
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.justify-content-center{justify-content: center;}
.align-center {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
.text-center { text-align:center}
.flex-wrap {
    display:flex;
    flex-wrap:wrap;
}
.flex-nowrap {
    display:flex;
    flex-wrap:nowrap;
}
.row-reverse {
    flex-flow: row-reverse;
}
.flex-row-reverse{flex-flow: row-reverse;}
.flex-row-none { flex-flow: inherit !important;}

#wrapper {
    width:100%;
    direction: rtl;
}
.center_content {
    width: 100%;
    max-width: 1620px;
    margin: 0 auto;
}
.fixheader {
    width: 100%;
    position:absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}
/*---------- header_area ----------*/
.elementor-element.elementor-element-61ddf83 {min-height: 0}
.header_area {
    width: 100%;
    background: linear-gradient(90deg, #2C323C 0%, #151D29 100%);
}
.menu_content_area {
    padding: 0px 20px;
}
.normal_header {
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 100;
}
.header_area.make-header-sticky {
    position: fixed;
}
.menu_content {
    max-width: 1770px;
    position: relative;
}
.menu_content_bx {
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0;
    height: 106px;
}
.offer_btn a {
    min-width: 220px;
    width: 220px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: linear-gradient(90deg, #E5E7EB 0%, #D1D5DC 100%);
    /* box-shadow: 0px 8px 10px -6px #0000001A; */
    box-shadow: 0px 20px 25px -5px #0000001A;
    padding: 10px 12px;
    font-size: 16px;
    color: #101828;
    font-weight: 700;
    font-family: var(--opensansfont);
    margin: 0 auto;
}
.offer_btn a span {
    background: url('assets/images/left_Icon.svg') no-repeat left center;
    padding-left: 30px;
}
.main_nav,
#menu,
.menu_bx {
    width: 100%;
}
.logo_and_menu {
   /*  width: 100%;
    gap: 30px;
    position: relative;
    padding-left:55px; */
}
.logo {
     width: 95px;
     position: absolute;
     left: 0;
     right: 0;
     top: 6px;
     z-index: 2; 
     margin: 0 auto;
}
.logo img {
    width: 100% !important;
}
.call_now a {
    display: inline-block;
    font-size: 20px;
    color: var(--whiteColor);
    font-weight: 700;
    padding-right: 34px;
    background: url('assets/images/call_Icon.svg') no-repeat right center;
}
.menu_bx {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.header_area .main_nav a i {display: none;}
#menu {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    gap: 60px;
}
#menu li {
    font-size: 20px;
    color: #fff;
    position: relative;
    padding: 0px;
    line-height: 1.2;
    font-weight: 400;
    font-family: var(--opensansfont);
}
/* #menu > li:nth-child(5) {
    padding-left: 450px;
} */
.main_nav ul li:hover > a,
#menu li.current_page_item > a {
    color: #D3D3D3;
}
.main_nav ul li a {
    color: #fff;
    padding: 4px 0;
    display: block;
    position: relative;
}
#menu li ul {
    position: absolute;
    background: #424243;
    width: 208px;
    padding: 8px 0 8px 0;
    top: 100%;
    right: 0;
    z-index: 22;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: center top 0;
    transition: all .5s ease 0s;
}
#menu li.menu-item-has-children { position: relative; }
#menu > li.menu-item-has-children::after {
    content: "\f107";
    font: normal normal normal 22px / 1 FontAwesome;
    position: absolute;
    right: -20px;
    top: 5px;
    z-index: 1;
    color: #D9ED82;
}
#menu li ul li a span, #menu li ul li a {position: relative; padding-right: 10px; display: block;}
#menu li ul li a span::after,
#menu li ul li a::after {
    content: "\f104";
    font: normal normal normal 22px / 1 FontAwesome;
    position: absolute;
    right: -5px;
    top: 2px;
    z-index: 1;
    color: #D9ED82;
    border: none;
    opacity: 1;
    height: 0;
    background-color: transparent;
}
#menu li ul li {font-weight: 400;}
.normal_header #menu li.menu-item-has-children::after {
    color: #D9ED82;
}
#menu li.menu-item-has-children:hover::after {
    opacity: 1;
    visibility: visible;
}
#menu li.menu-item-has-children:hover > ul {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
#menu li ul { gap: 5px; }
#menu li ul > li {
    margin-bottom: 0;
    padding: 0 15px 0 10px;
    font-size: 16px;
}
/*#menu li ul > li a::after { display: none; }*/
#menu li ul > li a { display: block;  color:#fff; font-size: 16px; font-weight: 400; position: relative;}

.menu_bar_wrap,
.menu_bar {
    display: none;
}
#menu li ul li ul {right: 100%}
.menu_bar {
    width: 36px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
/*     display: none; */
}
.menu_bar span {
    width: 100%;
    height: 2px;
    margin-top: 8px;
    background-color: var(--whiteColor);
    display: block;
    transition: all .2s ease;
}
.menu_bar span:first-child {
    margin-top: 0;
}
.menu_bar span:nth-child(2){
    width: 36px;
}
.menu_bar span:last-child{
    width: 36px;
}
.menu_bar  { margin-left: 0; }
.menu_bar.active span:first-child{
    transform: rotate(45deg);
    margin-top: -2px;
}
.menu_bar.active span:nth-child(2){
    transform: rotate(-45deg);
    margin-top: -2px;
    width: 100%;
}
.menu_bar.active span:last-child{
    display: none;
}

.main_nav ul li ul li:hover > a {color: #D9ED82 !important;}

@media screen and (max-width: 1600px){
/* #menu > li:nth-child(5) {
    padding-left: 450px;
} */
#menu {
    gap: 45px;
}

}

@media screen and (max-width: 1480px){
/* #menu > li:nth-child(5) {
    padding-left: 360px;
} */
.logo_and_menu { padding-left:35px}
}
@media screen and (max-width: 1380px){
/* #menu > li:nth-child(5) {
    padding-left: 300px;
} */
}

@media screen and (max-width: 1280px){
/* #menu > li:nth-child(5) {
    padding-left: 220px;
} */


}
@media screen and (max-width: 1140px){
/* #menu > li:nth-child(5) {
    padding-left: 260px;
} */
#menu { gap: 30px; }
#menu li {
    font-size: 16px;
}
}

@media screen and (max-width: 1140px){
/* #menu > li:nth-child(5) {
    padding-left: 260px;
} */
#menu { gap: 30px; }
#menu li {
    font-size: 16px;
}
}

@media screen and (max-width: 1060px){
/* #menu > li:nth-child(5) {
    padding-left: 240px;
} */
#menu { gap: 22px; }
}



@media screen and (max-width: 991px){
    .logo_and_menu {
        width: auto;
        gap: 0;
        padding-left:0;
    }
    .menu_content_bx {
        height: auto;
        padding: 8px 0;
        width: 100%;
    }
    .search_and_user {
        gap: 15px;
    }
    .menu_bar,
    .menu_bar_wrap {
        display: flex;
        
    }
    .menu_bar {
        flex-direction: column;
    }

    .offer_btn a {
        min-width: 90px;
        width: 170px;
        height: 40px;
        padding: 5px;
        font-size: 14px;
    }
    .call_now a { font-size:16px; }
    .menu_content_area { position: relative; }
    .menu_holder {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 200;
    }
    .logo {
        position: initial;
        width: 50px;
        margin: 0;
    }
    .menu_bx {
        width: auto;
        padding: 0 ;
        display: none !important;
    }
    .menu_content {
        display: flex;
        justify-content: space-between;
        z-index: 200;
    }
    .menu_holder {
        /*position: absolute;*/
        left:0px;
        right: 0px;
        top: 100%;
        z-index: 9991;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }
    .menu_holder.mobile_menu_open {
        opacity: 1;
        visibility: visible;
    }
    .menu_holder.mobile_menu_open .slicknav_nav {
        background: linear-gradient(90deg, #2C323C 0%, #151D29 100%);
        display: block !important;
    }
    .slicknav_menu {
        transition: all 0.3s;
        margin-top: 0;
    }
    .menu_holder.mobile_menu_open .slicknav_menu {
        margin-top: 0;
    }
    .menu-item-has-children > a::after {
        top: 8px;
        right: 1px;
    }
    .multi_page_item >a::after {
        display: none;
        top: 10px;
        right: -5px;
    }
}

.slider { 
    position: relative;
}
.slider > img {
    width: 100%;
}
.slider> video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    display: block;
}
.slider_info_area {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.59) 0%, rgba(0, 0, 0, 0.2) 36.91%, rgba(0, 0, 0, 0.5) 73.81%);
    padding: 0 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    padding-bottom: 100px;
}
.max-595px {
    max-width: 595px;
    margin: 0 auto;
}
.slider_info h1 {
    font-size: 70px;
    line-height: 74px;
    font-weight: 800;
    padding-bottom: 15px;
    text-align: center;
    color: #fff;
}
.slider_info h1 span {
    font-size: 64px; 
    font-weight: 700;
    display: block; 
}


.slider_info p {
    font-size: 21px;
    line-height: 32px;
    text-align: center;
    color: #E5E7EB;
    padding-bottom: 25px;
}

.whatsapp_icon {
    width: 71px;
    position: fixed;
    left: 40px;
    bottom: 40px;
    z-index: 9999;
}
.whatsapp_icon img {
    width: 100%;
}

@media screen and (max-width: 1380px){
.slider_info h1 {
    font-size: 57px;
    line-height: 1.3;
}
}
@media screen and (max-width: 991px){
.slider_info_area { padding-bottom:40px}
.slider_info h1 {
    font-size: 30px;
    text-align:center;
}
.slider_info p {
    font-size: 15px;
    line-height: 1.3;
    text-align:center;
}
.slider_info  .max-595px { margin:0 auto}
.whatsapp_icon {
    width: 40px;
    left: 20px;
    bottom: 20px;
}

}

.transport_solutions_area {
    padding: 0 20px;
}
.transport_solutions_box {
    padding: 100px 0 117px 0;
}
.top_title_area {
    padding-bottom: 45px;
}
.top_title_area h5 {
    font-size: 24px;
    font-weight: 400;
    color: #BABDBE;
    padding-bottom: 0;
}
.top_title_area h2,
.top_title_area h1 {
    font-size: 48px;
    font-weight: 700;
    color: #101828;
    padding-bottom: 20px;
    line-height: 1.2;
}
.top_title_area h2 span,
.top_title_area h1 span {
    color: #A76BD9;
}
.top_title_area p {
    font-size: 20px;
    line-height: 28px;
    color: #101828;
    padding-bottom: 0;
}
.content_right_image.top_title_area p {font-size: 24px; margin-top: 10px;}
.transport_solutions_wrap {
    width: 100%;
    gap:30px;
}
.solutions_feature {
    width: calc(calc(100% - 90px) / 4);
    border-radius: 16px;
    padding: 1px;
    box-shadow: 0px 10px 15px 3px #0000001A;
}
.solutions_feature {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.solutions_feature::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(133.92deg, #5C6793 1.71%, #3E476E 98.26%);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.4s ease-in-out; /* Controls the animation speed */
}
.solutions_feature:hover::before {
    opacity: 1;
}
.solutions_feature:hover {
    background: linear-gradient(133.92deg, #5C6793 1.71%, #3E476E 98.26%);
}
.solutions_feature:hover {
  animation: floatUpDown 1.5s ease-in-out infinite;
}

/* Animation keyframes moving 40px */
@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(-20px);
  }
}
.solutions_feature_bg {
    width: 100%;
    border-radius: 16px;
}
.solutions_feature_bg a {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    padding: 40px 34px 34px 34px;
    min-height: 374px;
    position: relative;
}
.solutions_icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #5C6793 0%, #3E476E 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-bottom: 27px;
    transition: transform 0.5s ease-in-out;
}
.solutions_icon img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.solutions_feature:hover .solutions_icon {
    background: #fff;
    transform: rotate(360deg);
}
.solutions_feature:hover .solutions_icon img {
    filter: none
}
.solutions_feature h4 {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 1.2;
    color: #101828;
}
.solutions_feature p {
    font-size: 16px;
    line-height: 26px;
    color: #4A5565;
    padding-bottom: 20px;
}
.solutions_feature:hover h4,
.solutions_feature:hover p {
    color: #fff;
}
.link_btn {
    width: 100%;
    margin-top: auto;
}
.link_btn span {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #1E2939;
    background: url('assets/images/arrow_left1.svg') no-repeat left 8px;
    padding-left: 20px;
}
.solutions_feature:hover .link_btn span{
    color: #fff;
    background: url('assets/images/arrow_left1_hover.svg') no-repeat left 8px;
}

/*--------project gallery----------- */
.project_gallery_area {
    background: linear-gradient(282.76deg, #0E1723 -0.01%, #2C333D 100%);
    padding: 0 40px;
}
.project_gallery_holder {
    padding: 80px 0 75px 0;
}
.project_gallery_holder .top_title_area h2,
.project_gallery_holder .top_title_area p {
     color: #fff;
}
.project_gallery_holder .item img {
    border-radius: 16px !important;
}
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    margin-top: -28px;
    border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #FFFFFF4D;
    background-color: #FFFFFF1A;
}
.owl-carousel .owl-nav button.owl-prev {
    left: -28px;
    background: url('assets/images/arrow_left.svg') no-repeat center;
    background-color: #FFFFFF1A;
}
.owl-carousel .owl-nav button.owl-next {
    right: -28px;
    background: url('assets/images/arrow_right.svg') no-repeat center;
}
.owl-carousel .owl-nav button.owl-prev span, 
.owl-carousel .owl-nav button.owl-next span { display: none; }
.owl-carousel .owl-dots {
    gap:0 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0 0 0 !important;
}
.owl-carousel button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FFFFFF4D;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.owl-carousel button.owl-dot.active {
    width: 14px;
    height: 14px;
    background: #fff;
}
.genesis_manofim_area {
    padding: 0 20px;
}
.genesis_manofim_box {
    padding: 100px 0 95px 0;
}
.genesis_manofim_box .top_title_area {
    max-width: 712px;
    margin: 0 auto;
    padding-bottom: 95px;
}
.genesis_manofim_box .top_title_area p {
    line-height: 32px;
    color: #4A5565;
}
.manofim_icon {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    background: linear-gradient(135deg, #E5E7EB 0%, #D1D5DC 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}


.genesis_manofim_featurs {
    gap:40px 90px;
    max-width: 1440px;
    margin: 0 auto;
}
.manofim_featurs_col {
    width: calc(calc(100% - 270px) / 4);
}
.manofim_featurs_col h3 {
    font-size: 20px;
    line-height: 28px;
    color: #101828;
    line-height: 28px;
    padding-bottom: 14px;
    position: relative;
    margin-bottom: 14px;
}
.manofim_featurs_col h3::after {
    content: '';
    width: 64px;
    height: 4px;
    background: linear-gradient(90deg, #1E2939 0%, #515E74 100%);
    border-radius: 4px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.manofim_featurs_col p {
    font-size: 16px;
    line-height: 26px;
    color: #4A5565;
    padding: 0;
    max-width: 310px;
}
/* ---------new section------- */
.manofim_icon {
     transition: transform 0.5s ease-in-out;
}
.manofim_featurs_col {
    cursor: pointer;
}
.manofim_featurs_col:hover .manofim_icon {
    transform: rotate(360deg);
}
.manofim_featurs_col h3::after {
    transition: width 0.4s ease-in-out;
}
.manofim_featurs_col:hover h3::after {
    width: 100%;
}
.manofim_featurs_wrap { padding-bottom:15px }
.counter_col {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    visibility: hidden;
}
.manofim_featurs_col:hover .counter_col {
    opacity: 1;
    visibility: visible;
}
.counter_col strong {
    display: block;
    font-size: 38px;
    line-height: 1;
    color: #5C6793;
}
.counter_col small {
    display: block;
     font-size: 16px;
    line-height: 26px;
    color: #4A5565;
}
@media screen and (max-width: 991px){
.counter_col strong {
    font-size: 32px;
}
.counter_col small {
    font-size: 14px;
    line-height: 20px;
}
}
/* --------end--------- */

.youtube_video_box img {
    width: 100%;
}
.youtube_video_box a {
    display: block;
    width: 100%;
    position: relative;
}
.youtube_video_box { position:relative}
.youtube_video_box  video {
	display:block;
	width: 100%;
	height: 100vh;
	object-fit: cover
}
.youtube_video_box::after {
	content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
	display:block;
    background: #00000080 url('assets/images/play1.svg') no-repeat center center;

}
.youtube_video_box.video_play::after { display:none}

.moreinfo_btn {
    display: flex;
    justify-content: center;
    padding-top: 70px;
}
.moreinfo_btn a {
    min-width: 130px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(90deg, #5C6793 0%, #3E476E 100%);
    box-shadow: 0px 20px 25px 5px #0000001A;
    border-radius: 10px;
    color: #fff;
}

.youtube_video_area {
    padding: 0 0 100px 0;
}

.contact_form_area { padding:0 20px }
.contact_form_box {
    padding: 60px 40px 100px 40px;
    background: linear-gradient(90deg, #2C323C 0%, #151D29 100%);
    border-radius: 20px;
    max-width: 1620px;
}
.contact_form_box .top_title_area p,
.contact_form_box .top_title_area h2 {
    color: #fff;
}
.form_field { padding-bottom:0 }
.form_field .form-control {
    width: 100%;
    height: 56px;
    border: none;
    border-radius: 10px;
    font-family: var(--opensansfont);
    font-size: 16px;
    color: #0A0A0A80;
    outline: none;
    background: #fff;
    display: block;
    padding: 5px 16px;
}
.form_field label {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding-bottom: 10px;
}
.form_field_wrap {
    gap: 22px;
    align-items: flex-end;
}
.form_field { width: 306px; }
.form_field_field {
    width: 210px;
    min-width: 210px;
    text-align: center;
    position: relative;
    margin-right: 12px;
}
.form_field .submit {
    width: 100%;
    height: 56px;
    cursor: pointer;
    background: linear-gradient(90deg, #E2E4E9 0%, #D5D9DF 100%);
    font-size: 16px;
    font-family: var(--opensansfont);
    font-weight: 700;
    color: #000000;
    border: none;
    outline: none;
    border-radius: 10px;
    box-shadow: 0px 20px 25px 5px #0000001A;
}
.form_field.btn-icon {position: relative;}
.form_field.btn-icon::before {
    position: absolute;
    content: "";
    top: 20px;
    left: 37px;
    background: url('assets/images/icon_submit.svg') no-repeat left center;
    padding-left: 29px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.page-template-template-contact .form_field .submit {padding-left: 30px;}
.footer_area {
    padding: 0 20px;
    position: relative; 
}
.footer_box{
    position: relative;
    z-index: 2;
    padding: 60px 0 0 0;
}
.footer_btm_wrap {
    padding: 0 0 20px 0;
    gap:50px;
}
.footer_btm_right,
.copyright_btm_right {
    width: 410px;
}
.footer_btm_right .footer_logo {
    padding-bottom: 16px;
}
.footer_btm_right p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    max-width: 300px;
}
.footer_widget p {
    font-size: 18px;
    line-height: 150%;
    color: #000;
    max-width: 295px;
}
.footer_widget a {
    color: #000
}
.footer_social { gap: 16px;}
.footer_social a {
    width: 40px;
}
.footer_widget h5,
.footer_widget ul li,
.footer_social span,
.footer_widget p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    padding-bottom: 0;
}
.footer_widget ul li {
    color: #000;
    padding-bottom: 10px;
}
.footer_widget ul li a {color: #000;}
.footer_widget h5 {
    font-weight: 700;
    padding-bottom: 26px;
    font-size: 20px;
    line-height: 28px;
    color: #000;
}
.page-template-template-contact .footer_widget h5 { padding-bottom:20px}
.footer_widget .icon_call {
    background: url('assets/images/footer_icon1.svg') no-repeat right 5px;
}
.footer_widget .icon_email {
    background: url('assets/images/footer_icon2.svg') no-repeat right 5px;
}
.footer_widget .icon_location {
    background: url('assets/images/footer_icon3.svg') no-repeat right 5px;
}
.footer_widget4 p a {
    color: #000;
}
.footer_widget4 p {
    padding-right: 27px;
}

.footer_social {
    padding-top: 18px;
}
.footer_widget1,
.footer_widget { width: 450px; }
.footer_widget4 {
    width: 270px;
}
.footer_social {
    display: flex;
    align-items: flex-end;
}
.footer_widget4 p {
    padding-bottom: 10px;
}
.copyright_box {
    padding: 30px 0 35px;
    border-top: 1px solid #444E5E;
}
.copyright_box p {
    font-size: 14px;
    text-align: center;
    padding: 0;
    color: #000;
}
.copyright_box p a {color: #000;}
.copyright_box p a:hover {text-decoration: underline}
.page-template-template-contact .icon_location br {display: none;}
@media screen and (max-width: 1440px){
.project_gallery_area {
    padding: 0 20px;
}
.owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}
.owl-carousel .owl-nav button.owl-next {
    right: -15px;
}
}
@media screen and (max-width: 991px){
.transport_solutions_box {
    padding: 60px 0 60px 0;
}
.project_gallery_holder {
    padding: 60px 0 50px 0;
}
.slider_info h1 {
    font-size: 30px;
    text-align:center;
}
.slider_info h1 span {
    font-size: 28px;
}
.slider_info p {
    font-size: 15px;
    line-height: 1.3;
    text-align:center;
}
.slider > img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.top_title_area {
    padding-bottom: 25px;
}
.transport_solutions_wrap {
    gap: 12px;
}
.solutions_feature {
    width: calc(calc(100% - 12px) / 2);
}
.solutions_icon {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    margin-bottom: 8px;
}
@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
  100% {
    transform: translateY(-7px);
  }
}
.solutions_feature h4 {
    font-size: 15px;
}
.solutions_feature_bg a {
    padding: 15px;
    min-height: 243px;
}
.solutions_feature p {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
}
.top_title_area h2,
.top_title_area h1 {
    font-size: 32px;
}
.top_title_area h5 {font-size: 17px;}
.top_title_area p {
    font-size: 15px;
}
.footer_btm_wrap {
    flex-direction: column;
}
.footer_widget {
    width: 100%;
    border-bottom:1px solid #00000080;
}
.footer_widget4 {
    border-bottom:none;
}
.footer_social { 
    padding-top:0;
    border-top:1px solid #00000080;
    padding-top: 18px;
}
.footer_widget h5.btn-toggle {
    background:url('assets/images/arrow_down002.svg') no-repeat left 14px;
    padding-bottom: 18px;
}
.footer_widget5 { 
    display:flex; 
    align-items:center;
    gap:30px;
    border-bottom:none;
}
.footer_widget5 h5 {
    background:none; padding-bottom:0
}
.footer_area .footer_contact_info,
.footer_area .menu-services-container,
.footer_area .menu-sitemap-container { display:none; padding-bottom:22px}
.footer_area .footer_contact_info { padding-bottom:12px }
.footer_btm_wrap {
    gap:0;
}
.copyright_box {
    padding: 18px 0 15px 0;
}
.footer_btm_right, .copyright_btm_right {
    width: 100%;
}
.footer_widget {
    padding-top: 20px;
}
.footer_logo img { margin:0 auto}
.footer_btm_right p {
    text-align:center;
    font-size:15px;
    line-height:19px;
    margin:0 auto;
}
.owl-carousel .owl-dots {
    gap: 0 15px;
    padding: 30px 0 0 0 !important;
}
.genesis_manofim_box .top_title_area {
    padding-bottom: 35px;
}
.manofim_icon img { max-width: 50%; }
.manofim_icon {
    width: 45px;
    height: 45px;
    border-radius: 6px;
    margin-bottom: 12px;
}
.genesis_manofim_box {
    padding: 60px 0 50px 0;
}
.manofim_featurs_col {
    width: calc(calc(100% - 30px) / 2);
}
.genesis_manofim_featurs {
    gap: 30px;
}
.moreinfo_btn {
    padding-top: 45px;
}
.youtube_video_box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.youtube_video_area {
    padding: 0 20px 60px;
}
.footer_btm_right .footer_logo {
    max-width: 160px;
    margin: 0 auto;
}
.footer_box {
    padding: 40px 0 0 0;
}
.manofim_featurs_col p {
    font-size: 14px;
    line-height: 20px;
}
.manofim_featurs_col h3 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 11px;
    margin-bottom: 11px;
}
}
@media screen and (max-width: 767px){
.form_field_wrap {
    gap: 30px;
    flex-direction: column;
}
.form_field:nth-child(5),
.form_field {
    width: 100%;
}
.form_field_field { margin:0 }
.contact_form_box {
    padding: 40px 20px;
    background-color: #fff;
    border-radius: 20px;
    max-width: 1270px;
}
.youtube_video_box video {
    height: 400px;
    object-fit: cover;
}
}


.wpcf7-spinner {
    position: absolute;
    left: -8px;
    top: 15px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 1em;
    padding: 0.2em 0;
    border: none;
}
.wpcf7 form.invalid .wpcf7-response-output {color: red;}
.wpcf7 form.valid .wpcf7-response-output {color: green;}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl;
}
.sidebar_form .wpcf7-spinner {
    top: 37px;
}

@media screen and (max-width:991px) {
.only_desktop_view { display:none}
.only_mobile_view { display:block}
.footer_social {gap: 20px}
}

.single_banner_area {
    position: relative;
}
.single_banner_area img {
    width: 100%;
    height: 530px;
    object-fit: cover;
}
.single_banner_info {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: #00000033;
}

.breadcrumbs_area {
    padding: 0 20px;
    border-bottom: 1px solid #FFFFFF80;
}
.breadcrumbs_box {
    padding: 15px 0 5px 0;
    justify-content: flex-end;
}
.breadcrumbs_box,
.breadcrumbs_box a,
.breadcrumbs_box span {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
}
.breadcrumbs_box span {padding: 0 5px}
.normal_breadcrumbs .breadcrumbs_box,
.normal_breadcrumbs .breadcrumbs_box a,
.normal_breadcrumbs .breadcrumbs_box span {color: #4A5565;}

.breadcrumbs_box .current-item {
    font-weight: 700;
}
.page_title_area {
    padding: 42px 20px 10px 20px; 
}
.page_title_area h1 {
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #fff;
}
.normal_breadcrumbs .page_title_area h1 {
    color: #101828;
}
.normal_breadcrumbs { background-color: #fff; }

.tow_col_info_wrap {
    gap: 100px;
}
.col_info_pnl {
    width: 50%;
}
.col_info_pnl .top_title_area {
    width: 100%;
    max-width: 100%;
}
.our_vision_area {
    padding: 0 20px;
    background: url('assets/images/bg_gray.png') no-repeat center 45px;
}
.our_vision_holder {
    padding: 155px 0 180px 0;
}

.our_vision_holder .top_title_area p {
    color:#4A5565;
    max-width: 1100px;
    margin: 0 auto; 
    line-height: 28px;
}
.general_content_area {
    padding: 0 20px;
}
.general_content_box {
    padding: 0 0 60px;
}
.pt-60 { padding-top:60px }
.general_content_box ul,
.general_content_box li {
    color:#4A5565;
    font-size: 20px;
    line-height: 28px;
    list-style-type: disc;
}
.general_content_box li a {color:#4A5565;}
.general_content_box ul {
    padding: 0 22px 24px 0;
}
.gallery_content_area {
    padding: 0 20px;
}
.gallery_content_box {
    gap: 30px;
    padding-bottom: 60px;
}
.gallery_item {
    width: calc(calc(100% - 70px) / 3)  
}
.gallery_item img,
.gallery_item a {
    display: block;
    border-radius: 16px !important;
}
.faq_area {
    padding: 0 20px;
}
.faq_holder {
    padding: 20px 0 40px 0;
}

.faq_container {
    gap: 20px 30px;
}
.faq_tgl_row {
    width: calc(calc(100% - 30px) / 2);
    background-color: #FFFFFF;
    position: relative;
}
.faq_tgl_row:last-child { margin-bottom: 0; }
.faq_tgl_title {
    padding: 22px 27px 26px 42px;
    cursor: pointer;
    position: relative;
    box-shadow: 0px 4px 6px 4px #0000001A;
    background: #fff;
    border-radius: 10px;
}

.faq_tgl_row.active .faq_tgl_title::after { background-image: url('assets/images/arrow_up.svg'); }
.faq_tgl_title::after {
    content: '';
    width: 16px;
    height:100%;
    position: absolute;
    top: 0;
    left: 24px;
    bottom: 0;
    margin: auto 0;
    background-image: url('assets/images/arrow_down01.svg');
    background-repeat: no-repeat;
    background-position: center center;
}

.faq_tgl_title h5 {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0;
    color: #000;
    padding: 0;
}
.faq_tgl_content {
    display: none;
    padding: 31px 27px 10px 42px;
    box-shadow: 0px 4px 6px 4px #0000001A;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 20px;
    z-index: 100;

}
.faq_tgl_content h6,
.faq_tgl_content p {
    font-size: 20px;
    line-height: 25px;
    color: #4A5565;
    padding-bottom: 0;
}
.faq_tgl_content p { padding-bottom:20px }
.faq_tgl_content p > a {
    color: #4A5565;
}
.faq_tgl_content h6 {
    color: #000;
}
.faq_tgl_content ul,
.faq_tgl_content li {
    color:#4A5565;
    font-size: 20px;
    line-height: 28px;
    list-style-type: disc;
}
.faq_tgl_content li a {color:#4A5565;}
.faq_tgl_content ul {
    padding: 0 22px 20px 0;
}

@media screen and (max-width:991px) {
.page_title_area h1 {
    font-size: 34px;
    line-height: 1.1;
    padding-bottom: 10px;
}
.tow_col_info_wrap {
    gap: 10px;
    flex-direction: column;
}
.col_info_pnl {
    width: 100%;
}
.col_info_pnl .top_title_area { padding-bottom:0 }  
.tow_col_info_wrap { padding-bottom:50px }
.our_vision_area {
   background-size: 80% auto;
   background-position: center 25px;
}
.our_vision_holder {
    padding: 90px 0 60px 0;
}
.single_banner_area img {
    height: 400px;
}
.general_content_box li,
.general_content_box p {
    font-size: 16px;
    line-height:24px;
}
.faq_tgl_row {
    width: 100%;
}
.faq_tgl_title {
    padding: 18px 20px 21px 42px;
}
.faq_tgl_content {
    display: none;
    padding: 25px 20px 10px 30px;
    position:   initial;
}
.faq_tgl_title h5 { font-size:18px }
.faq_tgl_content h6,
.faq_tgl_content p,
.faq_tgl_content ul,
.faq_tgl_content li {
    font-size: 16px;
    line-height: 24px;
}
.faq_holder { padding-bottom:20px }
}

.blog_content_area {
    padding: 0 20px;
}
.blog_content_holder {
    padding: 70px 0 120px 0;
}
.blog_feature_holder {
    width: 100%;
    gap: 45px 33px;
}
.blog_feature {
    width: calc(calc(100% - 66px) / 3);
}
.blog_feature img {
    width: 100%;
    border-radius: 18px !important;
}
.blog_feature_info {
    padding: 14px 17px 0 15px;
}
.blog_feature_info h6 {
    font-size: 24px;
    line-height: 32px;
    color: #000;
    padding-bottom: 0;
    font-weight: 700;
}
.blog_feature_info h6 a {
    color: #000;
}
.left_image {
    width: 50%;
}
.left_image img {
    width: 100%;
    border-radius: 18px !important;
}
.post-content p:first-child {padding-bottom: 0}
@media screen and (max-width:1380px) {
.blog_feature_info h6 {
    font-size: 20px;
    line-height: 1.3;
}
}

@media screen and (max-width:991px) {
.page_title_area {
    padding: 20px 20px 0 20px;
}
.breadcrumbs_box {
    padding: 0;
}

.blog_content_holder {
    padding: 40px 0 60px 0;
}
.blog_feature {
    width: calc(calc(100% - 30px) / 2);
}
.blog_feature_holder {
    gap: 40px 30px;
}
.blog_feature_info h6 {
    font-size: 22px;
    line-height: 1.3;
}
.gallery_content_box {
    gap: 20px;
    padding-bottom: 40px;
}
.gallery_item {
    width: calc(calc(100% - 20px) / 2);
}
.general_content_box {
    padding: 0 0 25px;
}
.pt-60 {
    padding-top: 45px;
}
.left_image {
    width: 100%;
    margin: 30px 0;
}
}
@media screen and (max-width:640px) {
.blog_feature {
    width: 100%;
}
}

.contact_area {
    background: #1f2631 url('assets/images/footer_bg2.jpg') no-repeat left center;
}

.contact_area .breadcrumbs_area {
    border-bottom: 1px solid #FFFFFF80;
}
.contact_form_holder {
    max-width: 1660px;
    margin: 0 auto;
    padding: 140px 20px 170px 20px;
    align-items: flex-end;
}
.contact_form_holder .contact_form_box {
    width: 46%;
    padding: 0;
    border-radius: 0;
    background: none;
    gap:0;
}
.contact_form_left {
     width: 46%;
}
.contact_form_holder .form_field_wrap {
    gap: 22px 0;
}
.contact_form_holder .form_field {
    width: 33.33%;
    padding-left: 16px;
}
.contact_form_holder .form_field_field {
    width: 21.67%;
    min-width: 21.67%;
    margin: 0;
}
.contact_form_holder .form_field_big {
    width: 45%;
}
.contact_form_holder .footer_widget4 p {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.contact_form_holder .footer_widget4 {
    width: 100%;
    border: none;
}
.contact_form_holder .footer_widget4 p,
.contact_form_holder .footer_widget h5,
.contact_form_holder .footer_widget4 p a {
    color: #fff;
    max-width: 100%;
}
.contact_form_holder .footer_widget4 p span,
.contact_form_holder .footer_widget4 p a {
    filter: inherit;
}
.contact_form_holder .footer_social { border: none}
@media screen and (max-width:991px) {
.contact_form_holder {
    padding: 70px 20px 60px 20px;
    flex-direction: column;
}
.contact_form_holder .contact_form_box {
    width: 100%;
    padding-bottom: 20px;
}
.contact_form_left {
     width: 100%;
}
.contact_area {
    background: linear-gradient(90deg, rgba(44, 50, 60, 0.8) 0%, rgba(21, 29, 41, 0.8) 100%), 
                url('assets/images/footer_bg2.jpg') no-repeat left center;
    background-size: cover;
}
	span.separator {display: block; height:0; visibility: hidden}
	.contact_form_box h2 span {display: block}
}
@media screen and (max-width:767px) {
.contact_form_holder .form_field {
    width: 100% !important;
    padding-left: 0;
}
}