html, body {
    overflow-x: hidden;
}

.header-layout7 .header-top.back-head {
    background-image: url(../img/new-image/contact-office-bg.jpg);
    padding: 11px 0;
}
.header-links li, .header-links span, .header-links p, .header-links a {
   font-family: "Tajawal", sans-serif;
  color: var(--body-color);
  direction: rtl;
  display: inline-block;
  line-height: 13px;
}
.header-links li > i ,.header-links li > svg {
  margin-right: 10px;
  direction: rtl;
  float: right;
  padding-left: 5px;
  font-size: 15px;


}
.header-social a{
  background-color: #14254A;
  width: 35px;
  height: 35px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  margin: 0 9px 0 0;
  border-radius: 9px;
}
.header-social a i {
  color: #fff;
}
.image-logo-1{
  padding: 2px 12px;
}
.searchhh{
  color: #14254A!important;
}
.btn-s{
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: 11px;
}
.mobile-logo a img{
width: 90px;
margin-left:10px
}
.popup-search-box .th-btn{
  padding: 11.5px 17px;
  min-width: auto;
}
.popup-search-box button.searchClose{
  min-width: auto!important;
  color: #FFCD35!important;
}
header .active a{
  color: #FFCD35!important;
}
/* ads 1  */
.cta-two {
  position: relative;
}
.back2{
  background-color: #EDEEF2;
  background-image: url(../img/new/pattern-2.png);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  padding: 30px;
}
.cta-two__bg {
  position: relative;
  background-color: #14254A;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 9px;
}@keyframes messageMove {
  0%, 100% {
    transform: translateX(0);
  }
  25%, 75% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(10px);
  }
}
@keyframes messageMove2 {
  0%, 100% {
    transform: translateX(0);
  }
  25%, 75% {
    transform: translateX(10px);
  }
  50% {
    transform: translateX(15px);
  }
}
@media (max-width: 991px) {
  .cta-two__bg {
    background-position: left;
  }
}
.cta-two__info {
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 15px;
  text-align: center;
  max-width: 300px;
  padding: 34px 20px 29px;
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.cta-two__info::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 86%;
  /* background-color: var(--tolak-white, #fff);
  border-radius: 10px;
  clip-path: polygon(0 38%, 100% 0, 100% 100%, 0% 100%);
 */  z-index: -1;
}
.cta-two__info__icon {
  width: 83px;
  height: 83px;
  background-color: #48A0D8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 44px;
  color: var(--tolak-white, #fff);
  margin: 0 auto;
}
.cta-two__info__icon i {
font-size: 28px;
}
.cta-two__info__title {
  margin: 20px 0 10px;
  color:#14254A;
  font-size: 22px;
}
.cta-two__info__text {
  font-size: 17px;
  line-height: 26px;
  color:#14254A;
  margin: 0;
  direction: rtl;

}
.cvv{
  padding-left: 5px;
}
.cta-two__info__text a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.cta-two__info__text a:hover {
  background-size: 100% 1px;
}
.cta-two__info__text a:hover {
  color: #48A0D8;
}
.cta-two__content {
  position: relative;
  padding: 29px 60px 9px 49px;
  direction: rtl;
}
@media (max-width: 767px) {
  .cta-two__content {
    padding: 40px 10px 30px;
  }
}
.cta-two__content__title {
  color: var(--tolak-white, #fff);
  font-size: 22px;
  margin: 0 0 12px;
}
.cta-two__content__title a {
  color: #48A0D8;
  text-decoration: underline;
}
.cta-two__content__title a:hover {
  color: var(--tolak-white, #fff);
  text-decoration: none;
}
.cta-two__content__text {
  color: var(--tolak-white, #fff);
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 14px;
}
.cta-two__content__rm {
  display: inline-block;
  font-size: 16px;
  color: #FFCD35;
  line-height: 1;
  letter-spacing: 0.24px;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.cta-two__content__rm:hover {
  /* background-size: 100% 1px; */
  text-decoration: none;
}
.cta-two__content__rm span {
  line-height: inherit;
  margin-right: 6px;
  position: relative;
  top: 1px;
  display: inline-block;
  transform: rotate(180deg);
}
.cta-two__content__rm:hover {
  color: #48A0D8;
  text-decoration: none;
}
.cta-two__image {
  position: absolute;
  right: 60px;
  bottom: -10px;
  animation: messageMove 3s linear 0s infinite;
  z-index: 10;
}
@media (max-width: 991px) {
  .cta-two__image {
    display: none;
  }
}
.cta-two__call-text {
  position: absolute;
  right: -19px;
  top: 22%;
  transform: rotate(180deg);
  white-space: nowrap;
  writing-mode: vertical-rl;
  background-color: #48A0D8;
  color: var(--tolak-white, #fff);
  font-size: 17px;
  font-weight: 500;
  border-radius: 50px;
  text-transform: uppercase;
  padding: 27px 4px;
}
@media (max-width: 991px) {
  .cta-two__call-text {
    display: none;
  }
}
.cta-two__call-text:hover {
  background-color: var(--tolak-white, #fff);
  color: #14254A;
}
.background-image, [data-bg-src]{
  /* height: 90vh; */
}

#timer {
  text-align: right;
  margin: 12px;
  direction: rtl;
  padding: 2px 42px 9px 3px;
  font-size: 20px;
  color: #fff;
  letter-spacing: -1px;
}
#timer span {
  font-size: 40px;
  color: #FFCD35;
  margin: 0 14px 0px 6px;
}
#timer span:first-child {
  margin-left: 0;
}
  
/* end  */

.features .nav-link.active h4{
  color: #fff!important;
    }
    /* .features .nav-link.active h4{
      color: #000!important;
        } */
    /* ads  */


/** service-section **/
.new-edit-btn{
font-size: 14px;

padding: 11.5px 1px;
border-radius: 2px;
min-width: 116px;
}
.service-section{
position: relative;
/* padding: 145px 0px 250px 0px; */
}

.service-block-one .inner-box{
position: relative;
display: block;
overflow: hidden;
background: #fff;
border-radius: 1px;
margin-bottom: 60px;
box-shadow: 0 15px 40px #d3dce8;
}

.service-block-one .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
}

.service-block-one .inner-box .image-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
transition: all 500ms ease;
background: linear-gradient( 0deg, rgba(255,255,255,1) 0%, rgba(255, 255, 255, 0.0) 80% );
z-index: 1;
}

.service-block-one .inner-box .image-box img{
width: 100%;
transition: all 500ms ease;
}

.service-block-one .inner-box:hover .image-box img{
opacity: 0.5;
transform: scale(1.1);
}

.service-block-one .inner-box .lower-content{
position: relative;
padding: 12px;
display: inline-block;
}

.service-block-one .inner-box .lower-content .icon-box{
position: relative;
display:inline-flex;
font-size: 65px;
line-height: 60px;
margin-bottom: 22px;
padding-left: 23px;
float: left;
}
.all-t{
display: block;
}
.service-block-one .inner-box .lower-content .icon-box:before{
position: absolute;
content: '';
height: 60px;
width: 45px;
top: 0px;
left: 0px;
clip-path: polygon(0% 0%, 60% 0%, 100% 100%, 0% 100%, 0% 0%);
opacity: 0.4;
transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .icon-box:before{
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 60% 0%);
opacity: 0.2;
}
.service-block-one .inner-box .lower-content .icon-box:before{
background: #FFDB74;
}
.service-block-one .inner-box .lower-content h3{
position: relative;
display: inline;
font-size: 22px;
line-height: 30px;
font-weight: 700;
margin-bottom: 5px;
float: right;
padding-top: 14px;
}
.lower-content .icon-box img{
z-index: 10;
left: -10px;
position: relative;
top: 7px;
}

.service-block-one .inner-box .lower-content h3 a{
display: inline-block;
color: #00224f;
}

.service-block-one .inner-box .lower-content h3 a:hover{

}

.service-block-one .inner-box .lower-content p{
margin-bottom: 21px;
/* overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
  display:inline-block
}

.service-block-one .inner-box .pattern{
position: absolute;
right: -30px;
bottom: 0px;
width: 99px;
height: 170px;
opacity: 0;
background-repeat: no-repeat;
transition: all 500ms ease;
}

.service-block-one .inner-box:hover .pattern{
right: 0px;
opacity: 1;
}

.service-section .pattern-layer .pattern-1{
position: absolute;
left: 290px;
bottom: 65px;
width: 80px;
height: 80px;
z-index: 1;
background-repeat: no-repeat;
}

.service-section .pattern-layer .pattern-2{
position: absolute;
left: 70px;
bottom: 70px;
background: #f0f3f7;
width: 270px;
height: 270px;
border-radius: 50%;
-webkit-animation: zoom-fade 5s infinite linear;
animation: zoom-fade 5s infinite linear;
}

.service-section .pattern-layer .pattern-3{
position: absolute;
top: 0px;
right: 0px;
width: 710px;
height: 570px;
background-repeat: no-repeat;
}



/* social  */
.team-card__hover {
position: absolute;
top: 0;
/* bottom: 0;
left: 42px; */
margin: auto;
display: flex;
align-items: center;
}
.team-card__social {
background-color:#14254A;
border-radius: 50%;
position: relative;
cursor: pointer;
transition: all 500ms ease;
box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.05);
}
.team-card__social__list {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
transform: translateY(0) scale(0, 1);
margin: 0;
padding: 0;
opacity: 0;
transition: 500ms ease;
transform-origin: bottom;
text-align: center;
padding-bottom: 51px;
}
.team-card__social__list a {
width: 38px;
height: 38px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color:#00224f;
font-size: 17px;
transition: all 500ms ease;
margin-bottom: 5px;
}.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}.team-card__social:hover {
background-color:#00224f;
}.team-card__social:hover .team-card__social__list {
opacity: 1;
transform: translateY(0) scale(1, 1);
}
.service-card2_btn:hover svg {
/* color: #00224f;
stroke:#00224f;
fill: #00224f; */

}
/* old  */
figure.snip1249 .moreNews {
position: absolute;
display: contents;
bottom: 35px;
left: 7px;
display: inline-block;
width: 75px;
border: 2px solid #20638f;
transform: rotate(45deg);
z-index: 3;
color: aliceblue;
border-color: aliceblue;
}
.container{
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.stat{
border-radius: 2px;
padding: 9px;
background-color: #e1e3e5;
margin-bottom: 11px;
height: 271px;
  width: 100%;
  background: linear-gradient(#48A0D8, #9397a1);
}
.search-block{
  border-top: 2px double #14254a;
    border-bottom: 1px dotted #14254a;
    border-left: 1px dotted #14254a;
    border-right: 1px dotted #14254a;
    padding: 8px 5px 0px 5px;
    margin-bottom: 13px;
    border-radius: 7px;
    box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);
    background-image: url(../img/new-image/pt.png);
    background-size: contain;
    background-color: #f5f5f5;
    background-repeat: repeat;
}
.pad-form {
  padding: 9px 8px;
}.th-pagination {
  margin-bottom: 30px;
}
.news-image-size {
    height: 450px;
    object-fit: cover;
    object-position: center;
}
.blog-img .carousel {
  margin-top: 0px;
}
.datte{
  background-color: #aeb3bd54;
  color: #14254a;
  padding: 11px;
  min-width: 150px;
  text-align: center;
  background-image: url(../img/new-image/pattern-9.jpg);
  position: relative;
  background-size: contain;
  background-repeat: repeat;
  border-right: 3px solid #928e8e;
  font-size: 16px;
  font-weight: 700;
}
.recent-post-wrap .media-body .post-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 25px;
  margin: 0 0 -0.1em 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-img .carousel-control-next, .blog-img .carousel-control-prev{
  bottom: 40%;
  background-color: #ffffffe0;
    padding: 13px 11px;
    width: 6%;
}
.blog-content {
background-image: url(../img/new-image/funfact-bg.png);
}
.dir-ltr{
  direction: ltr;
}
.col-xl-6.dir{
  direction: rtl;
}
.back-spi{
  background-color: #fff;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  padding: 30px;
}
.text-io{
  font-size: 25px;
  margin-bottom: 20px;
}
/* services section  */
 
.about-two {
    position: relative;
    z-index: 1;
    padding: 120px 0;
    /* background-color: var(--tolak-white, #fff); */
  }
  @media (max-width: 767px) {
    .about-two {
      padding: 80px 0;
    }
  }
  .about-two::after {
    position: absolute;
    right: 7%;
    top: 0;
    bottom: 0;
    content: "";
    margin: auto;
    background-image: url(../images/shapes/about-2-shape-3.png);
    width: 100%;
    height: 100%;
    background-position: center right;
    background-repeat: no-repeat;
    z-index: -1;
  }
  @media (max-width: 1360px) {
    .about-two::after {
      display: none;
    }
  }
  .about-two__image {
    position: relative;
    max-width: 532px;
  }
  .about-two__image > img {
    max-width: 100%;
    height:190px;
    width: 271px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  }
  .about-two__image > img + img {
    margin-right: auto;
    display: inherit;
  }
  @media (max-width: 767px) {
    .about-two__image > img + img {
      margin-top: 80px;
    }
  }
  .about-two__image__shape {
    position: absolute;
    right: 25px;
    top: 0px;
  }
  .about-two__image__shape img {
    max-width: 100%;
    height: auto;
    animation: zoomBig 3s linear infinite;
  }
  @keyframes zoomBig {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(0.9, 0.9);
    }
    100% {
      transform: scale(1, 1);
    }
  }
  .about-two__fact {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 244px;
    height: 244px;
    background-color: #48A0D8;
    border-radius: 50%;
    border: 11px solid var(--tolak-white, #fff);
    flex-direction: column;
  }
  .about-two__fact::after {
    position: absolute;
    left: -28px;
    right: 0;
    bottom: 5px;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 55px 55px 0 55px;
    transform: rotate(50deg);
    border-color: #48A0D8 transparent transparent transparent;
  }
  @media (max-width: 767px) {
    .about-two__fact::after {
      display: none;
    }
  }
  .about-two__fact::before {
    position: absolute;
    right: -30px;
    top: 5px;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 55px 55px 55px;
    border-color: transparent transparent #48A0D8 transparent;
    transform: rotate(45deg);
  }
  @media (max-width: 767px) {
    .about-two__fact::before {
      display: none;
    }
  }
  .about-two__fact__icon {
    color: var(--tolak-white, #fff);
    font-size: 55px;
    line-height: 55px;
    margin: 0 0 6px;
    text-align: center;
  }
  .about-two__fact__count {
    margin: 0 0 6px;
    color: var(--tolak-white, #fff);
    font-size: 42px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-two__fact__text {
    color: var(--tolak-white, #fff);
    font-weight: 500;
    font-size: 15px;
    margin: 0;
    text-align: center;
  }
  .about-two__content {
    position: relative;
    /* max-width: 470px; */
  }
  @media (max-width: 991px) {
    .about-two__content {
      margin: 45px 0 0;
    }
  }
  .about-two__content .sec-title {
    padding-bottom: 0px;
  }
  .about-two__content__text {
    margin: 0 0 24px 15px;
    font-size: 14px;
  }
.about-two__content__list {
    margin: 0 0px 6px 0;
    padding: 0;
    list-style: none;
    min-height: 170px;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
    }
}

  @media (min-width: 992px) and (max-width: 1199px) {
    .about-two__content__list {
      margin-right: 12px;
    }
  }
  .about-two__content__list li {
    list-style: none;
    position: relative;
    padding-right: 49px;
    font-size: 16px;
    line-height: 28px;
    color: var(--tolak-text, #636363);
    font-weight: 400;
    margin-bottom: 22px;
  }
  .about-two__content__list li p {
    margin: 0;
    display: inline-block;
    line-height: 1;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
  }
  .about-two__content__list li p:hover {
    background-size: 100% 1px;
  }
  .about-two__content__list li span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#DFE0E3;
    color: #3573a5;
    transition: all 300ms ease;
  }
  .about-two__content__list li span::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    transition: all 300ms ease;
    opacity: 0;
    border-color: transparent transparent transparent #DFE0E3;
  }
  .about-two__content__list li a{
    color: #3573a5;
  
    font-weight: 700;
  }
  .about-two__content__list li:hover span {
    background: linear-gradient(#48A0D8, #14254A);
    color: var(--tolak-white, #fff);
  }
  .about-two__content__list li span::after {
    left: -6px;
    opacity: 1;
    transform: rotate(180deg);
    border-color: transparent transparent transparent #DFE0E3;
  }
  .about-two__content .tolak-btn {
    padding: 12.7px 42.5px;
  }
.about-two__content__image {
    position: absolute;
    margin: 6px 0 0;
    max-width: 100%;
    text-align: end;
    left: 0px;
    bottom: 0px;
}
  .about-two__content__image__shape {
    position: absolute;
    right: 18px;
    top: -15px;
  }
  .about-two__content .nav-tabs .nav-item.show .nav-link, .about-two__content .nav-tabs .nav-link.active{
    border-color: transparent!important;
    background: linear-gradient(#48A0D8, #14254A);
    color: #fff!important;
    padding: 13px 2px;
    min-width: 174px;
    border: 0px solid transparent!important;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
  } .about-two__content .nav-tabs .nav-link:focus, .about-two__content .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;

    background: linear-gradient(#48A0D8, #14254A);
    color: #fff!important;
}
  .about-two__content .nav-tabs .nav-link{
    border-color: transparent!important;
    color: #14254A!important;
    padding: 13px 2px;
    min-width: 174px;
    border: 0px solid transparent!important;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    font-weight: 700;
  }
  .about-two__content__image__shape img {
    animation: messageMove 3s linear 0s infinite;
  }
.about-two__content__image img {
    position: relative;
    width: 174px;
    text-align: right;
    margin-left: 18px;
    margin-bottom: 5px;
    height: 120px;
}
.about-two__content__image__bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 198px;
    height: 142px;
    background-color: var(--tolak-gray, #ecf2fc);
    z-index: -1;
    overflow: hidden;
}
    .about-two__content__image__bg::after {
        position: absolute;
        left: -55px;
        top: -48px;
        width: 100%;
        height: 100%;
        content: "";
        background: linear-gradient(#48A0D8, #14254A);
        border-radius: 50%;
    }
.about-two__tabs {
    margin: 0;
    padding: 0px 0 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    border-top: 1px dashed #f1f1f1;
    border-bottom: 0px;
}

    .about-two__tabs li {
        cursor: pointer;
        background-color: var(--tolak-gray, #ecf2fc);
        font-size: 15px;
        color: var(--tolak-black, #051d1f);
        font-weight: 500;
        transition: all 0.5s ease;
        letter-spacing: 0.21px;
        /* padding: 8px 26px;
    min-width: 150px; */
        text-align: center;
    }

        .about-two__tabs li:hover, .about-two__tabs li.active-btn {
            background: linear-gradient(#48A0D8, #14254A);
            color: #fff
        }

.back3 {
    background-image: url(../img/new-image/about-bg-shape4-1.png);
    /*    background-color: #f1f1f1;*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left
}
}
.back1 {
    background-image: url(../img/new-image/bg1.jpg);
    direction: rtl;
    background-size: contain;
    background-position: initial;
    background-repeat: repeat;
    border-radius: 12px;
    padding: 25px 20px !important;
}
.about-two__content .about-two__tabs {
    border-bottom: 0px solid #dee2e6;
}
  @media only screen and (min-width: 1300px){
    .containnn{
      max-width: 91%;
      /* padding-left: 10px;
      padding-right: 10px; */
    }
  }
  .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    background:  #14254A;
    border-radius: 50%;
    overflow: visible;
    z-index: 1;
    border: 10px solid white;
    padding-top: 7px;
  }
  .circle::before, .circle::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px;
}
  .circle:before {
    left: -36px;
    top: -36px;
    border-color: transparent transparent #14254A transparent;
    transform: rotate(315deg);
}
.circle:after {
  right: -36px;
  bottom: -36px;
  border-color: #14254A transparent transparent transparent;
  transform: rotate(315deg);
}
  /* end  */

  .image-box img .wp-post-image{
width: 370px;
height: 240px;
  }

/* end  */
.title-area .sub-title6 .sec-title {
    font-size: 28px!important
}
.title-area .sub-title6 {
    font-size: 28px !important
}
@media (max-width: 1366px) {
    .bor {
  border: 10px solid #f1f1f1;
  height: auto;
  width: 100%;
}
.about-two__content .nav-tabs .nav-link ,.about-two__content .nav-tabs .nav-item.show .nav-link, .about-two__content .nav-tabs .nav-link.active{
  padding: 13px 2px;
  min-width: 126px;

}.about-two__content__text {
  margin: 0 0 24px 15px;
  font-size: 13px;
}.service-card2_img img {
  width: 100%;
  height: 191px;
}
.service-block-one .inner-box .lower-content h3 {
  position: relative;
  display: inline;
  font-size: 15px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 5px;
  float: right;
  padding-top: 14px;
}
.lower-content .icon-box img {
  z-index: 10;
  left: -21px;
  position: relative;
  top: 7px;
  width: 25px !important;
}.service-block-one .inner-box .lower-content .icon-box:before {
  position: absolute;
  content: '';
  height: 43px;
  width: 33px;
  top: 0px;
  left: 0px;
  clip-path: polygon(0% 0%, 60% 0%, 100% 100%, 0% 100%, 0% 0%);
  opacity: 0.4;
  transition: all 500ms ease;
}
.service-block-one .inner-box .lower-content p {
  margin-bottom: 21px;
  display: inline-block;
  font-size: 12px;
}.service-block-one .inner-box .image-box img {
  width: 100%;
  transition: all 500ms ease;
  height: 144px;
}
.bor {
  height: auto;
  width: 66%;
}

.about-grid {
  padding: 30px 35.5px;
  width: 289px;
}
.img-box1 .img2 {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
top: 177px;
}
.bor2 {
  border: 10px solid #f1f1f1;
  height: 363px;
  min-width: 454px;

}
.about-grid_year {
font-size: 29px;
}
.img-box1 {
padding-bottom: 20px;
padding-right: 3px;
min-height: 500px;
}
.about-grid_text {
  max-width: max-content;
}
}
@media (max-width: 991px) {
 
  .news-image-size {
     height: auto;
  }
  .about-two__content__image{
    display: block;
  }
  .about-two__content .nav-tabs .nav-link , .about-two__content .nav-tabs .nav-item.show .nav-link, .about-two__content .nav-tabs .nav-link.active {
   
    min-width: 160px;
  }
  .sub-title6 {
    font-size: 24px;}.img-box1 {
      padding-bottom: 84px;
      padding-right: 3px;
  }.about-grid {
  position: absolute;
  top: 0px;
  right: 10px;
  text-align: center;
  z-index: 2;
  overflow: hidden;
  background: #14254A;
  padding: 35px 39.5px;
  background: linear-gradient(#48a0d88c, #14254aed);
  color: var(--white-color);
}
.service-card2_img img {
  width: 100%;
  height: 191px;
}
.service-block-one .inner-box .lower-content h3 {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 5px;
  float: right;
  padding-top: 14px;
}
    .back-spi {
        background-color: #fff;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
        padding: 30px;
        margin-top: 43px;
    }
    .service-card2_text {
        margin-bottom: -0.5em;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        font-size: 12px;
    }
    .service-card2_title {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.35;
        margin-top: 0px;
        margin-bottom: 6px;
    }
.lower-content .icon-box img {
  z-index: 10;
  left: -21px;
  position: relative;
  top: 7px;
  width: 25px !important;
}.service-block-one .inner-box .lower-content .icon-box:before {
  position: absolute;
  content: '';
  height: 43px;
  width: 33px;
  top: 0px;
  left: 0px;
  clip-path: polygon(0% 0%, 60% 0%, 100% 100%, 0% 100%, 0% 0%);
  opacity: 0.4;
  transition: all 500ms ease;
}
.service-block-one .inner-box .lower-content p {
  margin-bottom: 21px;
  display: inline-block;
  font-size: 12px;
}.service-block-one .inner-box .image-box img {
  width: 100%;
  transition: all 500ms ease;
  height: 144px;
}
.bor {
  border: 10px solid #f1f1f1;
  height: auto;
  width: 62%;
}

.about-grid {
  padding: 15px 13.5px;
  width: 238px;
}
.img-box1 .img2 {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
top: 177px;
}
.bor2 {
  border: 10px solid #f1f1f1;
  height: 242px;
  min-width: 323px;
}
.about-grid_year {
font-size: 29px;
}
.img-box1 {
padding-bottom: 20px;
padding-right: 3px;
min-height: 354px;
}
.about-grid_text {
  max-width: max-content;
}
.service-card.style2 .service-card-icon {
  width: 41px;
  height: 41px;
  line-height: 41px;
  top: -18px;
  left: -38px;}
  .service-card .box-title a {
    font-size: 17px;
}
.service-card.style2 {
  padding: 15px 10px;
  margin: 16px 0 0 16px;
}
.service-card.style2 .service-card-text {
  font-size: 12px;
}
.hero-style8 .hero-title {
  
  font-size: 33px;
  line-height: 37px;
}
}
.Add-btnn .th-btn{
  padding: 17.5px 5px;
}
.Add-btnn{
  margin-top: 42px;
}
@media (max-width: 767px) {
    .bor {
        border: 10px solid #f1f1f1;
        height: auto;
        width: 61%;
    }
    .Add-btnn{
      margin-top: 12px;
    }
.about-grid {
  padding: 19px 3.5px;
  width: 127px;
}
.text-io {
  font-size: 19px;
}
.img-box1 .img2 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  top: 177px;
}
.bor2 {
  border: 10px solid #f1f1f1;
  height: 233px;
  min-width: 241px;
}
.about-grid_year {
  font-size: 29px;
}
.img-box1 {
  padding-bottom: 20px;
  padding-right: 3px;
  min-height: 405px;
}
.about-two__content .nav-tabs .nav-link, .about-two__content .nav-tabs .nav-item.show .nav-link, .about-two__content .nav-tabs .nav-link.active {
  min-width: 153px;
  font-size: 12px;
}
.about-two__content__image {
  display: none;
}
    .title-area .sub-title6 {
        font-size: 20px !important;
    }
        .title-area .sub-title6 .sec-title {
            font-size: 20px !important;
        }
    .counter-thumb img {
        width: 100%;
        height: auto;
    }
    .counter-grid.style2 .counter-grid_number {
        font-size: 29px;
    }
    .service-card.style2 .service-card-icon {
        width: 41px;
        height: 41px;
        line-height: 41px;
        top: -18px;
        left: -26px;
    }
    .about-two__content__list li a {
        color: #3573a5;
        font-weight: 700;
        font-size: 14px;
    }
    .h3, h3 {
        font-size: 18px;
    }
    .about-two__content__text {
        margin: 0 0 24px 15px;
        font-size: 12px;
    }
    .about-two__fact__count {
        margin: 0 0 6px;
        color: var(--tolak-white, #fff);
        font-size: 35px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .circle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 200px;
        height: 200px;
        background: #14254A;
        border-radius: 50%;
        overflow: visible;
        z-index: 1;
        border: 10px solid white;
        padding-top: 14px;
    }
    .back-spi {
        background-color: #fff;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
        padding: 30px;
        margin-top: 3px;
    }
    .about-grid2 p {
        margin-bottom: -0.4em;
        max-width: 434px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 12px;
    }
    .hero-style8 .hero-title {
  
      font-size: 33px;
      line-height: 37px;
  }
}
@media (max-width: 575px) {
    .counter-grid.style2 .counter-grid_number {
        font-size: 29px;
    }
    .service-card.style2 .service-card-icon {
        width: 41px;
        height: 41px;
        line-height: 41px;
        top: -18px;
        left: -26px;
    }
    .about-grid2 .about-grid_title {
        margin-bottom: 5px;
        text-transform: uppercase;
        margin-top: -0.3em;
        font-size: 14px;
    }
    .hero-style8 .hero-title {
  
      font-size: 33px;
      line-height: 37px;
  }
}
@media (max-width: 320px) {
  .about-two__content .nav-tabs .nav-link, .about-two__content .nav-tabs .nav-item.show .nav-link, .about-two__content .nav-tabs .nav-link.active {
    min-width: 123px;
    font-size: 12px;
  }.about-two__content__image {
    display: none;
  }
}        .tox:not([dir=rtl]) {
  direction: rtl!important;
  text-align: right!important;
}
.tox .tox-notification--warn, .tox .tox-notification--warning ,.tox-statusbar__help-text ,.tox-statusbar__path ,.tox-statusbar__right-container{
  display: none!important;
}.form-check .form-check-input {
  float: right;
  margin-right: -1.5em;
}.form-check {
 
  min-height: 1.5rem;
  padding-right: 1.5em;
  margin-bottom: .125rem;
}

/* for upload image  */

.upload__box {
  padding: 0px 0px 20px 0px;
}
.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  min-width: 100%;
  padding: 12px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid;
  background-color: #4045ba;
  border-color: #4045ba;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
  background-color: #83aaff36;
  border-color: #eaeaf7;
}
.upload__btn p{
  font-size: 17px;
}
.upload__btn:hover {
  background-color: unset;
  color: #4045ba;
  transition: all 0.3s ease;
}
.upload__btn-box {
  margin-bottom: 10px;
}
.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.upload__img-box {
  width: 200px;
  padding: 0 10px;
  margin-bottom: 12px;
}
.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}
.upload__img-close:after {
  content: "✖";
  font-size: 14px;
  color: white;
}

.img-bgg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
  border-radius: 15px;
}
/* end  */
.slick-slide {

  direction: ltr!important;
}
.hero-8{
  direction: ltr!important;
}
.dirr{
  direction: rtl;
}
.neww-i {
    background-color: #46536f;
    margin-top: 62px;
}
.new-f {
    margin-bottom: 0px !important;
    background-color: var(--smoke-color);
    background-image: url(../img/new-image/ftr-bg.jpg);
    background-repeat: repeat;
    background-position: right;
    background-size: contain;
}
.new-brand{
  padding: 15px 0;
  height: 188px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.back-border{
  width: 122px;
  /* height: 188px; */
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 7px;
  background-color: #f0f8ffd9;
  background-color: #fefefecf;
  min-height: 131px;
}
.dir-rtl{
  direction: rtl;
}
.footer-info-title2{
  color: #ffcd3e;
  font-size: 15px;    font-size: 17px;
  font-weight: 600;   font-family: "Tajawal", sans-serif;
}
.footer-info-title2:hover{
  color: #ffffff;
  font-size: 15px;    font-size: 17px;
  font-weight: 600;   font-family: "Tajawal", sans-serif;
}
.icon-plugins{
  position: fixed;
  z-index: 99;
  top: 45%;
}
.icon-plugins ul li{
list-style: none;
}
.icon-plugins ul li a{
  color: #fff;
  background: linear-gradient(#48A0D8, #14254A);
  padding: 15px;
  border-radius: 5%;
  line-height: 19px;
  width: 50px;
  height: 50px;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  }
    .icon-plugins ul li a i {
        color: #fff!important;
    }
    .back-border:hover {
        background-color: #fff;
    }
.store-icon {
    background-color: #223259;
    color: var(--white-color);
    border-radius: 0;
    height: 69px;
    width: 69px;
    display: inline-block;
    text-align: center;
    padding: 13px;
    margin-left: 8px;
}
  .store-icon img{
    width: 50px;
  }
  .store-icon:hover{  background-color: #14254a;}
@media (max-width: 767px) {
    .logo-style1 img {
        width: 90px !important;
    }
    .hero-8 .slick-track {
        height: 450px !important;
    }
    .features .new-tab-i h4{
        font-size:18px
    }
    .MHDcards h1, .MHDcards .card1 h3, .MHDcards .card2 h3 {
   
        font-size: 16px;
    }
    .MHDbodyContent .MHDcontent {
        padding:5px!important
    }
    }
.new-f {
    margin-bottom: 0px !important;
    background-color: #eceded;
}
.sec-btn-fs-s a {
    font-size: 12px !important;
    margin-bottom: 10px;
}
.sec-btn-fs-s{
    display:block
}
ul h4{
    margin:0px!important
}
.back-collabse {
    background-color: #efefef;
    padding: 12px 9px;
    border: 1px solid #e0e0e0;
    margin-bottom: 5px;
    color: #001f4e;
}
.maint .box {
    margin-top: 10px;
}
.projects-n a .card-img-top {
 
    height: 400px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.projects-n a .card-body {
    min-height: 149px;
}
.new-cont .icon{
    display:inline-block
}
.new-cont .icon-box:hover h4, .new-cont .icon-box:hover p {
    color: #47a3da !important
}
.new-cont .icon-box{
    padding:20px
}
    .new-cont .icon-box h4 {
        margin-top: 10px;
    }
.title-area .sub-title6 .sec-title2 {
    font-size: 21px !important;
}
.list-group2-item2 {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.leftSideOfContent.my-2{
    margin-bottom:0px!important;
    padding-bottom:25px!important
}
.detailscontent2 {
    background-color: #fff !important;

    /*   
    padding:15px!important*/
}
.accordion-body {
    padding: 20px !important;
    color: black;
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
}
blog-img .carousel-control-next:focus, .blog-img .carousel-control-next:hover, .blog-img .carousel-control-prev:focus, .blog-img .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}
.blog-img .carousel-control-next, .blog-img .carousel-control-prev {
    bottom: 40%;
    background-color: #ffffffe0;
    padding: 13px 11px;
    width: 6%;
    top: unset !important;
    border: 0px;
}
.blog-img .carousel-control-next-icon, .blog-img .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.blog-img .carousel-control-next-icon, .blog-img .carousel-control-prev-icon {
    filter: brightness(0) saturate(100%) invert(60%) sepia(24%) saturate(1050%) hue-rotate(160deg) brightness(91%) contrast(96%);
}
.blog-audio img, .blog-img img, .blog-video img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.new-hederr2 {
    font-weight: 900;
    font-size: 1.2em;
    text-align: justify;
    padding: 20px;
    background-color: #14274a;
    color: #fff;
    background-image: url(../img/new-image/banner_bg.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    direction: rtl;
}
.new-bodyy {
    padding: 20px;
    width: 100%;
    height: 100%;
    background-image: url(../img/new-image/bg-1.jpg);
    background-repeat: repeat;
    background-position: top right;
    background-size: cover;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
    .new-bodyy .Pborder1 {
        font-size: 17px;
        line-height: 25px;
   
        color: #014da1;
    }
    .new-bodyy .Pborder1 ul li{
        font-size: 15px;
        line-height: 25px;
   
        color: #3d4250;
    }
        .new-bodyy .Pborder1 ul {
           padding-right:15px
        }
    .new-bodyy .ul-designn a {
        font-size: 17px;
        line-height: 25px;
        color: #014da1;
        display:block
    }
    @media (max-width: 767px) {
        .cyberr .img-box11 .shape2 {
    
        display: none;
    }
    .hero-style8 .hero-title {
        font-size: 20px;
        line-height: 29px;
    }
        .hero-style8 .hero-text {
            max-width: 525px;
            font-size: 14px;
            margin-bottom: 20px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
}
#hero .btn-get-started {
    /* font-weight: 500; */
    /* border: 2px solid #ef6603; */
    /* border: 2px solid #48a0d8; */
  
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 13.5px 5px;
    border-radius: 2px;
    min-width: 150px;
 
    margin-top: 15px;
    min-width: 116px;
}
.page-content-wrapper {
    float: right;
    width: 100%;
}
/*new-edittt*/
.newss-back {
    position: relative;
    background-color: #f3f3f3;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
/*    padding: 130px 0px 130px 0px;*/
}
.newss-back::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 28px;
    /*    background-image: url(data:image/svg+xml,<svg width="504" height="30" viewBox="0 0 504 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_412_1405)"><path d="M443.334 26.8328C439.169 28.9156 434.575 30 429.918 30L81.9995 30C73.7155 30 66.9995 23.2843 66.9995 15C66.9995 6.7157 73.7155 0 81.9995 0L463.459 0C471.814 0 474.473 11.2634 467 15L443.334 26.8328Z" fill="white"/><path d="M504 0.000299454C499.371 0.0128995 494.807 1.0967 490.665 3.1674L467 15L467 0.000200272L504 0.000299454Z" fill="white"/><path d="M470 5L462 5V0L470 0V5Z" fill="white"/><path d="M60.6654 26.8328C64.8314 28.9156 69.4244 30 74.0824 30L422 30C430.284 30 437 23.2843 437 15C437 6.7157 430.284 0 422 0L40.5414 0C32.1854 0 29.5264 11.2634 37.0004 15L60.6654 26.8328Z" fill="white"/><path d="M0 0.000299454C4.629 0.0128995 9.19299 1.0967 13.335 3.1674L37 15V0.000200272L0 0.000299454Z" fill="white"/><path d="M34 5L42 5V0L34 0V5Z" fill="white"/></g><defs><clipPath id="clip0_412_1405"><rect width="504" height="30" fill="white" transform="matrix(-1 0 0 -1 504 30)"/></clipPath></defs></svg>);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 9;
    background-image: url('../img/new-image/image-1.svg');
}
.newss-back::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 28px;
    /*    background-image: url(data:image/svg+xml,<svg width="504" height="30" viewBox="0 0 504 30" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M60.6652 3.16718C64.8309 1.08435 69.4243 0 74.0817 0H422C430.284 0 437 6.71573 437 15C437 23.2843 430.284 30 422 30H40.5406C32.1854 30 29.5265 18.7366 36.9996 15L60.6652 3.16718Z" fill="%23ffffff"/ > <path d="M0 29.9997C4.62938 29.9871 9.19344 28.9033 13.3348 26.8326L36.9996 15L37 29.9998L0 29.9997Z" fill="%23ffffff"/ > <path d="M34 25H42V30H34V25Z" fill="%23ffffff"/ > <path d="M443.335 3.16718C439.169 1.08435 434.576 0 429.918 0H82.0004C73.7161 0 67.0004 6.71573 67.0004 15C67.0004 23.2843 73.7161 30 82.0004 30H463.459C471.815 30 474.474 18.7366 467 15L443.335 3.16718Z" fill="%23ffffff"/ > <path d="M504 29.9997C499.371 29.9871 494.807 28.9033 490.665 26.8326L467 15L467 29.9998L504 29.9997Z" fill="%23ffffff"/ > <path d="M470 25H462V30H470V25Z" fill="%23ffffff"/ > </svg > );*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 9;
    background-image: url('../img/new-image/image-2.svg');
}
.newss-back2 {
    position: relative;
    background-color: #f3f3f3;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
}
.newss-back2::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 28px;
    /*    background-image: url(data:image/svg+xml,<svg width="504" height="30" viewBox="0 0 504 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_412_1405)"><path d="M443.334 26.8328C439.169 28.9156 434.575 30 429.918 30L81.9995 30C73.7155 30 66.9995 23.2843 66.9995 15C66.9995 6.7157 73.7155 0 81.9995 0L463.459 0C471.814 0 474.473 11.2634 467 15L443.334 26.8328Z" fill="white"/><path d="M504 0.000299454C499.371 0.0128995 494.807 1.0967 490.665 3.1674L467 15L467 0.000200272L504 0.000299454Z" fill="white"/><path d="M470 5L462 5V0L470 0V5Z" fill="white"/><path d="M60.6654 26.8328C64.8314 28.9156 69.4244 30 74.0824 30L422 30C430.284 30 437 23.2843 437 15C437 6.7157 430.284 0 422 0L40.5414 0C32.1854 0 29.5264 11.2634 37.0004 15L60.6654 26.8328Z" fill="white"/><path d="M0 0.000299454C4.629 0.0128995 9.19299 1.0967 13.335 3.1674L37 15V0.000200272L0 0.000299454Z" fill="white"/><path d="M34 5L42 5V0L34 0V5Z" fill="white"/></g><defs><clipPath id="clip0_412_1405"><rect width="504" height="30" fill="white" transform="matrix(-1 0 0 -1 504 30)"/></clipPath></defs></svg>);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 9;
    background-image: url('../img/new-image/image-1.svg');
}
.leftSideOfContent .contentSec .MOEiframe iframe {
    min-height: 900px;
}
/*** 

====================================================================
    Fun Fact Section
====================================================================

***/
.fun-fact-section {
    position: relative;
/*    padding: 120px 0 90px;*/
}

.counter-block {
    position: relative;
    margin-top: 65px
    /*    margin-top: 75px;
    margin-bottom: 50px;*/
}

    .counter-block .inner {
        position: relative;
        min-height: 200px;
        width: 100%;
        background-color: #fff;
        text-align: center;
        padding: 5px 40px 40px;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;

        background-image: url('../img/new-image/pattern-dd1.png');
        background-repeat: no-repeat;
        background-position: center;
        -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
        box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
    }

        .counter-block .inner:hover {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

            .counter-block .inner:hover .icon {
                background-color:#14254A;
              fill:#FFCD35;
                border-radius: 50%;
            }
            .counter-block .inner:hover svg {
                fill: transparent;
                stroke: #FFCD35
            }
                .counter-block .inner:hover svg.new-svg-kkk {
                    fill: #FFCD35;
                    stroke: #FFCD35
                }
                .counter-block .inner:hover svg path {
                    /*                fill: #FFCD35;*/
                    stroke: #FFCD35
                }
    .counter-block .icon {
        position: relative;
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100px;
        width: 100px;
        margin: -50px auto 0;
        background-color: #e6e8ed;
/*        color: var(--theme-color1);*/
        font-size: 62px;
        font-weight: 600;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        z-index: 1;
        margin-bottom: 20px;
    }

    .counter-block .count-box {
        font-size: 46px;
        color: #14254A;
        font-weight: 700;
        line-height: 1em;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

        .counter-block .count-box .count-text {
            font-size: 34px;
            color: #14254A;
            font-weight: 700;
            line-height: 1em;
        }

    .counter-block .counter-title {
        display: block;
        padding: 10px 10px;
        font-size: 15px;
        line-height: 18px;
        color: #fff;
        background-color:#14254A;
       
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 0;
    }
/*   المنصات */
/***

====================================================================
    Features Section two
====================================================================

***/
.features-section-two {
    position: relative;
/*    padding: 120px 0 90px;*/
    z-index: 3;
}

    .features-section-two .icon-circle-lines {
        position: absolute;
        top: 0;
        left: 0;
    }

    .features-section-two .icon-angle {
        position: absolute;
        bottom: 155px;
        left: 185px;
        background-repeat: no-repeat;
    }

@media only screen and (max-width: 1699px) {
    .features-section-two .icon-angle {
        left: 50px;
    }
}

.features-section-two .icon-lines-4 {
    position: absolute;
    top: 66px;
    right: 280px;
    background-repeat: no-repeat;
}

@media (max-width: 1199.98px) {
    .features-section-two .icon-lines-4 {
        display: none;
    }
}

.feature-block-two {
    position: relative;
    margin-bottom: 30px;
}

    .feature-block-two .inner-box {
        position: relative;
        overflow: hidden;
    }

        .feature-block-two .inner-box:hover .content-box {
            opacity: 0;
        }

        .feature-block-two .inner-box:hover .image-box::before {
            height: 0;
        }

    .feature-block-two .content-box {
        position: relative;
        text-align: center;
        padding-top: 64px;
        z-index: 3;
        pointer-events: none;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        background-image: url('../img/new-image/funfact-bg.png');
    }

        .feature-block-two .content-box .inner {
            border: 1px solid #e3dbd8;
            padding: 0 15px 28px;
            min-height: 227px;
        }

        .feature-block-two .content-box .icon-box {
            position: relative;
            height: 90px;
            width: 90px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: -45px auto 15px;
            background-color: #14254A;
        }
        .feature-block-two .content-box .icon-box svg {
        fill:#fff!important
        }
            .feature-block-two .content-box .icon-box::before {
                position: absolute;
                top: 0;
                height: 50%;
                width: 100%;
                left: 0;
                right: 0;
                margin: 0 auto;
/*                border: 1px solid #e3dbd8;*/
                border-bottom: 0;
                content: "";
            }

            .feature-block-two .content-box .icon-box .icon {
                position: relative;
                height: 100px;
                width: 100px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                background-color: #14254A;
                color: #14254A;
                font-size: 64px;
            }

        .feature-block-two .content-box .title {
            margin-bottom: 8px;
        }

        .feature-block-two .content-box .text {
            color: #878787;
            font-size:14px
        }

    .feature-block-two .image-box {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

        .feature-block-two .image-box::before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: #fff;
            content: "";
            z-index: 1;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .feature-block-two .image-box .image {
            position: relative;
            margin-bottom: 0px;
        }

            .feature-block-two .image-box .image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                height:280px
            }

        .feature-block-two .image-box .title-box {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: #14254A;
            text-align: center;
            padding: 20px 30px 18px;
            color: #fff;
        }

            .feature-block-two .image-box .title-box .title {
                margin-bottom: 0;
                color: #fff;
            }

                .feature-block-two .image-box .title-box .title a:hover {
                    color: #FFCD35;
                }
                .feature-block-two .image-box .title-box .title a {
                    color: #fff;
                }
                .feature-block-two .image-box .title-box .read-more {
                    position: absolute;
                    right: 0px;
                    bottom: 100%;
                    height: 50px;
                    width: 50px;
                    text-align: center;
                    line-height: 50px;
                    background-color: #fff;
                    color: #14254A;
                }

                .feature-block-two .image-box .title-box .read-more:hover {
                    background-color: #14254A;
                    color: #fff;
                }

                .feature-block-two .image-box .title-box .read-more .icon::before {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    display: inline-block;
                }
/*                calendar */
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: "Tajawal", sans-serif;
    min-height: 100vh;
}

.MOE-calendar-001 {
    background-color: #fff;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* height: 100vh; */
    position: relative;
    direction: rtl;
    margin-top: 0px;
}

.calendar-container {
    --clr01: #14274a;
    --clr02: #ffdb74;
    --clr03: #48a0d8;
    --clr04: #1b366821;
    --clr05: rgb(236, 236, 236);
    background-color: #fff;
/*    border-radius: 45px;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    width: 100%;
/*    max-width: 900px;*/
    text-align: center;
}

.cal-bg {
    background-color: var(--clr01);
    padding: 10px;
}

.cal-bg-top {
    border-radius: 0px 0px 0 0;
}

.cal-bg-bottom {
    border-radius: 0 0 0px 0px;
    background-color: var(--clr01);
}

.calendar-header {
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: #2b3767;
    border-radius: 35px 35px 0 0;
    color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 120px;
    text-align: center;
}

    .calendar-header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0f1b4cd1;
        border-radius: 35px 35px 0 0;
    }

    .calendar-header h3 {
        margin: 0;
        font-size: 20px;
        z-index: 2;
        cursor: pointer;
    }

    .calendar-header button {
        background-color: transparent;
        border: none;
        color: white;
        font-size: 25px;
        cursor: pointer;
        z-index: 2;
    }

        .calendar-header button:hover {
            color: var(--clr02);
        }

/* Weekday header styles */
.weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 10px 0;
}

/* Calendar day styles */
.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    margin: 7px auto;
}

.day {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    background-color: none;
    cursor: pointer;
    font-size: 16px;
    color: #14274a;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    justify-self: center;
}

    .day:hover {
        background-color: var(--clr03);
        color: white;
    }

    .day.selected {
        background: linear-gradient(#48a0d8, #14254a);
        color: white;
        z-index: 10;
    }

    .day.disabled {
        background-color: white;
        color: #555;
        pointer-events: none;
    }

    .day.today {
        background: linear-gradient(transparent 40%, #ffdb74 99%);
        border: #ffdb74 1px solid;
        color: black;
    }

        .day.today:hover {
            color: black;
        }

    .day .event-indicator {
        position: absolute;
        bottom: 3px;
        right: 10px;
        width: 8px;
        height: 8px;
        background-color: var(--clr03);
        border-radius: 50%;
    }

    .day.selected .event-indicator {
        background-color: var(--clr02);
    }

    .day:hover .event-indicator {
        background-color: var(--clr02);
    }

.month-year-selector {
    display: none;
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(-50%) scale(0.95);
    background-color: #48a1d88f;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
    width: 450px;
    padding: 15px;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease-in-out;
    z-index: 10;
    box-sizing: border-box;
}

    .month-year-selector::-webkit-scrollbar {
        width: 8px;
        background-color: none;
    }

    .month-year-selector::-webkit-scrollbar-thumb {
        background-color: #14254a !important;
        border-radius: 4px;
    }

    .month-year-selector.show {
        display: block;
        opacity: 1;
        transform: translateX(-50%) translateY(10px) scale(1);
    }

.month-year-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.month-year-option {
    padding: 12px 18px;
    cursor: pointer;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: center;
    transition: all 0.2s ease-in-out, transform 0.2s ease;
    background-color: #f7f7f7;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

    .month-year-option:hover {
        background-color: #f0f0f0;
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    }

    .month-year-option:focus {
        outline: none;
        box-shadow: 0 0 0 4px rgba(72, 160, 216, 0.6);
    }

.close-selector {
    font-size: 20px;
    color: #14274a;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: color 0.2s ease;
}

    .close-selector:hover {
        color: #ffdb74;
    }

.month-year-selector::-webkit-scrollbar {
    width: 8px;
}

.month-year-selector::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

    .month-year-selector::-webkit-scrollbar-thumb:hover {
        background-color: #999;
    }

.events-section {
    width: 100%;
}

.events {
    padding: 15px;
    /* background: white; */
    border-radius: 10px;
    justify-items: center;
}

.event {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 4px 0;
    border-bottom: 1px solid #ffdb7459;
    font-weight: 500;
    width: 100%;
    width: 100%;
    /* max-width: 900px; */
}
.event:last-child {
  
    border-bottom: 0px solid #ffdb7459;
  
    /* max-width: 900px; */
}

.event-day {
    font-size: 18px !important;
    font-weight: 600;
    background-color: #f0d999;
    font-size: 25px;
    color: var(--clr01);
    padding: 5px 5px;
    min-width: 35px;
    min-height: 30px;
    text-align: center;
    border-radius: 6px;
}

.event-title {
    font-size: 15px;
    font-weight: 600;
    color: white;
}

.no-events {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.event-divider {
    min-height: 39px;
    width: 1px;
    background-color: #f0d99957;
}

.btn-wrapper {
    width: 100%;
    text-align: end;
}

.corner-button {
    margin-top: 0px;
    margin-left: 10px;
    padding: 6px 12px;
    background-color: #ffdb74;
    color: #14274a;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 900 !important;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s;
}

    .corner-button:hover {
        background-color: #ffcc50;
    }


@media (max-width: 767px) {
    .MOE-calendar-001 {
        margin-right: 0px;
        margin-left: 0px;
    }

    .day {
        width: 35px;
        height: 24px;
        line-height: 32px;
        font-size: 12px;
    }

    .calendar-container {
        padding: 1px;
    }

    .corner-button {
        margin-top: 10px;
        margin-left: 10px;
        padding: 6px 13px;
        background-color: #ffdb74;
        color: #14274a;
        border: none;
        border-radius: 8px;
        font-size: 10px;
        font-weight: 900 !important;
        cursor: pointer;
        z-index: 10;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        transition: background-color 0.3s;
    }

    .month-year-selector {
        width: 80%;
    }

    .month-year-option {
        font-size: 14px;
    }

    .weekdays {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        text-align: center;
        font-size: 9px;
        font-weight: 600;
        color: #fff;
        margin: 10px 0;
    }
}


@media (min-width: 1000px) {
    /* .MOE-calendar-001 {
    .calendar-container {
      max-width: 50%;
    } */

    .day {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        font-weight: 650;
    }

    .calendar-header h3 {
        font-size: 24px;
    }

    .CMargin2 {
        margin: 7px 5px;
        font-weight: 450;
        font-size: 13px;
    }
}
.z-index-100{
    z-index:100!important
}
.new-modal-c.show .modal-dialog{
/*max-width:800px*/
}
.new-modal-c .modal-body {
    padding: 2px;
}
.new-jkj .card-header {
    padding: 20px;
    background-color: #14274a;
    color: #fff;
    /* background-image: url(../img/new-image/8-1.png); */
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    direction: rtl;
    background-image: url('../img/new-image/background.jpg');
}
.new-modal-c{
    z-index:1000
}
 
@media (max-width: 991px) {
    .leftSideOfContent.my-2 {
        padding: 20px !important;
    }
    .new-media-display {
        top: 1%;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        position:absolute
    }

        .new-media-display ul {
            display: inline-flex;
            text-align: center;
            padding-left: 0px;
        }
    .header-layout7 .header-top.back-head {

        padding: 13px 0;
    }
        .new-media-display ul li {
            list-style: none;
            margin: 0px 5px;
        }
        .header-links .header-social{
display:none!important
        }
    .new-media-display ul li a {
        color: #fff;
        background: linear-gradient(#48A0D8, #14254A);
        padding: 10px;
        border-radius: 5%;
        line-height: 13px;
        width: 40px;
        height: 40px;
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    .counter-block .inner {
        min-height: 163px;
        padding: 5px 40px 40px;
        margin-bottom: 25px;
    }
    .counter-block .icon {
      
        height: 90px;
        width: 90px;
     
        font-size: 52px;
       
        margin-bottom: 7px;
    }
    .counter-block .count-box .count-text {
        font-size: 30px;
      
    }
    .newss-back2::before {
        content: "";
        position: absolute;
        top: -1px;
  
        height: 19px;
    
    }
    .newss-back::after {
        content: "";
        position: absolute;
        bottom: -1px;
        
        height: 20px;
      
    }
    .newss-back::before {
        content: "";
        position: absolute;
        top: -1px;
      
        height: 19px;

    }
}
.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: 14px;
    border-radius: .3rem;
}

/*الاحصائيات */

.static-head {
    background-image: url(../img/new-image/texture-2.png);
    padding: 25px 10px;
    background-size: cover;
    background-position: left center;
    background-repeat: repeat;
    background-color: #203052;
}
    .static-head h4 {
        color: #fff;
        font-size: 19px;
        margin-bottom: 0px;
    }
    .chart-body {
        background-color: #fff;
    }
.chart-all {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding-top: 20px;
/*    margin:20px*/
}
.mar-1{
    margin:15px 15px 0px 0px
}
.mar-2 {
    margin: 15px 0px 0px 15px
}
.mar-3 {
    margin: 15px 15px 0px 15px
}
.highcharts-credits {
    display: none
}
@media (min-width: 767px) and (max-width: 1199px) {
    .logo-style1 {
        padding: 7px 8px 6px 0px;
    }

    .main-menu a {
        font-size: 13px;
    }

    .main-menu > ul > li {
        margin: 0 8px;
    }

    .col-auto .logo-style1 a img {
        width: 120px !important
    }

    .hero-style8 {
        position: relative;
        z-index: 6;
        /*        padding: 205px 0 245px 0;*/
        max-width: 477px;
        text-align: right;
        padding-right: 25px;
        padding: 97px 0;
    }

        .hero-style8 .hero-title {
            font-weight: 900;
            letter-spacing: 0em;
            word-spacing: 0.1em;
            font-size: 22px;
            line-height: 39px;
        }

    .hero-8 .hero-img img, .hero-8 .hero-img {
        height: 550px
    }

        .hero-8 .hero-img:before {
            height: 550px;
        }

        .hero-8 .hero-img .icon-btn {
            top: 269px;
            left: -20px;
        }

    .hero-8 .slick-track {
        height: 550px !important;
    }

    .icon-plugins {
        position: fixed;
        z-index: 99;
        top: 34%;
    }

    .about-grid {
        padding: 25px 35.5px;
        width: 213px;
    }

    .text-io {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .back-spi {
        background-color: #fff;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
        padding: 15px;
    }

    .header-layout7 .sticky-wrapper.sticky .logo-style1 {
        padding: 13px 4px 17px 0;
    }

    .cyberr .icon-cy {
        width: 26px;
    }

    .cyberr .about-feature_icon {
        width: 78px;
        height: 78px;
    }

    .call-btn .play-btn {
        --icon-size: 37px;
        font-size: 1px;
        margin-right: 0px;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .new-media-display ul {
        display: block;
        text-align: center;
        padding-left: 0px;
    }
    .hero-style8 .hero-title {
        font-weight: 900;
        letter-spacing: 0em;
        word-spacing: 0.1em;
        font-size: 18px;
        line-height: 37px;
    }
    .hero-style8 {
        position: relative;
        z-index: 6;
        /* padding: 205px 0 245px 0; */
        max-width: 385px;
        text-align: right;
        padding-right: 25px;
        padding: 97px 0;
    }
    .about-two__content {
        margin: 0px 0 0;
    }
    .about-grid2 .icon{
        display:none
    }
    .about-grid2 ~ .about-grid2 {
        /* border-top: 1px solid var(--border-color); */
        margin-top: 6px;
        padding-top: 15px;
    }
    .call-btn .play-btn {
        --icon-size: 37px;
        font-size: 1px;
        margin-right: 0px;
        display: none;
    }
    p.mb-35 {
        margin-bottom: 9px;
    }
    .back-spi {
        padding: 10px;
        margin-top: 0px;
    }
    .hero-8 .hero-img {
        max-width: 40%;
    }
    .leftSideOfContent.my-2 {
      
        padding: 20px !important;
    }
}


@media (max-width: 991px) {
    .mar-1 {
        margin: 15px 15px 15px 15px
    }

    .mar-2 {
        margin: 15px 15px 15px 15px
    }

    .mar-3 {
        margin: 15px 15px 15px 15px
    }
}