/*! ******************************************************
*
*	Theme Name:     Astra Child
*   Author:         web3d
*   Author URI:     http://www.onthegosystems.com/
*   Description:    Simple, clear and modern Bootstrap 3-based theme. Perfect base for developing all kinds of responsive sites with Toolsets, including the Layouts plugin (no extra integration needed, you activate Layouts and the drag and drop facilities work out of the box). Uses WordPress theme customizer and supports Font Awesome Icons. Supports WooCommerce integration by styles unification.
*   Version:        1.1
*   License:        GNU General Public License v2 or later
*   License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*   Template:       astra
*
*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/




/*-------General Settings-----------*/
html{
  margin-top: 0 !important;
  scroll-behavior: smooth;
}
body {
  background: #0A1215;
}
#wpadminbar {
  opacity: .5;
  max-width: 115px;
  min-width: 115px;
  transition: all 0.3s ease;
  overflow: hidden;
}
#wpadminbar:hover{
  opacity: 1;
  max-width: 100%;
  min-width: 600px;
}
.center{
  text-align: center;
}
.align_left{
  text-align: end;
}
.align_right{
  text-align: start;
}
.align_content_center{
  align-content: center;
}
.jo_btn{
  display: inline-flex;
  width: auto;
  padding: 10px 40px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  cursor: pointer;
  background: none;
  border: 1px solid #fff;
  color: #fff !important;
  font-weight: 400;
  border-radius: 120px;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
}
.jo_btn::after{
    background-color: #fff;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition: .2s transform ease-out;
    will-change: transform;
    z-index: -1;
    border-radius: 82px;
}
.jo_btn:hover::after {
  transform: translate(0, 0);
}
.jo_btn:hover{
  background: none;
  color: #000 !important;
  will-change: transform;
  border-color: #fff;
}


.jo_btn_simple{
  font-size: 24px;
  color: var(--color--accent);
  font-weight: 700;
  line-height: normal;
  transition: all 0.5s ease;
  position: relative;
  display: inline-block;
}
.jo_btn_simple:hover,
.jo_btn_simple:focus{
  color: #000;
}
.jo_btn_simple::before{
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -3px;
  background:#000;
  height: 1px;
  transition: all 0.5s ease;
  transform: scale(0);
}
.jo_btn_simple:hover::before{transform:none;}

.br_10{border-radius: 10px;}
.br_15{border-radius: 15px;}
.br_20{border-radius: 20px;}
.br_100{border-radius: 105px;}
.shadow{box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.10);}
.shadow_25{box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.15);}
.br60_tl_br{border-radius: 60px 0;}
.marg_but15{margin-bottom:15px;}
.marg_but25{margin-bottom:25px;}
.marg_but35{margin-bottom:35px;}
.marg_but45{margin-bottom:45px;}
.marg_but60{margin-bottom:60px;}

/*--Layout--*/
.jo_container{
  max-width: 1430px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.jo_container.jo_big_container{
  max-width: 1740px;
}
@media (min-width: 770px){
	.jo_row{
	  display: flex;
	  flex-wrap: wrap;
	}
	.jo_col_12{
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	.jo_col_11{
	  flex: 0 0 91.666667%;
	  max-width: 91.666667%;
	}
	.jo_col_10{
	  flex: 0 0 83.333333%;
	  max-width: 83.333333%;
	}
	.jo_col_9{
	  flex: 0 0 75%;
	  max-width: 75%;
	}
	.jo_col_8{
	  flex: 0 0 66.666667%;
	  max-width: 66.666667%;
	}
	.jo_col_7{
	  flex: 0 0 58.333333%;
	  max-width: 58.333333%;
	}
	.jo_col_6{
	  flex: 0 0 50%;
	  max-width: 50%;
	}
	.jo_col_5{
	  flex: 0 0 41.666667%;
	  max-width: 41.666667%;
	}
	.jo_col_4{
	  flex: 0 0 33.333333%;
	  max-width: 33.333333%;
	}
	.jo_col_3{
	  flex: 0 0 25%;
	  max-width: 25%;
	}
	.jo_col_2 {
	  flex: 0 0 16.666667%;
	  max-width: 16.666667%;
	}
	.jo_col_1 {
	  flex: 0 0 8.333333%;
	  max-width: 8.333333%;
	}


	/*--Grid--*/
	.ps-grid{display: grid;}
	.ps-grid-2{grid-template-columns: repeat(2, 1fr);}
	.ps-grid-3{grid-template-columns: repeat(3, 1fr);}
	.ps-grid-4{grid-template-columns: repeat(4, 1fr);}
	.ps-grid-5{grid-template-columns: repeat(5, 1fr);}
	.ps-grid-6{grid-template-columns: repeat(6, 1fr);}
	.ps-grid-gap10{gap:15px;}
	.ps-grid-gap15{gap:15px;}
	.ps-grid-gap20{gap:20px;}
	.ps-grid-gap30{gap:30px;}
	.ps-grid-gap50{gap:50px;}
	.ps-grid-gap40{gap:40px;}
	.ps-grid-gap60{gap:60px;}
	.ps-grid-gap70{gap:70px;}
}
#masthead{
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  padding: 0;
  background: rgba(10, 18, 21, 0.80);
  z-index: 99;
}

.custom_logo{
  text-align: end;
  align-content: center;
}
.custom_logo a{}
.custom_menu{
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
}
.custom_logo a img{
  transition: all 0.5s ease;
}
#masthead.sticky-header{
  padding: 8px 0;
}
#masthead.sticky-header .custom_logo a img {
  filter: none;
  max-width: 150px;
}

.page_hero{
  position: relative;
  display: flex;
}
.page_hero .jo_container{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.page_hero > div{
  position: absolute;
  right: 0;
  left: 0;
  top: 60px;
  bottom: 0;
  background: linear-gradient(0deg, #0A1215 0%, rgba(10, 18, 21, 0.24) 37.26%);
}
.page_hero #breadcrumbs{
  margin: 0;
  color: #fff;
  font-weight: 700;
  text-align: left;
  padding: 20px 0 0;
}
.page_hero #breadcrumbs a{
  color: #fff;
  font-weight: 400;
}
.page_hero h1{
  margin: auto 0;
  color: #fff;
  font-weight: 400;
}
.page_hero h1 strong{}
.page_hero img,
.page_hero video{
  width: 100%;
  height: 680px;
  object-fit: cover;
}

.page_hero .jo_container > a{
  position: relative;
  display: flex;
  width: 56px;
  height: 56px;
  z-index: 1;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  margin: 0 auto 60px;
}
.page_hero .jo_container > a:hover {
  background: var(--color--accent);
}

#menu_jo{
  z-index: 99991;
  position: relative;
}
.hamburger {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 0 0 auto auto;
  cursor: pointer;
  justify-content: flex-start;
  padding: 0 25px;
  background: none !important;
  box-shadow: none;
}
.hamburger span,
.hamburger span::before,
.hamburger span::after{
  width: 36px;
  height: 4px;
  display: block;
  background: var(--color--accent);
  border-radius: 30px;
  transition: all .4s ease;
}
.hamburger span::before {
  content: "";
  margin: -10px 0 0;
}
.hamburger span::after {
  content: "";
  margin: 16px 0 0;
}
#menu_jo.active .hamburger span {
  height: 0 !important;
}
#menu_jo.active .hamburger span::after {
  transform: rotate(-45deg);
  margin: -4px auto;
}
#menu_jo.active .hamburger span::before {
  transform: rotate(45deg);
  margin: -1px auto;
}
.wp_nav_menu{
  
}
.wp_nav_menu .menu{
  list-style: none;
  margin: 0;
  display: flex;
  gap: 35px;
}
.wp_nav_menu .menu > li{
  height: 60px;
  display: flex;
  position: relative;
}
.wp_nav_menu .menu > li > a{
  color: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 1;
  position: relative;
  font-size: 17px;
  letter-spacing: -0.23px;
}
.wp_nav_menu .menu > li > a:hover{}
.wp_nav_menu .menu > li > .sub-menu{
  list-style: none;
  margin: 0;
  padding: 0 20px 10px;
  display: none;
  z-index: 1;
  position: absolute;
  top: 60px;
  background:rgba(10, 18, 21, 0.80);
  min-width: 300px;
}
@media (min-width: 770px){
	li.menu-item-has-children:hover > .sub-menu{
	  display: block;
	}
}

.wp_nav_menu .menu > li > .sub-menu > li{
  padding: 2px 0;
}
.wp_nav_menu .menu > li > .sub-menu > li > a{
  color: #fff;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 17px;
  font-weight: 300;
}
.wp_nav_menu .menu > li.current-menu-item > a,
.wp_nav_menu .menu > li > a:hover,
.wp_nav_menu .menu > li > .sub-menu > li.current-menu-item > a,
.wp_nav_menu .menu > li > .sub-menu > li > a:hover{
  color: var(--color--accent);
}
.wp_nav_menu .menu > li > .sub-menu > li > a::before{
/*  content: "";
  background: var(--color--accent);
  width: 8px;
  min-width: 8px;
  height: 1px;
  margin: 2px 0 0;*/
}
.wp_nav_menu .menu > li > a > .dropdown-menu-toggle{
  background: url(/wp-content/uploads/2026/07/arrow-botom-green.png) no-repeat scroll center;
  display: block;
  width: 12px;
  height: 7px;
  margin: 0;
  transition: all 0.5s ease;
}
.wp_nav_menu .menu > li:hover > a > .dropdown-menu-toggle{
  transform: rotate(180deg);
}

#masthead.sticky-header .hamburger span, #masthead.sticky-header .hamburger span::before, #masthead.sticky-header .hamburger span::after{
  width: 30px;
  height: 2px;
}
#masthead.sticky-header #menu_jo:not(.active) .hamburger span::before {
  margin: -9px 0 0;
}
#masthead.sticky-header #menu_jo.active .hamburger span::before,
#masthead.sticky-header #menu_jo.active .hamburger span::after{  margin: -1px auto;}

.lang_box,
.lang_box *{
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  order: -1;
}



@media screen and (max-width: 768px) {
  .navBtn {
    display: flex;
    margin: 10px 0 15px;
    background: var(--color--main);
    line-height: 36px;
    border-radius: 10px;
    align-items: center;
    color: #fff;
    padding: 0 20px;
    position: relative;
  }
  .navBtn:not(.active)::before {
    transform: rotate(180deg);
  }
  .navBtn::before {
    content: "";
    background: url(https://web3d.co.il/wp-content/uploads/2022/02/arrow-nav-1.png);
    width: 13px;
    height: 8px;
    position: absolute;
    left: 15px;
  }
  .navBtn .navBtnIn {
    margin-left: 10px;
  }
  body:not(.home) .navBtn::after {
    content: "פילטור";
  }
  body.home .navBtn::after {
    content: "סוגי עסק";
  }
  .navBtnIn span {
    width: 20px;
    height: 1px;
    padding: 0;
    margin: 4px 0;
    overflow: hidden;
    display: block;
    text-indent: -500px;
    background-color: #fff;
    transition: all 500ms ease 0s;
    transform-origin: center center;
  }
   .navBtn .navBtnIn .narrowtwo {
    width: 15px;
  }
  .navBtn:not(.active) .navBtnIn .narrowthree {
    width: 10px;
  }
   .navBtn.active .narrowOne {
    transform: rotate(45deg);
    transition: ease-in-out 0.3s;
    margin: -1px auto;
  }
  .navBtn.active .narrowtwo {
    display: none;
    transition: ease-in-out 0.3s;
  }
   .navBtn.active .narrowthree {
    transform: rotate(-45deg);
    transition: ease-in-out 0.3s;
    margin: -1px auto;
  }
  
}

@media screen and (min-width: 769px) {
	#masthead .jo_container,
	.entry_header .jo_container{max-width: 90%;}
}

.entry_header{
  position: absolute;
  padding: 15px 0;
  right: 0;
  left: 0;
  top: 80px;
  z-index: 9;
}
.entry_header h1{
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
.entry_header #breadcrumbs{
  margin: 0;
  text-align: left;
}
.entry_header #breadcrumbs *{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

h1 span, h2 span, h3 span{
  background: linear-gradient(99deg, #50A4D6 18.75%, #2BBF9C 56.25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#hp1{
  height: 100vh;
  display: flex;
  padding: 0;
  position: relative;
  justify-content: center;
  align-items: center;
}
.hp1_txt{
  z-index: 1;
}
.hp1_bg{
  background: linear-gradient(0deg, #0A1215 0%, rgba(10, 18, 21, 0.24) 47.58%);
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
#hp1 h1{
  max-width: 1020px;
  margin: auto auto 0;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 81.8px #000;
  line-height: 1;
}
#hp1 h1 span{
  display: block;
}
#hp1 h3{
  font-size: 33px;
  font-weight: 300;
  line-height: 2.2;
  color: #fff;
  text-align: center;
}
#hp1 #video_main{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
#hp1 #video_main video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#hp1 > a {
  margin: 0;
  position: absolute;
  bottom: 70px;
  display: flex;
  width: 56px;
  height: 56px;
  z-index: 1;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
}
#hp1 > a:hover{background:var(--color--accent);}






#hp1_half {
  background: #0A1215;
  padding: 0 0 150px;
}
#hp1_half .wrapp_items_field_activity{

}
.wrapp_items_field_activity{  
  z-index: 1;
  position: relative;
}
.item_field_activity{
  height: 470px;
  position: relative;
  overflow: hidden;
  padding: 30px 40px;
  background: #0A1215;
  border-radius: 20px;
}
.item_field_activity video{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.item_field_activity h3{
  color: #fff;
  z-index: 1;
  font-weight: 700;
  line-height: 1.1;
  margin: auto 0 0;
}
.item_field_activity::before{
  content: "";
  z-index: 1;
  background: linear-gradient(0deg, #0A1215 0%, rgba(10, 18, 21, 0.20) 33.99%);
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  transition: all 1.5s ease;
}


.item_field_activity_inner{
  height: 100%;
  width: 100%;
  position: relative;
}
.item_field_activity_inner img{
  width: 44px;
  height: 44px;
  z-index: 1;
  position: relative;
}
.item_field_activity_hidden p{
  font-size: 18px;
  color: #fff;
  margin: 10px 0;
}
.item_field_activity_hidden > span{
  color: #fff;
  font-size: 17px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 5px;
  margin: 4px auto 0 0;
}
.item_field_activity_hidden > span svg{
  transform: rotate(180deg);
}

.item_field_activity_inner > div.item_field_activity_inner_b{
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: calc(100% - 44px);
  transition: all .5s ease-in-out;
  z-index: 1;
}
@media (min-width: 770px){
	.item_field_activity_hidden{
	  max-height: 0;
	  overflow: hidden;
	  transition: all .8s ease-in-out;
	}
	.item_field_activity:hover .item_field_activity_hidden{
	  max-height: 400px;
	}
	.item_field_activity:hover video{
	  opacity: 0.7;
	}
}

#about{
  padding: 130px 0;
}
#about .jo_row{}
#about .jo_col_6{
  padding-inline-start: 100px;
  padding-top: 117px;
  padding-bottom: 180px;
}

#about h2{
  color: #fff;
  font-weight: 900;
}
#about h3{
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin: 10px 0 15px;
}
#about p{
  margin: 0;
  color: #fff;
  font-weight: 300;
}
#about .jo_btn{
  margin: 35px auto 0 0;
  display: block;
  width: 180px;
}
#sector{
  padding: 20px 0 65px;
  background-repeat: no-repeat;
  background-position: 0 bottom;
}
#about .jo_container > h3,
#sector .jo_container > h3{
  margin-top: 6px;	
}

#sector .jo_container > h3{
  margin-bottom:60px;
}

.sector_item{
  background: #fff;
}
.sector_item .sector_hp{
  height: 100%;
}
.sector_item .media-hover{
  display: flex;
}
.sector_item .media-hover img,
.sector_item .media-hover .video{
  width: 100%;
  height: 290px;
  object-fit: cover;
}
.sector_item .media-hover img{}

.sector_item:nth-child(odd), .sector_item:nth-child(odd) .media-hover img, .sector_item:nth-child(odd) .media-hover .video{border-radius: 60px 0;}
.sector_item:nth-child(even), .sector_item:nth-child(even) .media-hover img, .sector_item:nth-child(even) .media-hover .video{border-radius: 0 60px;}

.sector_item .footer_sector{
  height: calc(100% - 290px);
  padding: 15px 50px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
}
.sector_item .footer_sector h3{
  color: #000;
  font-weight: 700;
}
.sector_item .footer_sector p{
  margin: auto;
}
.sector_item .footer_sector a{
  margin: 0 auto;
  max-width: 140px;
}





#projects{
  padding: 20px 0 200px;
  background: #0A1215;
}
#projects h2{
  margin: 0 0 0 auto;
  color: #fff;
  font-weight: 900;
}
#projects .jo_container{
  display: flex;
  align-items: center;
  gap: 40px;
  padding-bottom: 50px;
}
#projects .jo_container > a.jo_btn{
  
}
.project_slick_arows {
  display: flex;
  gap: 16px;
}
.project_slick_arows > .slick-arrow{
  display: flex;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.project_slick_arows > .project_slick_prev{}
.project_slick_arows > .project_slick_next{}

.project_wrapp{
  padding-inline-start: calc((100% - 1430px) / 2);
}
.project_wrapp .draggable{
  padding-inline-end: 100px;
}
.project_wrapp .slick-track{}
.project_wrapp .slick-slide{
  margin: 0 10px;
  border-radius: 18px;
  overflow: hidden;
}
.project_wrapp .slick-slide > div{
  display: flex;
}
.project_item .media-hover{
  display: flex;
}
.project_item{
  overflow: hidden;
}
.project_item .media-hover img, .project_item .media-hover .video {
  width: 100%;
  height: 580px;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.project_hp{
  position: relative;
  display: block;
}
.footer_project {
  position: absolute;
  bottom: 30px;
  top: auto;
  right: 30px;
  left: 30px;
  z-index: 1;
}
.footer_project .ttl_project{
  color: #fff;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1.1;
}
.footer_project p{
  color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: all .5s ease-in-out;
  font-size: 18px;
  margin: 10px 0 0;
}
.project_hp_bg{
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  background: linear-gradient(0deg, #0A1215 0%, rgba(10, 18, 21, 0.20) 33.99%);
}
.project_item:hover .footer_project p{
  max-height: 400px;
}
.project_item:hover .media-hover img,
.project_item:hover .media-hover .video{
  transform: scale(1.5);
}


.rel_project_wrapp{}
.rel_project_wrapp .slick-slide{margin:15px;}

.rel_project_wrapp .slick-slide:nth-child(even) .project_item,
.rel_project_wrapp .slick-slide:nth-child(even) .project_item .media-hover img,
.rel_project_wrapp .slick-slide:nth-child(even) .project_item .media-hover .video{
  border-radius: 60px 0;
}
.rel_project_wrapp .slick-slide:nth-child(odd) .project_item,
.rel_project_wrapp .slick-slide:nth-child(odd) .project_item .media-hover img,
.rel_project_wrapp .slick-slide:nth-child(odd) .project_item .media-hover .video{
  border-radius: 0 60px;
}
.rel_projects + hr{
  max-width: 1680px;
  margin: 0 auto;
  width: 100%;
  background: var(--color--accent);
}
#clients + hr{
  max-width: 1620px;
  margin: 0 auto 50px;
  width: 100%;
  background: var(--color--accent);
}
#clients{
  padding: 70px 0;
}
#clients h2{
  margin: 0 0 70px;
}
.clients_logos{}
.clients{}
.clients .client{
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  list-style: none;
}
.clients .client img{}
.slick_arows{
  display: flex;
  justify-content: space-between;
  padding: 0 70px;
}
.slick_arows > div{
  cursor: pointer;
}
.slick_arows .slick_next{}
#clients .slick-track {
    display: flex !important;
    align-items: stretch;
}
#clients .slick-slide {
    height: auto !important; 
    display: flex !important;
}
#clients .slick-slide > div {
    height: 100%;
    width: 100%;
}
.slick-dots{
  display: flex;
  justify-content: center;
  bottom: -52px;
  right: 30%;
  left: 30%;
  width: auto;
}
.slick-dots li{
  width: 12px;
  height: 12px;
}
.slick-dots li button::before{
  content:none;
}
.slick-dots li button{
  border-radius: 50%;
  box-shadow: none;
  background: var(--color--accent);
  padding: 0;
  width: 12px;
  height: 12px;
}
.slick-dots li.slick-active button{
  background:#BDBDBD;
}
.inner_hero{
  display: flex;
  width: 100%;
  height: 100svh;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}
.inner_hero .jo_container{
  position: absolute;
  text-align: center;
  right: 0;
  left: 0;
  margin-bottom: 10vh;
}
.inner_hero h2{
  color: #fff;
  text-shadow: 0 0 81.8px #000;
  font-size: 64px;
  line-height: normal;
}
.inner_hero h3{
  color: #fff;
  text-shadow: 0 0 81.8px #000;
  font-size: 36px;
  line-height: 1.9;
  margin: 0 0 60px;
}
.inner_hero > img,
.inner_hero > video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aa_s2{
  padding:75px 0 40px;
}
.aa_s2 .jo_col_6:first-child{
  padding-inline-end: 65px;
}
.aa_s2 img{
  height: 470px;
  object-fit: cover;
  width: 100%;
  margin: 0 auto 0 0;
  display: block;
}
.aa_solutions{
  padding: 45px 0 50px;
}
.solutions{
  display: flex;
  gap: 25px;
}
.solution_item{
  background: linear-gradient(180deg, #0172BE 0%, #07A784 100%);
  box-shadow: 0 0 9.9px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  padding: 27px 20px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.solution_item:nth-child(even) {
  border-radius: 0 60px;
}
.solution_item:nth-child(odd) {
  border-radius: 60px 0;
}
.solution_item h3{
  color: #3EF997;
  text-align: center;
  line-height: 1.2;
  margin: 25px 0;
}
.solution_item p{
  margin: 0;
  text-align: center;
  color: #fff;
}
.solution_icon{}
.solution_icon svg{
  height: 100px;
  margin: 0 auto;
  display: block;
}

.aa_achievements{
  background: url(/wp-content/uploads/2026/04/bg1-2.jpg) no-repeat scroll center / cover;
  padding: 70px 0;
}
.jo_col_6 .achievements {
  margin-inline-end: 125px;
}
.jo_col_8 .achievements, .aa_achievements .jo_col_8 h2{
  margin-inline-start: 50px;
}

.achievement_item:first-child{
  border-top: 1px solid #007AB8;
}
.achievement_item{
  border-bottom: 1px solid #007AB8;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}
.jo_col_6 .achievement_item h3{
  font-size: 20px;
  color: var(--color--main);
  margin: 0 0 4px;
}
.jo_col_8 .achievement_item h3{
  font-size: 24px;
  color: var(--color--main);
  margin: 0;
}
.achievement_item p{
  margin: 0;
}
.jo_col_6 .achievement_icon{
  flex: 0 0 10.5%;
  max-width: 10.5%;
  align-content: center;
  padding: 4px 10px 0 0;
}
.jo_col_6 .achievement_txt{
  flex: 0 0 89.5%;
  max-width: 89.5%;
}
.jo_col_8 .achievement_icon{
  flex: 0 0 6%;
  max-width: 6%;
  align-content: center;
  padding: 4px 10px 0 0;
}
.jo_col_8 .achievement_txt{
  flex: 0 0 94%;
  max-width: 94%;
}
.jo_col_8 .achievement_item{
  padding: 15px 0;
}
#section_contact{
  height: 400px;
  align-content: center;
  background-size: cover;
  background-position: center;
}
#section_contact h2{
  text-align: center;
  font-size: 36px;
  line-height: normal;
  max-width: 900px;
  margin: 0 auto 35px;
}
#section_contact a{
  margin: 0 auto;
  display: table;
}
.single-the-sector #section_contact{
  height: 520px;
  padding-top: 100px;
}
.single-the-sector .wrapp_items_field_activity {
  margin-bottom: -120px;
  background: #fff;
}



#gallery{
  padding:0 0 150px;
}
#gallery h2{
  color: #fff;
  font-size: 35px;
  font-weight: 900;
  line-height: 70px;
  margin: 0;
}
#gallery .gallery_top_container {
  display: flex;
  align-items: center;
  gap: 40px;
  padding-bottom: 50px;
}
#gallery .slick_arows{
  display: flex;
  gap: 16px;
  padding: 0;
  margin: 0 auto 0 0;
}
#gallery .slick_arows > .slick-arrow {
  display: flex;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}


.gallery_project_slider {
  margin: 0 -10px;
}
.gallery_project_item {
  padding: 0 10px;
}
.gallery_project_item a{
  display: block;
  overflow: hidden;
  border-radius: 16px;
}
.gallery_project_item img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
    transition: all 0.6s ease;
}
.gallery_project_item:hover img{
  transform: scale(1.3);
  opacity: 0.75;
}

/*
#contact {
  padding: 75px 0;
}
#contact .contact_info_wrapp > div{
  border-radius: 0 60px;
  background: #F6F6F6;
  padding: 40px 30px;
  margin-inline-end: 30px;
  border: 1px solid #dfdfdf;
}
#contact .contact_info a {
  color: var(--color--main);
}
#contact .contact_info svg path{
  fill: var(--color--main);
}
.wpcf7 form{
  direction: rtl;
}
.wpcf7 form label{
  font-size: 23px;
  position: absolute;
  margin: 0;
  top: 15px;
  right: 10px;
  width: 150px;
  display: block;
  z-index: -1;
  transition: all .3s ease;
  font-weight: 700;
  color: #535353;
  opacity: 0;
}
.wpcf7 form .wpcf7-form-control-wrap{}
.wpcf7 form br{
  display: none;
}
.wpcf7 form input:not([type="submit"]){
  text-align: right;
  border: 1px solid var(--color--main);
  border-radius: 25px;
  height: 50px;
  margin: 0 0 19px;
}
.wpcf7 form textarea{
  border: 1px solid var(--color--main);
  border-radius:20px;
  height: 150px;
}
.wpcf7 form input[type="submit"]{
  font-size: 21px;
  cursor: pointer;
  background: var(--color--accent);
  border: 1px solid var(--color--accent);
  color: #fff !important;
  font-weight: 700;
  border-radius: 82px;
  transition: all 0.5s ease;
  width: 180px;
  margin: 20px auto 0 0;
  display: block;
}
.wpcf7 form .wpcf7-response-output{
  text-align: center;
}
.wpcf7 .wpcf7-not-valid-tip{
  font-size: 13px;
  position: absolute;
  bottom: 0;
  right: 20px;
}
*/

#footer_top{
  background: #213740;
  padding:120px 0 60px;
}
#footer_top h4{
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 15px;
}
#footer_top .contact_info h4 {
  margin: 0 0 18px;
}
.contact_info a{
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 130.61%;
  width: 100%;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer_menu{
  list-style: none;
  margin: 0;
}
.footer_menu li{
  margin: 0 0 10px;
}
.footer_menu li a:hover, .copyright a:hover{
  text-decoration:underline;
}
.footer_menu li a {
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 200;
}
#footer_top #social_media{
  display: flex;
  gap:12px;
}
#footer_top #social_media a{
  display: flex;
}
#footer_top .jo_col_5{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
#footer_top .footer_logos{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
#footer_top .footer_logos img{
  height: 40px;
  width: 270px;
  object-fit: contain;
  object-position: left;
}
#footer_bottom{
  padding: 15px 0 40px;
}
.copyright{
  display: flex;
  align-items: center;
  gap: 20px;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}
.copyright p,
.copyright a{color: #fff;font-size: 15px;font-weight: 300;line-height: 1.3;align-content: center;margin: 0;}
.web3d{text-align: end;align-content: center;}
.web3d a{color: #fff;font-size: 15px;font-weight: 300;line-height: 1.3;}




@media (max-width: 769px){
	
	.wp_nav_menu .menu > li {height: auto;display: block;margin: 7px 0;}
	.wp_nav_menu .menu > li > .sub-menu{top: auto;min-width: 1px;position: relative;  padding: 10px 5px;}
	.wp_nav_menu .menu > li > .sub-menu > li {padding: 10px 0;}
	
	.jo_btn,
	.jo_btn_simple {font-size: 16px;}
	section:has(.mb_slider_centermode) .jo_container{padding:0;}
	.marg_but35 {margin-bottom: 20px;}
	.marg_but25 {margin-bottom: 15px;}
	.marg_but60 {margin-bottom: 40px;}
	
	#masthead{padding: 10px 0;}
    #masthead .jo_row{display: flex;flex-wrap: wrap;}
	.custom_menu {flex: 0 0 25%;max-width: 25%;align-content: center;}
	.custom_logo {flex: 0 0 75%;max-width: 75%;align-content: center;}
	.hamburger{padding: 0;}
	.wp_nav_menu{padding: 15px 20px;max-width: 100%;top: 60px;right: 0;left: 0;width: auto;display: none;background: #0A1215;position: fixed;}
	.wp_nav_menu .menu{flex-direction: column;gap: 0;}
	.wp_nav_menu .menu > li > .sub-menu > li > a{font-size: 15px;}
	.custom_logo a img {max-width: 200px;}
	
	.entry_header{top: 73px;}
	.entry_header h1 {font-size: 20px;}
	.entry_header #breadcrumbs {margin: 5px 0 0;text-align: inherit;}
	.entry_header #breadcrumbs *{font-size: 14px;}
	#project_header_section img {height: 157px;}
	
	.slick_arows{padding: 0;}
	.slick-dots{bottom: -45px;}
	.mb_slider_centermode .slick-slide{margin:0 5px;}
	.mb_slider_centermode .slick-track {display: flex;}
	.mb_slider_centermode .slick-track .slick-slide {display: flex;height: auto;}
	.mb_slider_centermode .slick-dots{bottom: -30px;}
	
	.mb_slider_centermode .slick-track .slick-slide > div{width: 100%;height: 100%;}
	
	.sector_item .media-hover img, .sector_item .media-hover .video, .item_field_activity,
	.project_item, .project_item .media-hover img, .project_item .media-hover .video, #project_hero_section video, #project_hero_section img{/*border-radius: 0 30px !important;*/}
	.solution_item{border-radius: 30px 0 !important;}
	
	#projects, #clients, #project_hero_section, #gallery, .aa_s2, #contact{padding: 40px 0;}
	#projects h2, #clients h2{margin: 0 0 0;text-align: center;width: 100%;}
	
	#hp1{padding: 0 0 30px;height: 100svh;}
	#hp1 h3{  font-size: 20px;}
	#hp1_half {margin-top: 0;padding: 0 0 30px;}
	#hp1_half .wrapp_items_field_activity {border-radius:0;padding: 15px 0;}
	.item_field_activity{padding: 20px;height: 380px;}
	.item_field_activity_hidden span{width: 80%;font-size: 16px;height: 44px;}
	.item_field_activity_hidden p {font-size: 16px;}
	
	#hp1 > a{width: 44px;height: 44px;bottom: 30px;}
	
	#about {padding:20px 0 35px;}
	#about h2 {margin: 0 0 20px;}
	#about h2 + img{margin: 0 -15px 0 0;}
	#about p {margin: 15px auto 35px;}
	#about .jo_col_6{padding: 0;}
	
	#sector {padding: 20px 0;}
	.sector_item {height: 100%;border-radius: 0 30px !important;}
	.sector_item .media-hover img, .sector_item .media-hover .video {height: 180px;}
	.sector_item .footer_sector {height: auto;padding: 15px 15px 20px;gap: 10px;}
	
	 #projects .jo_btn{margin: 75px auto 0;display: table;}
	.project_item .media-hover img, .project_item .media-hover .video{height: 250px;}
	.footer_project{}
	.footer_project .ttl_project {}
	.project_hp_bg{background: linear-gradient(0deg, #0A1215 0%, rgba(10, 18, 21, 0.3) 45%);}
	
	.clients .client img {height: 80px;width: 100%;object-fit: contain;margin: 0 10px;}
	.media-hover:has(.video)::after {
		content: "";
		position: absolute;
		right: 50%;
		top: 50%;
		transform: translateX(15px) translateY(-8px);
		width: 0;
		height: 0;
		border-top: 17px solid transparent;
		border-left: 30px solid var(--color--main);
		border-bottom: 17px solid transparent;
		opacity: 0.75;
	}
	#project_hero_section .jo_col_6:first-child {padding-inline-end: 0;}
	#project_hero_section strong {font-size: 20px;}
	.gallery_project_item img{height: 240px;}
	#project_hero_section video, #project_hero_section img, .aa_s2 img{height: 260px;}
	.single-project .project_item{margin-bottom: 20px;}
	.gallery_project_slider {margin: 0 -15px;}
	
	.inner_hero h2{font-size: 36px;}
	.inner_hero h3{font-size: 20px;line-height: 1.5;margin: 0 15px 45px;}
	.inner_hero > img, .inner_hero > video {margin: -15px 0;height: calc(100% + 30px);}

	.aa_s2 .jo_col_6:first-child {padding-inline-end: 0;}
	.jo_col_8 .achievements, .aa_achievements .jo_col_8 h2 {margin-inline-start: 0;}
	.aa_achievements .jo_col_8 h2{margin-top: 15px;}
	.jo_col_8 .achievement_item h3 {font-size: 16px;}
	.jo_col_8 .achievement_txt {flex: 0 0 90%;max-width: 90%;}
	.jo_col_8 .achievement_icon{flex: 0 0 10%;max-width: 10%;}
	.aa_s2 img{margin: 0 auto 20px 0;}
	
	.single-the-sector .wrapp_items_field_activity {margin-bottom: 0;padding: 0 0 60px;}
	#field_activity > h2{margin-bottom: 20px;}
	#field_activity .mb_slider_centermode .slick-dots {bottom: 25px;}
	.single-the-sector #section_contact, #section_contact{height: auto;padding: 40px 0;}
	#section_contact h2{font-size: 24px;margin: 0 auto 20px;line-height: 1.2;}
	
	.aa_solutions {padding: 0 0 50px;}
	.solution_item{height: 100%;}
	.solution_item h3{margin: 10px 0;}
	.jo_col_6 .achievements {margin-inline-end: 0;margin-bottom: 25px;}
	.jo_col_6 .achievement_item h3 {font-size: 18px;}
	.rel_projects .jo_container{padding:0;}
	.rel_project_wrapp .slick-slide {margin: 15px 5px;}
	.rel_projects .slick_arows {padding: 0 15px;}
	.wrapp_items_field_activity {padding: 0 0 15px;}
	
	#contact .contact_info_wrapp > div{margin: 0 0 30px;border-radius: 0 30px;}
	
	.page_hero img, .page_hero video{height: 70svh;}
	.page_hero h1{text-align: center;}
	
	
	#gallery h2{font-size: 24px;}
	#gallery .gallery_top_container {gap: 0;padding-bottom: 15px;}
	
	
	#footer_bottom {padding: 15px 0 75px;}
	#footer_top{padding: 40px 0;}
	#footer_top .jo_col_5 {flex-direction: inherit;align-items: center;margin: 20px 0 0;}
	#footer_top h4{font-size: 20px;}
	#footer_top .custom-logo-link img {max-width: 170px;}
	#ast-scroll-top{left: 15px;bottom: 25px;}
	.contact_info a, .footer_menu li a{font-size: 16px;}
	.copyright{justify-content: center;margin: 20px 0 25px;flex-direction: column;flex-wrap: wrap;font-size: 0;gap: 8px;}
	.copyright p, .copyright a{border-bottom: 1px solid #666;width: 100%;text-align: center;padding: 0 0 15px;}
	.web3d {text-align: center;}
	
	.activity_tab{    transition: none;}
	
	#footer_top .footer_logos{border-bottom: 1px solid #888;padding-bottom: 30px;margin-bottom: 30px;justify-content: center;align-items: flex-end;}
	#footer_top .footer_logos img {height: 26px;width: auto;}
	.home #hp1 h1 span {color: #fff;background: none;background-clip: inherit;-webkit-text-fill-color: aliceblue;}
}