body {
    font-family: fontGE;
  
    direction: rtl;
    /*  */
  }
  .bgdoby {
    width: 100%;
    position: absolute;
  }
  /*hearder*/
  header {
    height: 100vh;
    background-image: url(../images/1x/home2.jpg);
    background-size: cover;
  }
  .home_img {
    width: 100%;
    position: absolute;
    top: 0;
  }
  .navbar {
    padding: 0 5%;
    padding-bottom: 5%;
  }
  nav {
    z-index: 1;
  }
  .nav-link-color {
    font-family: fontGE;
    color: white;
    font-size: 16px;
    font-weight: bold;
  }
  .navbar-nav {
    width: 100%;
    padding-top: 5%;
  }
  .nav-item {
    padding-left: 5%;
  }
  
  .services {
    margin-top: 5%;
  }
  .services p:nth-last-of-type(1) {
    text-align: center;
    margin: 0 10% 3%;
  }
 
  .title {
    color: #0a2373;
    text-align: center;
    font-family: fontGE;
    margin: 5% 0;
    font-size: 50px;
  }

  /*test*/

  
  
  .flib_card {
    color: inherit;
    cursor: pointer;
    /* height: 100vh; */
    min-height: 400px;
    perspective: 1000px;
    margin: 1rem;
    background: none;
    border: none;
    position: relative;
  }
  
  .front,
.back {
  background-position: center;
  background-size: cover;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: ease-in-out 600ms;
}

.front {
  display: flex;

  background-size: cover;
  font-size: 1.618rem;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  font-family: Poppins, sans-serif;
}
.front:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  z-index: -1;
}
.card:hover .front {
  transform: rotateY(180deg);
}
.flib_card:hover{
  margin-bottom: 50%;
}
.card:nth-child(even):hover .front {
  transform: rotateY(-180deg);
}

.back {
  transform: rotateY(-180deg);
}
.card:hover .back {
  transform: rotateY(0deg);
}
.card:nth-child(even) .back {
  transform: rotateY(180deg);
}
.card:nth-child(even) .back .button:before {
  box-shadow: 0 0 10px 10px rgba(230, 26, 60, 0.25);
  background-color: rgba(230, 26, 60, 0.25);
}
.card:nth-child(even):hover .back {
  transform: rotateY(0deg);
}

/**/
.cut_corner {
  height: -webkit-fill-available;
  width: -webkit-fill-available;
    background-color: #00255b;
  color: white;
  padding: 10%;
  /* font-family: fontGE; */
  position: relative;
}
.cut_corner1 {
  /* height: -webkit-fill-available; */
  width: -webkit-fill-available;
    background-color: #00255b;
  color: white;
  padding: 10%;
  /* font-family: fontGE; */
  position: relative;
}
  .cut_corner {
    clip-path: polygon(
      0 40px,
      40px 0,
      100% 0,
      100% calc(100% - 40px),
      calc(100% - 40px) 100%,
      0 100%
    );
    background: linear-gradient(
          to right bottom,
          transparent 26%,
          rgb(79 105 142) 0
        )
        no-repeat 0 0 / 2em 2em,
      linear-gradient(135deg, transparent 1.5em, #00255b 0);
  }
  .cut_corner1 {
    clip-path: polygon(
      0 40px,
      40px 0,
      100% 0,
      100% calc(100% - 40px),
      calc(100% - 40px) 100%,
      0 100%
    );
    background: linear-gradient(
          to right bottom,
          transparent 26%,
          rgb(79 105 142) 0
        )
        no-repeat 0 0 / 5em 5em,
      linear-gradient(135deg, transparent 1.5em, #00255b 0);
  }
  .cut_corner::before {
    content: " ";
    position: absolute;
    top: 2em;
    left: 0;
    background: linear-gradient(
        to left bottom,
        transparent 50%,
        rgb(79 105 142) 0
      )
      100% 0 no-repeat;
    width: 5em;
    height: 5em;
    transform: rotate(90deg);
  }
  .cut_corner::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 2em;
    background: linear-gradient(
        to left bottom,
        transparent 50%,
        rgb(79 105 142) 0
      )
      100% 0 no-repeat;
    width: 5em;
    height: 5em;
    transform: rotate(90deg);
  }
  .cut_corner1::before {
    content: " ";
    position: absolute;
    top: 5em;
    left: 0;
    background: linear-gradient(
        to left bottom,
        transparent 50%,
        rgb(79 105 142) 0
      )
      100% 0 no-repeat;
    width: 5em;
    height: 5em;
    transform: rotate(90deg);
  }
  .cut_corner1::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 5em;
    background: linear-gradient(
        to left bottom,
        transparent 50%,
        rgb(79 105 142) 0
      )
      100% 0 no-repeat;
    width: 5em;
    height: 5em;
    transform: rotate(90deg);
  }
  .borederrr {
    position: absolute;
    top: 10%;
    left: 0%;
    height: 80%;
  }
  .cut_corner1 h5 {
    font-family: fontGE;
    border-bottom: 4px solid white;
    padding: 10% 0;
    color: white;
  }
  .cut_corner1 p {
    padding: 10% 0;
    font-family: fontGE;
  color: white;
    font-size: 14px;
  }
  .cut_corner1 .icon {
    width: 40%;
  }
  .front .cut_corner .icon {
    width: 50%;
    position: relative;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);

    
  }
  .content_back{
margin-top: 50%;  }
  .tec {
    margin: 5% 0;
  }
  .tec .container {
  }
  
  .tec li {
    color: #0a2373;
  }
  .tec li::marker {
    color: #0a2373;
    font-size: 50px;
  }
  .tec li p {
    color: black;
    font-size: 14px;
  }
  .list {
    position: relative;
    height: 100%;
  }
  .served .box {
    position: relative;
    clip-path: polygon(
      0 30px,
      30px 0,
      calc(100% - 30px) 0,
      100% 30px,
      100% calc(100% - 30px),
      calc(100% - 30px) 100%,
      30px 100%,
      0 calc(100% - 30px)
    );
    background-image: url(../images/1x/serveds.png);
    background-size: cover;
  
    padding: 7% 0;
  }
  .served .title {
    color: white;
    margin-bottom: 1%;
  }
  .logo_served {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .logo_served img {
    max-width: 85%;
    max-height: 85%;
    display: block;
    margin: auto;
    transition: linear 0.3s;
    /* filter: grayscale(1); */
  }
  .logo_served :hover {
  }
  .boreder1 {
    width: auto;
    position: absolute;
    top: 3%;
    right: 1%;
  }
  .tec_tool {
    margin: 5% 0;
  }
  .d {
    /* width: 200px;
    height: 200px;
    margin: auto; */
    margin-bottom: 10%;
  }
  .logo_tool {
    display: grid;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: white;
    padding: 10%;
    /* font-family: fontGE; */
    position: relative;
  }
  
  .logo_tool:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0a2373;
    clip-path: polygon(
      0 34px,
      34px 0,
      100% 0,
      100% calc(100% - 34px),
      calc(100% - 34px) 100%,
      0 100%,
      0 34px,
      3px calc(34px + 1.24px),
      3px calc(100% - 3px),
      calc(100% - 34px - 1.24px) calc(100% - 3px),
      calc(100% - 3px) calc(100% - 34px - 1.24px),
      calc(100% - 3px) 3px,
      calc(34px + 1.24px) 3px,
      3px calc(34px + 1.24px)
    );
  }
  .logo_tool img {
    max-width: 85%;
    max-height: 85%;
    display: block;
    margin: auto;
    transition: linear 0.3s;
    /* filter: grayscale(1); */
  }
  .logo_tool h5 {
    color: #0a2373;
    border-bottom: 4px solid #0a2373;
    padding-bottom: 5%;
    font-family: fontGE;
    text-align: center;
  }
  .border_tool,
  .border_tool2 {
    position: absolute;
  }
  .border_tool2 {
    top: 6%;
    left: 6%;
  }
  .border_tool {
    bottom: 5%;
    right: 5%;
  }
  .point {
    position: absolute;
    left: 5%;
    top: 55%;
  }
  .bgb {
    background-image: url(../images/1x/bgdoby.png);
    background-size: cover;
    background-repeat: repeat;
  }
  .tec_tool{
    background-image: url(../images/1x/bgdoby.png);
    background-size: cover;
    background-repeat: repeat;
  }
  .tec,.blogs{
    background-image: url(../images/1x/bgdoby.png);
    background-size: cover;
    background-repeat: repeat;
  }
  footer {
    color: white;
    background-color: #0a2373;
    padding: 5% 0;
    text-align: center;
  }
  footer{
    background-image: url(../images/1x/network.png);
    background-size: cover;
  }
  .caption {
    margin-bottom: 10%;
    font-family: fontGE;
    position: relative;
    color: white;
text-align: right;
  }
  .caption h1 {
    font-size: 85px;
    margin-bottom: 2%;
  }
  .caption h5 {
    margin-bottom: 2%;
  }
  .contact {
    position: relative;
  }
  .contact:before {
    content: "";
    position: absolute;
    inset: 0;
    background: white;
    clip-path: polygon(0 50.00px,50.00px 0,100% 0,100% calc(100% - 50.00px),calc(100% - 50.00px) 100%,0 100%,0 50.00px,5px  calc(50.00px + 2.07px),5px calc(100% - 5px),calc(100% - 50.00px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 50.00px - 2.07px),calc(100% - 5px) 5px,calc(50.00px + 2.07px) 5px,5px calc(50.00px + 2.07px));
  }
  .form-control{
    background: none;
    border-radius: 0;
  }
  .btn_footer button{
    background: white;
    color: #0a2373;
  }
  .btn_footer button:hover{
    background: none;
    border: 1px solid white;
    color: white;
  }
  footer a {
    text-decoration: none;
  }
  .footer-icon span {
    border: 3px solid white;
    padding: 1%;
    border-radius: 50px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 2% 0;
  }
  footer svg {
    color: white;
    font-size: 21px;
  }
  .footer-icon p {
    display: inline-block;
    margin: 0;
  }
  .copy_rigth {
    font-family: ABEATBYKAIREGULAR;
  }
  /*ppppppppppppppppppppppppppp*/
  .mslogo{
    display: block;
  }
  .logo{
    display: none;
  }
  .pp_header {
    background-image: none;
    height: auto;
  }
  .pp_nav-link-color {
    color: #0a2373;
  }
  .pp_nav-item .active {
    color: #00255b !important;
  }
  .pp_headertitle {
    margin-top: 5%;
    text-align: center;
    position: relative;
    color: #0a2373;
  }
  .pp_headertitle h1 {
    font-size: 5.5rem;
  }
  .pp_headertitle img {
    position: absolute;
    top: -20%;
    width: 25%;
  }
  .pp_phototitle {
    margin-top: 5%;
    position: relative;
    color: #0a2373;
  }
  .pp_phototitle h1 {
    margin-right: 11%;
  }
  .pp_phototitle img {
    position: absolute;
    bottom: 1%;
    width: 10%;
  }
  .container_pp{
margin: 0;
  }
  .pp_box {
    position: relative;
    width:100%;
    margin: 5% 10%;
  }
  .pp_box:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0a2373;
    clip-path: polygon(
      0 0,
      calc(100% - 80px) 0,
      100% 80px,
      100% 100%,
      80px 100%,
      0 calc(100% - 80px),
      0 0,
      10px 10px,
      10px calc(100% - 80px - 4.14px),
      calc(80px + 4.14px) calc(100% - 10px),
      calc(100% - 10px) calc(100% - 10px),
      calc(100% - 10px) calc(80px + 4.14px),
      calc(100% - 80px - 4.14px) 10px,
      10px 10px
    );
  }
  .pp_box img {
    margin: 7px;
    width: -webkit-fill-available;
    clip-path: polygon(
      0 0,
      calc(100% - 80px) 0,
      100% 80px,
      100% 100%,
      80px 100%,
      0 calc(100% - 80px)
    );
  }
  .pp_photo {
    position: relative;
  }
  .pp_photo_border1,
  .pp_photo_border2 {
    position: absolute;
    width: 19%;
  }
  .pp_photo_border1 {
    right: 10%;
    top: -4%;
  }
  .pp_photo_border2 {
    left: -10%;
    bottom: -4%;
  }
  .pp_p{
    text-align: right;
    margin: 5% 10%;
    font-size: 28px;
    color: #333333;
  }
  .navbar-fixed-top.scrolled {
    background-color: #000000a8 !important;
    transition: background-color 200ms linear;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    padding-bottom: 2%;
  }
  .navbar-fixed-top.scrolled .pp_nav-link-color{
    color: white!important;
  }
  .navbar-fixed-top.scrolled .mslogo{
    display: none;
  }
  .navbar-fixed-top.scrolled .logo{
    display: block;
  }
  .pp_nav-link-color:hover{
    color:#00255b
  }

  .technical {
    display: grid;
    grid-template-columns: 26% 26% 26%;
    gap: 0px 2em;
    margin: 5%;
}
/*blogs*/

.blogs_box {
  position: relative;
  height: 410px;
  width: 510px;
  margin: auto;
}
.blogs_box:before {
  content: "";
  position: absolute;
  inset: 0;
  background:#00255b;
  clip-path: polygon(0 70.00px,70.00px 0,100% 0,100% calc(100% - 70.00px),calc(100% - 70.00px) 100%,0 100%,0 70.00px,5px  calc(70.00px + 2.07px),5px calc(100% - 5px),calc(100% - 70.00px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 70.00px - 2.07px),calc(100% - 5px) 5px,calc(70.00px + 2.07px) 5px,5px calc(70.00px + 2.07px));
}
.blogs_box img{
  clip-path: polygon(0 70.00px,70.00px 0,100% 0,100% calc(100% - 70.00px),calc(100% - 70.00px) 100%,0 100%);
height: 400px;
}
.hid-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
  display: inline-block;
  white-space: nowrap;
}
.hid-text a{
  text-decoration: none;
  display: block;
  text-align: center;
}
.blogs_phototitle h2{
  margin-top: 5%;
    color: #0a2373;
}
.blogs_p{
  text-align: right;
  margin: 5% 0;
  font-size: 28px;
  color: #333333;

}
.blogs_headertitle img{

    left: 32%;
}