body {
    margin: 0;
    padding: 0;
    background: #001878;
    font-family: 'Open Sans Hebrew Regular';
}

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

ul, li {
    list-style: none;
}

img, svg {
    max-width: 100%;
}

a:focus-visible {
    outline: 0px;
}
.slick-nav {--active: #8B2E5D; --border: rgb(202, 26, 158, 0.5); width: 48px; height: 48px; position: absolute; cursor: pointer; top: calc(50% - 48px); }
.slick-nav.prev-arrow {left: 3%; transform: scaleX(-1); z-index: 9; }
.slick-nav.next-arrow {left: auto; right: 3%; }
.slick-nav:before,
.slick-nav:after {content: ""; display: block; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: 50%; border: 2px solid var(--border); }
.slick-nav svg {width: 44px; height: 44px; display: block; position: relative; z-index: 1; stroke-width: 2px; stroke-dashoffset: 126; stroke-dasharray: 126 126 0; transform: rotate(0deg); }

header, .container{ max-width: 1376px; box-sizing: border-box; padding: 0 30px; margin: 0 auto;}
header{ display: flex; align-items: center; justify-content: space-between; background: #001878; padding: 50px 30px 30px; transition: all .3s ease;}
header .menu{ cursor: pointer; position: relative;}
header .menu .menu-down{ opacity: 0; height: 0px; overflow: hidden; z-index: 1; transition: all .3s ease; position:absolute; top: 0; right: calc(100% + 20px); width: 190px; border-radius: 6px; background: rgba(0, 24, 120, 0.82); box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.37);}
header .menu .menu-down ul{ padding:15px 30px;}
header .menu .menu-down ul li{ padding: 0;}
header .menu .menu-down ul li a{ display: block; color: #fff;  text-decoration: none; font-size: 19px; text-align: right; border-bottom: 1px solid rgba(85, 118, 253, 1); padding: 15px 0;}
header .menu .menu-down ul li:last-child a{ border: 0px;}
header .menu.active .menu-down{ opacity: 1; height: auto; transition: all .3s ease;}
.brand-logo, .brand-logo img{transition: all .3s ease-in-out;}
.header.fixed{ position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    transform: translateY(0);
    max-width: 1376px;
    margin: 0 auto;
    right: 0;
    background: #001878;
    z-index: 20;
    padding: 20px 30px 10px;
}
.header.fixed .brand-logo img{ width: 137px; transition: all .3s ease-in-out;}
.btnbox{position: relative; width: 60px; height: 35px;}


.sub-section{ margin-top: 100px;}
.banner { width: 100%;}
.banner .sliderTop{ border-radius: 10px;}
.slidebanner{border-radius: 15px; overflow: hidden;}
.banner .bannerText{ font-size: 48px; color: #fff; margin-top: 35px;}
.teamslider{ margin-top: 50px; display: flex;  align-items: flex-start; gap: 30px;}
.teamslider .teamimg img{ min-width: 295px; border-radius: 3px 15px 3px;}
.contentBox p{ color: #fff; font-size: 24px; font-weight: 400; line-height:2.5rem}
.clientslider img{ border-radius: 10px;}

.headmain{ font-size: 175px; font-family: 'Open Sans Hebrew Extra Bold'; color: #001878; text-shadow:
    -1px -1px 0 rgba(115, 143, 255, 0.5),  
     1px -1px 0 rgba(115, 143, 255, 0.5),
    -1px  1px 0 rgba(115, 143, 255, 0.5),
     1px  1px 0 rgba(115, 143, 255, 0.5); text-transform: uppercase; padding-bottom: 25px;}
.peraContent p{ color: #fff; font-size: 24px; font-weight: 400;}

.testibox{padding: 0 5px;}
.testibox p{color: #fff; font-size: 30px; font-weight: normal;}
.testibox h6{color: #fff; font-size: 18px; font-weight: normal; text-align: right;}
.testimonials .slick-nav.next-arrow {right: -80px; text-align: center; }
.testimonials .slick-nav.prev-arrow {left: -80px; text-align: center; }
.testimonials .slick-nav:before,
.testimonials .slick-nav:after {border: 0px; background: rgba(217, 217, 217, 0.27); display: none; }
.testimonials .slick-nav:hover:before,
.testimonials .slick-nav:hover:after {border-color: #033361; background: #033361; }
.slick-nav:before, .slick-nav:after{ border-radius: 14px;}
.testimonials .slick-nav.next-arrow img,
.testimonials .slick-nav.prev-arrow img{margin-top: 8px; position: relative;  z-index: 12;}
.slick-nav.slick-disabled{opacity: 0;}


.contacts{ margin-bottom: 150px;}

.formAddress{ display: flex; align-items: flex-start;}
.formAddress .formwrp{ width: 50%; padding-right: 13%; box-sizing: border-box;}
.formAddress .formwrp .formhead{ color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 35px;}
.formAddress .formwrp .form-group{ margin-bottom: 14px;}
.formAddress .formwrp .form-group .form-box{ display: flex; align-items: center;}
.formAddress .formwrp .form-group .form-box label{min-width:135px ; font-size: 22px; color: #fff;}
.formAddress .formwrp .form-group .form-box input[type='text']{width: calc(100% - 135px); padding: 1px 15px; font-size: 22px; background-color: #fff; border-radius: 20px; height: 40px; line-height: 40px; border: 0px;}
.formAddress .addressBox{ width: 50%; }
.formAddress .addressBox .reach{ margin-bottom: 35px;}
.formAddress .addressBox .reach p{ font-size: 22px; color: #fff; padding-bottom: 8px;}
.formAddress .addressBox .followus{ display: flex; align-items: center;}
.formAddress .addressBox .followus p{font-size: 22px; color: #fff; margin-right: 12px; white-space: nowrap;}
.formAddress .addressBox .followus p{font-size: 22px; color: #fff;}
.formAddress .addressBox .followus ul{ display: flex; align-items: center; gap: 0 10px;}


.grid-container {display: flex; flex-wrap: wrap; gap: 30px 40px; margin: 0 auto;}
.grid-container .imgbox{ overflow: hidden;}
.grid-container .imgbox:nth-child(2){ margin-top: 20px;}
.grid-container .imgbox:nth-child(3){ margin-top: -20px; margin-left: 20px;}
.grid-container .imgbox img {max-width: 100%; width: 100%; height: auto;}

.orbit-shadow {position: relative; padding: 16px 32px; font-size: 18px; background-color: #000; color: white; border: none; border-radius: 50px; cursor: pointer; z-index: 1; margin-left: 135px; margin-top: 10px;}
.orbit-shadow::after {content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50px;box-shadow: 0 -4px 10px #4f46e5; animation: orbitGlow 3s linear infinite; pointer-events: none;z-index: -1; top:0; left: 0;}
@keyframes orbitGlow {
0% {
    box-shadow: 0 -2px 1px #4f46e5; 
}
25% {
    box-shadow: 2px 0 1px #4f46e5;  
}
50% {
    box-shadow: 0 2px 1px #4f46e5;  
}
75% {
    box-shadow: -2px 0 1px #4f46e5; 
}
100% {
    box-shadow: 0 -2px 1px #4f46e5; 
}
}

.wedoWork { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 25px;}
.wedoWork .left {min-width: 540px; display: flex; flex-direction: column;  justify-content: center; padding:0; gap: 3.2rem;}
.wedoWork .right {width: calc(100% - 540px); padding: 0; position: relative;}
.wedoWork .tab {font-size: 2.0rem; opacity: 0.4; transition: opacity 0.3s ease; cursor: pointer; color: rgba(0, 44, 218, 1);font-weight: bold;}
.wedoWork .tab.active {opacity: 1;  color: rgba(115, 143, 255, 1);}
.wedoWork .tab.nearby {opacity: 1;}
.wedoWork .tab.nearby-2 {opacity: 0.7;}
.wedoWork .tab.faded {opacity: 0.35;}
.wedoWork .content-section { opacity: 0; transition: opacity 0.3s ease; font-size: 2rem; display: none;}
.wedoWork .content-section img{ max-width: 100%; height: auto;}
.wedoWork .content-section.active {display: block; opacity: 1;}
/* Mobile styles */






.menubtn {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 1px;
    margin-top:15px;
}

.animate.menubtn{
  animation-name: menu-menu;
  animation-duration: 0.3s;
}

@keyframes menu-menu {
  0% {
    width:0px;
    height:0px;
  }
  50% {
    width:0px;
    height:0px;
  }
  51%{
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 1px;
  }
}

.menubtn:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-top: -15px;
}

.animate.menubtn:after {
  animation-name: menu-after;
  animation-duration: 0.3s;
}

@keyframes menu-after {
  0% {
  transform: rotate(-45deg);
  margin-top:0px;
  }
  50% {
  transform: rotate(0deg);
  margin-top:0px;
  }
  100%{
    transform: rotate(0deg);
    margin-top:-15px;
  } 
}

.menubtn:before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-top: 15px;
}

.animate.menubtn:before{
  animation-name: menu-before;
  animation-duration: 0.3s;
}
@keyframes menu-before {
  0% {
  transform: rotate(45deg);
  margin-top:0px;
  }
  50% {
  transform: rotate(0deg);
  margin-top:0px;
  }
  100%{
    transform: rotate(0deg);
    margin-top:15px;
  }
}
/* menu end */

/* close start */
.close {
  position: absolute;
  margin-top: 15px;
  margin-left: 0;
}

.close.animate{
  animation-name: close-close;
  animation-duration: 0.3s;
}

@keyframes close-close {
  0% {
    position: absolute;
    background-color: #000;
    width: 50px;
    height: 5px;
    margin-top:15px;
  }
  50% {
    display:none;
    width:50px;
    height:5px;
  }
  100%{
    width:0px;
    height:0px;
  }
}

.close:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 50px;
  height: 1px;
  transform: rotate(45deg);
}

.animate.close:after {
  animation-name: close-after;
  animation-duration: 0.3s;
}

@keyframes close-after {
  0% {
    transform: rotate(0deg);
    margin-top: 15px;
  }
  50% {
    transform: rotate(0deg);
    margin-top: 0px;
  }
  100%{
    transform: rotate(45deg);
  }
}

.close:before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 50px;
  height: 1px;
  transform: rotate(-45deg);
}

.animate.close:before {
  animation-name: close-before;
  animation-duration: 0.3s;
}

@keyframes close-before {
  0% {
    transform: rotate(0deg);
    margin-top:-15px;
  }
  50% {
    transform: rotate(0deg);
    margin-top:0px;
  }
  100%{
    transform: rotate(-45deg);
  }
}

.slick-nav1 {--active: #8B2E5D; --border: #fff; width: 48px; height: 48px; position: absolute; cursor: pointer; top: -55px; text-align: center;}
.slick-nav1 img{width: 10px; height: auto; position: relative ; z-index: 1;}
.slick-nav1.prev-arrow {right: 63px; transform: scaleX(-1); z-index: 9; }
.slick-nav1.next-arrow {left: auto; right: 0; }
.slick-nav1:before,
.slick-nav1:after {content: ""; display: block; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: 50%; background: rgba(255,255,255,0.5); border: 0px solid var(--border); }
.slick-nav1 svg {width: 44px; height: 44px; display: block; position: relative; z-index: 1; stroke-width: 2px; stroke-dashoffset: 126; stroke-dasharray: 126 126 0; transform: rotate(0deg); }
.slick-nav1.slick-disabled{opacity: 0.2;}


@media (max-width:1640px){
    .slide_clients .slick-slide{ padding: 0 12px;}
}
@media (max-width:1440px){
  .testimonials .slick-nav.next-arrow{ right: -30px;}
  .testimonials .slick-nav.prev-arrow{ left: -30px;}
  .testibox {padding: 0 15px;}
}
@media (max-width:1340px){
  .headmain{ font-size: 150px;}
  .banner .bannerText{ font-size: 42px;}
  .peraContent p{ font-size: 22px;}
  .contentBox p{ font-size: 22px; line-height: 2.2rem;}
  .testibox p{ font-size: 26px;}
  .wedoWork .left{gap: 3rem; min-width: 400px;}
  .grid-container{ justify-content: flex-end;}
  .wedoWork .right {width: calc(100% - 400px);}
  .grid-container .imgbox{max-width: calc(50% - 30px);}
}
@media (max-width:1140px){
    .headmain {
        font-size: 12vw;
    }
    .formAddress .formwrp {
      padding-right: 7%;
    }
    .brand-logo{ width: 200px;}

  }
  @media (max-width:1023px){
    .formAddress{flex-wrap: wrap;}
    .formAddress .formwrp{ width: 100%; padding: 0 0 60px 0;}
    .formAddress .addressBox{ width: 100%;}
  }
   @media (max-width:990px){
    .banner .bannerText{ font-size: 32px;}
	  .peraContent p{ font-size: 20px;}
  .contentBox p{ font-size: 20px; line-height: 2.0rem;}
  .teamslider{flex-wrap:wrap;}
  .teamslider .teamimg{ min-width:100%;}
   .teamslider .teamimg img{ object-fit: cover; max-height: 320px;}
   .testibox p{ font-size: 18px; line-height: 1.8rem;}
   .testibox h6{ font-size: 22px;}
	}

@media (max-width:768px){
    .wedoWork {
      flex-direction: column;
    }

    .tab-scroll-container {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 30px;
      width: calc(100% + 60px);
      margin-left: -30px;
      margin-bottom: 20px;
    }

    .wedoWork .left {
      flex-direction: row;
      width: max-content;
      min-width: unset;
      gap: 0 25px;
      padding: 0 30px;
    }

    .wedoWork .tab {
      flex-shrink: 0;
      font-size: 1.2rem;
      white-space: nowrap;
      color: rgba(115, 143, 255, 1);
    }
.wedoWork .tab.active{ color: rgba(255,255,255,0.7);}
    .wedoWork .right {
      width: 100%;
      margin-top: 25px;
    }
}
@media (max-width:767px){
    .brand-logo{ width: 135px;}
    .btnbox{ width: 45px; height: 20px;}
    .menubtn::after {margin-top: -10px;}
    .menubtn::before, .menubtn, .close {margin-top: 10px;}
    .close::after {
  width: 45px;
  transform: rotate(35deg);
}
.close::before {
  width: 45px;
  transform: rotate(-35deg);
}
header .menu .menu-down ul li a{ font-size: 15px; padding: 10px 0;}
header .menu .menu-down{right: calc(100% + 10px);  width: 160px;}
    .banner .bannerText{ font-size: 24px; margin-top: 20px;}
	  .peraContent p{ font-size: 20px;}
  .contentBox p{ font-size: 20px; line-height: 2.0rem;}
  .teamslider{flex-wrap:wrap;}
  .teamslider .teamimg{ min-width:100%;}
   .teamslider .teamimg img{ object-fit: cover; max-height: 320px;}
   .testibox p{ font-size: 18px; line-height: 1.8rem;}
   .testibox h6{ font-size: 22px; margin-top: 10px;}
.formAddress .formwrp .formhead{ font-size: 20px;}
.formAddress .formwrp .form-group .form-box label {
  min-width: 100px;
  font-size: 16px;
}
.orbit-shadow{ margin-left: 100px;}
.formAddress .addressBox .reach p, .formAddress .addressBox .followus p{ font-size: 16px;}
.formAddress .addressBox .followus ul li a img{ width: 35px; height: 35px;}



 
	}