@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400&display=swap");

@font-face {
  font-family: "Roboto-Medium";
  src: url(../fonts/bahij-janna.ttf); }

/* start theme setup */
:root {
  --main-color: #012a44;
  --main-color-op80: rgba(1, 42, 68, 0.8);
  --sec-color: #0a4c6a;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none !important; }
  * a:hover {
    text-decoration: none; }
.container{
  max-width: 1300px;
}
.hide{
    display:none !important;
}
form{
  direction: ltr;
}
body.rtl form{
  direction: rtl;
}
.fixed-icon{
  position: fixed;
  z-index: 99;
  right:  20px;
  top: 80%;
}
body.rtl .fixed-icon{
  right:  unset;
  left:  20px;
}
.fixed-icon a.uptohead{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-color);
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  transform: translateX(100px);
  transition: all linear .3s;
}

.fixed-icon a.uptohead.flying{
  transform: translateX(0px);
}
body.rtl .fixed-icon a.uptohead{
  transform: translateX(-100px);
}
body.rtl .fixed-icon a.uptohead.flying {
  transform: translateX(0px);
}
iframe, img {
  max-width: 100%; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.centerblock {
  margin: 0 auto; }

html , body{
  overflow-x: hidden !important; }

body {
  font-family: Roboto-Medium;
  position: relative;
  overflow-x: hidden !important; }
body.rtl{
  text-align: right;
  direction: rtl;
}

a.main-buttonsc , .main-buttonsc{
  background-color: var(--sec-color);
  color: #fff;
  font-size: 14px;
  transition: all linear .4s;
  border-radius: 5px;
  padding: 8px 15px;
  display: inline-flex;
  align-items: center;
  gap: 25px;
  position: relative;
}
.iconbtnmain{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #2a275e;
  transform: rotate(45deg);
  transition: all linear .4s;
}
body.rtl .iconbtnmain{
  transform: rotate(-45deg);
}
.main-buttonsc:hover .iconbtnmain{
  transform:rotate(45deg) scale(1.2);
}
body.rtl .main-buttonsc:hover .iconbtnmain{
  transform:rotate(-45deg) scale(1.2);
}
.iconbtnmain svg{

}

.main-buttonsc:hover{
  background-color: var(--main-color);
}


.mainwheader{
  font-weight: bold;
  font-size: 48px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0px;
  margin: 0;
}
.exhibitionsec .tab-content{
  margin-top: 60px;
}
.exhibitionsec .nav-tabs{
  gap: 30px;
  border: 0;
}
.exhibitionsec .nav-tabs button.nav-link{
  border: 0;
  background: var(--sec-color);
  color: #fff;
  border-radius: 5px;
  padding: 10px 30px;
  font-size: 20px;
  opacity: .7;
  transition: all linear.4s;
}
.exhibitionsec .nav-tabs button.nav-link.active{
  opacity: 1;
  background: var(--main-color);
}
.mainwheader:after{
  content: " ";
  border: 5px solid #f1f9fe;
  border-radius: 5px;
  width: 100%;
  height: 170%;
  position: absolute;
  z-index: 1;
  margin-inline-start: 30px;
  animation: borderRun 4s linear infinite;

}

/* الانيميشن */
@keyframes borderRun {
  0% {
    border: 5px solid #f1f9fe;
  }
  50% {
    border: 5px solid #cad4dc;
  }
  100% {
    border: 5px solid #f1f9fe;
  }
}
.mainwheader span{
  color: var(--main-color);
  position: relative;
  z-index: 2;
}
.mainwheader span:first-of-type{
  color: #8da0a8;
}
/* end theme setup */




/*Start Search*/
.search-btn {
  font-size: 0;
  cursor: pointer;
  position: relative; }

.search-area {
  position: absolute;
  right: 0%;
  opacity: 0;
  z-index: 0;
  background-color: transparent;
  transition: all linear .4s;
  width: 300px;
  height: auto;
  top: 125%;
  padding: 0;
  transform: scaleY(0);
  visibility: hidden;
  opacity: 0;
}
body.rtl .search-area{
  right: unset;
  left: 0%;
}
.search-btn svg{
  transition: all linear .4s;
}
.close-svg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(180deg);
  opacity: 0;
}

.search-btn.active .close-svg{
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  opacity: 1;
}
.search-btn.active .search-svg{
  transform:   scale(.7) rotate(180deg);
  opacity: 0;
}

.search-area.active {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  z-index: 10;
}


.search-area .search-content{
  height: 100%;
}
#searchform{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
  .search-area .search-content form input {
    background: #ffffff5c;
    border: 0;
    padding: 0;
    width: 80%;
    height: 50px;
    color: #fff !important;
    text-align: start;
    padding-inline-start: 5px;
    font-family: 'Roboto-Medium';
    font-weight: 100;
    font-size: 16px; }

    .search-area .search-content form input::placeholder {
      color: #ffffff !important;
      font-size: 16px;
    }
  .search-area .search-content form button {
    color: #fff;
    border: 0;
    padding: 0;
    background: #ffffff5c;
    width: 20%;
    height: 50px;
    display: flex
  ;
    align-items: center;
    justify-content: center; }
.search-area .search-content form button i {
  font-size: 18px;
}
.inside-header .search-area .search-content form button , .inside-header .search-area .search-content form input{
  background: #3d3f3ca1;
}
.search-butt{
  display: none !important;
}
  .search-area .search-content .search-close {
    transition: all linear .4s;
    position: absolute;
    top: 15px;
    left: 2%;
    background: transparent;
    border: 2px solid #9c9da1;
    border-radius: 0%;
    width: 50px;
    height: 50px;
    color: #ffffff;
    padding: 3px 0 0 0; }
    .search-area .search-content .search-close:hover {
      opacity: .5;
      transform: scale(0.9); }

/* End Search*/

/* Start Scroll */
body::-webkit-scrollbar-track {
  background: #fff; }
body::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
  border-radius: 50px; }
body::-webkit-scrollbar {
  width: .5em; }
/* end Scroll */

.loade {
  position: fixed;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: flashbg 1.5s ease-in-out infinite;
  opacity: .8;
}

@keyframes flashbg {
  0% {
    background-color: var(--sec-color);
  }
  50% {
    background-color: var(--main-color);
  }
  100% {
    background-color: var(--sec-color);
  }
}


@media (min-width: 992px) {
  .main-nav {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    padding: 0px 0px; }
.main-nav img{
    max-width:100px;
}
  .nav-list {
    display: flex;
    margin-bottom: 0;
    gap: 30px;
    list-style: none; }
    .nav-list > .link {
      display: flex;
      align-items: center;
      position: relative;
      text-transform: capitalize;
      margin-inline-end: 0px; }
      .nav-list > .link:last-of-type {
        margin-inline-end: 0px; }
      .nav-list > .link > a {
    display: block;
    color: var(--sec-color);
    position: relative;
    background: transparent;
    border-radius: 0;
    font-size: 15px;
    margin: 0;
    font-weight: bold;
    transition: ease-in-out .4s;}

  .nav-list > .link > a:after {
    contentoff: "";
    width: 100%;
    height: 3px;
    background: #1275b8;
    transition: linear .4s;
    display: block;
    position: absolute;
    right: 0%;
    bottom: 50px;
    border-radius: 0px;
    z-index: -1;
    opacity: 0; }
  .nav-list > .link > a:before {
    contentoff: "";
    width: 100%;
    height: 3px;
    background: #1275b8;
    transition: linear .4s;
    display: block;
    position: absolute;
    right: 0%;
    top: 50px;
    border-radius: 0px;
    z-index: -1;
    opacity: 0; }
  .nav-list > .link:hover a:after, .nav-list > .link.active a:after, .nav-list > .link:hover a:after, .nav-list > .link.active a:after {
    transition: linear .4s;
    bottom: 0;
    opacity: 1; }
  .nav-list > .link:hover a:before, .nav-list > .link.active a:before, .nav-list > .link:hover a:before, .nav-list > .link.active a:before {
    transition: linear .4s;
    top: 0;
    opacity: 1; }
  .nav-list > .link:hover a, .nav-list > .link.active a {
    color: var(--main-color);
    transition: linear .4s; }
  .nav-list > .link:hover a {
    color: var(--main-color);
    transition: linear 0.4s; }
  .nav-list > .link.active a {
    color: var(--main-color);
    transition: linear .4s; }
  .nav-list .link:hover > .sub-list {
    display: block; }
  .nav-list .link .sub-list .sub-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .nav-list .link .sub-list .sub-link:hover > .sub-list {
      display: block; }

  .has_sub_menu {
    margin-right: 5px; }
    .has_sub_menu ~ i {
      width: 15px;
      display: inline-block;
      text-align: center;
      color: #000; }

  .sub-list {
    background-color: #fff;
    padding: 20px;
    list-style: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 100%;
    min-width: 230px;
    display: none;
    z-index: 4;
    left: 0; }
    .sub-list li {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #cacaca; }
      .sub-list li a {
        display: block;
        width: 100%;
        position: relative;
        color: #000 !important;
        background: transparent !important;
        text-align: center; }
        .sub-list li a:hover {
          color: #1F7979; }
        .sub-list li a.has_sub_menu {
          display: inline-block;
          margin-left: 5px; }
      .sub-list li:hover {
        border-bottom: 1px solid #1F7979; }
      .sub-list li:last-child > a {
        margin-bottom: 0; }
    .sub-list .sub-link {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      transition: all .5s linear; }
      .sub-list .sub-link:hover {
        background-color: #137e17; }
      .sub-list .sub-link:last-child {
        border-bottom: 0; }
    .sub-list .sub-list {
      top: 0;
      left: 100%; }

  .nav-btn, .mobile-nav-list {
    display: none !important; } }
@media (max-width: 992px) {
  .nav-list {
    display: none; }

  .main-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

  .nav-btn {
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
    color: #000000;
    text-align: center;
    display: flex;
    line-height: normal;
    justify-content: center;
    align-items: center;
    font-size: 26px; }

    .nav-btn:hover {
     }

  .mobile-nav-list {
    display: block;
    position: fixed;
    top: 0;
    overflow: scroll;
    z-index: 999;
    height: 100%;
    width: 300px;
    padding:20px 0 60px 0;
    background-color: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
    transition: all .5s linear;
    right: 0; }
    .mobile-nav-list .logo {
      padding: 0;
      text-align: center ;
      margin-bottom: 25px;
    }
    .mobile-nav-list .date {
      display: flex;
      margin-top: 15px;
      padding: 0 30px;
      flex-direction: column;
      justify-content: center;
      align-items: self-start; }
      .mobile-nav-list .date .lang, .mobile-nav-list .date #hijrii {
        margin: 10px 0; }
    .mobile-nav-list .l-head {
      justify-content: center; }
    .mobile-nav-list .link {
      font-size: 30px;
      padding: 10px 30px;
      position: relative; }
      .mobile-nav-list .link a {
        color: #000;
        display: block;
        font-size: 14px;
        width: 100%; }
        .mobile-nav-list .link a:hover {
          color: var(--sec); }
        .mobile-nav-list .link a.has_sub_menu {
          display: inline-block;
          margin-left: 5px; }
      .mobile-nav-list .link i {
        color: #fff;
        background-color: #78dcff;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        transform-origin: center;
        transition: all .3s linear; }
        .mobile-nav-list .link i.open {
          transform: rotate(180deg); }
      .mobile-nav-list .link.active a {
        color: var(--sec); }

  .sub-list {
    box-shadow: none;
    width: 100%;
    overflow: hidden;
    background-color: transparent; }
    .sub-list a {
      display: block;
      position: relative; }
    .sub-list .sub-link {
      border: 0;
      padding: 5px 20px;
      font-size: 14px;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      white-space: nowrap; }
    .sub-list .sub-list a {
      display: block;
      position: relative;
      padding-right: 15px; }

  .trans-none {
    transform: none !important; }

  .nav-overlay {
    display: block;
    position: fixed;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .5s ease-in-out;
    left: 0;
    transform: translateX(-100%); } }


/*  start header*/

header {
  padding: 25px 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9;
  background-color: transparent;
  box-shadow: none;
}
header:after{
  content: " ";
  box-shadow: 0 0 62px 52px #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}
.logo img{
  max-height: 90px;
}


  header.inside-header {
    position: relative;
    padding: 30px 0;
    top: unset;
    left: unset;
    right: unset;
    border: unset;
  }
  header .main-buttons {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: end;
    gap: 10px;
  }

  .lang-section > a , .search-btn , .nav-btn{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sec-color);
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    transition: all linear .3s;
  }
.lang-section > a:hover , .search-btn:hover , .nav-btn:hover{
    background-color: var(--main-color);
}
.search-btn svg{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(344deg) brightness(108%) contrast(101%);
}
.left-header{
  height: 100%;
}





/* end header */


/* start slider */
.mainslider-item{
  position: relative;
}
.onimagemainslider-item{
  position: absolute;
  top: 0;
  left: 0;
  padding-inline-start: 130px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  direction: ltr;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 50px;
}

body.rtl .onimagemainslider-item{

  direction: rtl;
}
.mainslider-item img{
  height: 750px;
}
.onimagemainslider-item h3{
  font-weight: bold;
  color: #f1f1ff;
  font-size: 60px;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(-50px);
  transition: all linear .4s .7s;
}
.onimagemainslider-item p{
  font-size: 20px;
  color: #eaebff;
  margin-bottom: 50px;
  max-width: 40%;
  transform: translateY(-50px);
  opacity: 0;
  transition: all linear .4s .9s;
}
.onimagemainslider-item .mainallslide{
  transform: translateY(-50px);
  opacity: 0;
  transition: all linear .4s 1.2s;
}
.owl-item.active .onimagemainslider-item h3{
  transform: translateY(0px);
  opacity: 1;
}
.owl-item.active .onimagemainslider-item p{
  transform: translateY(0px);
  opacity: 1;
}
.owl-item.active .onimagemainslider-item .mainallslide{
  transform: translateY(0px);
  opacity: 1;
}
.mainslider-sec{
  position: relative;
}
.onimagemainslider-item:after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000004d;
  z-index: -1;
}


.main-slider .owl-dots{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  right: 50px;
}
body.rtl .main-slider .owl-dots{
  right: unset;
  left: 50px;
}
.main-slider .owl-dot span{
  display: inline-flex;
  width: 20px;
  height: 20px;
  border: 1px solid var(--sec-color);
  border-radius: 50%;
  position: relative;
  transition: all linear .4s;
}
.main-slider .owl-dot span:after{
  content: " ";
  position: absolute;
  border-radius: 50%;
  background-color: var(--main-color);
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scale(.4);
  opacity: 0;
  transition: all linear .4s;
}
.main-slider .owl-dot.active span{
  border: 1px solid var(--main-color);
}
.main-slider .owl-dot.active span:after{
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
/* end slider */


/* Start About */

.aboutsec{
  position: relative;
}

.aboutsec .aboutsecimg{
  text-align: end;
}
.aboutsectxt{
  padding-inline-start: 130px;
  padding-top: 70px;
  position: absolute;
  top: 0;
  max-width: 60%;
}
.sdskhdshd{
  font-size: 14px;
  color: #525151;
  line-height: 30px;
  margin-top: 70px;
  margin-bottom: 60px;
}

/* End About */


/* Start Service */

.servicessec{
  background: #f2f4f5;
  padding: 80px 0 40px;
}
.serviceitem{
  padding: 30px 20px 15px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .18);
  margin-bottom: 50px;
  border: 1px solid transparent;
  transition: all linear .4s;
}
.serviceitem:hover{
  border-color: var(--main-color);
}
.topserviceitem{
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 0;
  opacity: .4;
  transition: all linear .4s;
}
.serviceitem:hover .topserviceitem{
  opacity: 1;
}
.topserviceitem h4{
  font-weight: bold;
  font-size: 18px;
  color: var(--main-color);
  max-width: 80%;
  margin: 0;
}
.topserviceitem img{
  max-width: 50px;
}
.bottomserviceitem p{
  font-weight: bold;
  font-size: 14px;
  color: var(--main-color);
  margin-bottom: 20px;
  opacity: .4;
  transition: all linear .4s;
}
 .bottomserviceitem{
   position: relative;
   margin-top: 15px;
   padding-top: 10px;
   border-top: 1px solid #afadad;
   transition: all linear .4s;
 }
.bottomserviceitem img{
  width: 100%;
  height: 150px;
  bottom: 0;
  border-radius: 15px;
  transition: linear .4s;
}
.serviceitem:hover .bottomserviceitem{
  border-color: transparent;
}
.serviceitem:hover .bottomserviceitem img{
  height: 100%;
}
.titleservsrs > img{
  margin-bottom: 40px;
  margin-top: -200px;
  animation: pulseScale 15s ease-in-out infinite;
  transform-origin: center;
  will-change: transform;
}
@keyframes pulseScale {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.titleservsrs > p{
  font-weight: bold;
  color: #7182a1;
  font-size: 36px;
  max-width: 80%;
  margin-top: 50px;
}
/* End Service */


/* Start numbers */

.numverssec{
  padding: 90px  0 115px;
}
.numberitme{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  padding: 50px 0;
}
.numberitme:after{
  content: " ";
  background-color: var(--main-color);
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
}
.numverssec .row .col-md-3:first-of-type .numberitme:after ,
.numverssec .row .col-md-3:first-of-type .numberitme img{
  display: none;
}
body.rtl .numberitme:after{
  left: unset;
  right: 0;
}
.numberitme h3{
  font-weight: bold;
  font-size: 52px;
  color: var(--main-color);
}
.numberitme p{
  font-size: 16px;
  color: #000;
}
.numberitmeimg{
  position: absolute;
  left: -13px;
  background: #fff;
  padding: 10px 5px;
  z-index: 1;
  top: 0;
  animation: smoothLoop 10s ease-in-out infinite alternate;
}
body.rtl .numberitmeimg{
  left: unset;
  right: -13px;
}
@keyframes smoothLoop {
  0% {
    top: 0;
  }
  50% {
    top: 90%;
  }
  100% {
    top: 0;
  }
}

/* End numbers */

/* Start projects */
.projectsec{
  padding: 70px 0;
  background-image: url("../img/bgproj.png");
  background-size: 100% 100%;
}
.header-btn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.projects-slider.owl-carousel .owl-stage-outer{
  padding: 70px 0 80px;
}
.projectitm{
  position: relative;
  direction: ltr;
}
body.rtl .projectitm{
  direction: rtl;
}
.projectitm img{
  width: 100%;
  border-radius: 10px;
}
.onprojitm{
  background-color: var(--main-color-op80);
  border-radius: 10px;
  position: absolute;
  bottom: -80px;
  width: 70%;
  padding: 40px 30px 20px 20px;
  opacity: 0;
  transform: translateY(100px);
  transition:  linear .4s .4s;
}
.center .onprojitm{
  opacity: 1;
  transform: translateY(0px);
}
.onprojitm h3{
  font-size: 36px;
  color: #fff;
  margin: 0;
}
.onprojitm p{
  font-size: 14px;
  color: #e8e8e8;
  margin: 25px 0;
}
.projects-slider .owl-nav{
  position: absolute;
  right: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  bottom: 0;
}
body.rtl .projects-slider .owl-nav{
  right:unset;
  left: 26%;
}

.projectsec .projects-slider .owl-nav button{
  width: 50px;
  height: 50px;
  background-color: var(--sec-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: all linear .4s;
}
.projectsec .projects-slider .owl-nav button:hover{
  background-color: var(--main-color);
}


/* End projects */

/* Start exhibitionsec */
.exhibitionsec{
  padding: 130px 0 70px;
}
.gallery-container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;

}
.gallery-item{
  position: relative;
  height: fit-content;
}
.gallery-container  .gallery-item:nth-of-type(4),
.gallery-container  .gallery-item:nth-of-type(6){
  margin-top: -50px;
}
.gallery-container  .gallery-item:nth-of-type(7),
.gallery-container  .gallery-item:nth-of-type(9){
  margin-top: -110px;
}

.gallery-item img{
  width: 100%;
  border-radius: 15px;
  height: 318px;
}
  .gallery-container .gallery-item:nth-of-type(2)   img,
  .gallery-container .gallery-item:nth-of-type(5)   img{
  height: 372px;
}
  .gallery-container .gallery-item:nth-of-type(8)  img{
  height: 206px;
}
.gallery-item a{
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  background-color: rgb(10 76 106 / 35%);
  color: #fff;
  opacity: 0;
  border-radius: 15px;
  transition: all linear .4s;
}
.gallery-item a svg{
  transition: all linear .2s .3s;
  opacity: 0;
  transform: scale(.2);
}
.gallery-item:hover a{
  opacity: 1;
}
.gallery-item:hover a svg{
  opacity: 1;
  transform: scale(1);
}
/* End exhibitionsec */



/* Start News */

.newsec{
  padding: 70px 0 60px;
}
.allcontentnews{
  margin-top: 70px;
}
.newsitm{
  box-shadow: 0 0 29px rgba(0, 0, 0, .03);
  border-radius: 10px;
  padding: 15px 10px 25px;
  transition: all linear .4s;
}
.imgsecitm{
  position: relative;
}
.imgsecitm img{
  width: 100%;
  height: 245px;
  border-radius: 30px;
}

.onimgsecitm{
  background-color: rgb(10 76 106 / 80%);
  color: #fff;
  border-radius: 35px;
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.newsitm:hover{
  transform: scale(1.01);
  box-shadow: 0 0 29px rgba(0, 0, 0, .15);
}
.onimgsecitm svg{
  font-size: 25px;
}
.onimgsecitm span{
  margin-top: 2px;
}
.txtsecitm h3{
  font-weight: bold;
  font-size: 25px;
  color: var(--main-color);
  margin: 30px 0 15px;
}
.txtsecitm p{
  font-size: 14px;
  color: #525151;
  margin-bottom: 25px;
  line-height: 30px;
}
/* End News */



/* Start Clints */
.clintssec{
  padding: 40px 0;
}

.clints-slider{
  margin-top: 80px;

} 
.clints-slider .owl-stage{
      display:flex;
      padding: 10px  ;
}
.clintitm{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    box-shadow: 0 0 3px 3px #efefef;
    padding: 10px;
    border-radius: 10px;
    transition: all linear .4s;
}
.clintitm:hover  {
  box-shadow: 0 0 3px 3px #0a4c6a5c;
}
.clintssec .header-btn .owl-nav{
  position: absolute;
  right: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  bottom: 0;
  flex-direction: row-reverse;
}
body.rtl .clintssec .header-btn .owl-nav{
  right:unset;
  left: 0%;
  flex-direction: row;
}

.clintssec .header-btn .owl-nav button{
  width: 50px;
  height: 50px;
  background-color: var(--sec-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 0;
  transition: all linear .4s;
}
.clintssec .header-btn .owl-nav button:hover{
  background-color: var(--main-color);
}
/* End Clints */


/* Start footer */


footer{
  padding: 150px 0 50px;
  margin-top: 50px;
  background-image: url("../img/bg-footer.png");
  background-size: 100% 100%;
}
.foinformation img {
  max-height: 60px;
}
.foinformation p{
  font-size: 14px;
  color: #e8e8e8;
  margin-top: 20px;
  line-height: 25px;
  margin-bottom: 0;
}
.hedrfot{
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.mnucompny ul{
  list-style: none;
  column-count: 2;
  margin: 0;

}
.mnucompny ul li{
  margin-bottom: 15px;
}
.mnucompny ul li a {
  font-size: 15px;
  color: #fff;
  transition: all linear .4s;
}
.mnucompny ul li a:hover{
  color: #b0e4fc;
}
footer .newsleshort .tnp-field label {
  display: none;
}
footer .newsleshort .tnp-subscription{
  margin: 0;
}
footer .newsleshort .tnp-subscription form{
  position: relative;
}
footer .newsleshort .tnp-subscription form .tnp-field-email{
  margin: 0;
}
footer .newsleshort .tnp-subscription form .tnp-field-email input{
  height: 60px;
  border-radius: 5px;
}
footer .newsleshort .tnp-subscription form .tnp-field input[type="submit"]{
  position: relative;
  background-image: url(../img/sumbitnews.png);
  font-size: 0;
  width: 40px;
  height: 40px;
  background-color: var(--main-color);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
}
body.rtl footer .newsleshort .tnp-subscription form .tnp-field input[type="submit"]{
  transform: rotate(180deg);
}
footer .newsleshort .tnp-subscription form .tnp-field-button{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
body.rtl footer .newsleshort .tnp-subscription form .tnp-field-button{
  right: unset;
  left: 20px;
}

footer .newsleshort > p{
  color: #fff;
  font-size: 16px;
}
footer .newsleshort{
  background: rgb(1 42 68 / 90%);
  padding: 25px 20px 20px 15px;
  border-radius: 10px;
}
footer .targcont{
  color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all linear .4s;

}
footer .targcont:hover{
  color: #b0e4fc;
}
.targcont svg{
  font-size: 25px;
}
.fcontactsecfot{
  display: flex;
  align-items: center;
  gap: 100px;
}
footer .social-contact svg{
  color: #fff;
  font-size: 25px;
  transition: all linear .4s;
}
footer .social-contact a:hover svg{
  color: #b0e4fc;
}
.social-contact{
  display: flex;
  align-items: center;
  gap: 10px;
}
.scontactsecfot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline-start: 50px;
}
.contactsecfot{
  margin-top: 40px;
  border-bottom: 1px solid #0a4c6a;
  padding-bottom: 40px;
  margin-bottom: 30px;
  position: relative;
}
footer .uptohead{
  color: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 25px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  transition: all linear .4s;
}
footer .uptohead:hover{
  background: #0a4c6a;
  border-color: #0a4c6a;
}

.rightssa{
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.rightssa a{
  color: #fff;
}
/* End footer */

/* start Single Page */




.carerappl{
    margin-top: 64px;
    background: #f0f6f6; 
}
.semainsef{
    max-width: 50%;
    margin: 0 auto;
    padding: 15px 24px 64px;
}

.titsmaindfsfk{
        font-weight: 700;
    font-size: 32px;
    color: var(--main-color);
    margin-top: 128px;
    margin-bottom: 0;
}

.titsdfsfk{
        font-size: 22px;
    font-weight: 700;
    color: #00829b;
    margin-bottom: 32px;
        margin-top: 50px;
}

.form-group > p { 
    display: inline-flex;
    align-items: center;
    gap: 70px;

}
.page-template-page-contact .form-group > p{ 
    align-items: start;
    gap: 0;
    flex-direction: column;
    width:100%;
}
.selctgriop.form-group > p { 
   width:100%;

}
.form-group select{
        height: 50px;
    padding-inline-start: 24px;
    font-size: 20px;
    font-weight: 500;
    color: #04151a;
    border: 1px solid rgba(0, 130, 155, .48);
    width: 100%;
}
.oninpfilemain{
    display: inline-flex;
    position: relative; 
    cursor: pointer;
}
.oninpfilemain input{
    opacity: 0; 
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.omfileinp{
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border: 1px solid rgba(0, 130, 155, .48);
    background-color: rgba(0, 130, 155, .12);
    font-weight: 700;
    color: #003b4d;
    font-size: 18px;
    height: 50px;
    padding: 0 20px;
}
.omfileinp p {
    margin: 0;
}









.form-group > p label{
        width: 200px;
        margin: 0;
        font-weight: 700;
    color: #003b4d;
    font-size:20px;
}


.projectitm-inside a{
    display: flex;
    flex-direction: column;
    overflow:hidden;
}
.projectitm-inside a img{
    width: 100%;
    height: 200px;
    transition: all linear .4s ;
}
.projectitm-inside a h5{
    margin: 0;
    padding: 15px 10px;
    color: #003b4d;
    font-weight: bold;
    position: relative;
    z-index: 1;
    transition: all linear .2s ;
}
.projectitm-inside:hover img{
    transform:scale(1.1);
}
.projectitm-inside:hover h5{
     background: #d6ebef;
}

.taxcatvells{
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-top: 2px solid #d6ebef;
    border-bottom: 2px solid #d6ebef;
    width: 100%;
    background-color: #f0f6f6;
    padding: 25px 0;
}
.post-type-archive-vessels .breadcrumb-area{
    margin-bottom: 0px;
}

.taxcatvells a{
    padding: 24px 12px;
    font-weight: 700;
    color: #00829b;
    font-size: 18px;
    transition: all linear .4s ;
}
.taxcatvells a.active{
    color: #003b4d;
    border-bottom: 2px solid #003b4d;
}


#term-header{
    
    font-size: 25px;
    color: #00829b;
    font-weight: bold;
    margin-bottom: 10px;

}
.titelcats{
    
    color: #003b4d;
    font-weight: bold;
    font-size: 80px;
    margin-bottom: 30px;

}

.titchild{
    color: #003b4d;
    font-weight: bold;
    font-size: 35px;
    display: flex;
    margin-bottom: 30px;
}

.termvels-description{
        font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #003b4d;
    margin-top: 30px;
}


.thlogicontetn img{
    width: 100%;
    height: 415px; 
}
.thlogicontetn h4{
    color: #003b4d;
    font-weight: bold;
    font-size: 26px;
    margin-top: 10px;

}
.thlogicontetn .thlogicontetndes{
    color: #003b4d; 
    font-size: 20px; 
}
 

.thproducontetn img{
    border: 1px solid #d6ebef;
    width:100%;
    height: 570px;
}
.thproducontetn h4{
    margin: 0;
    padding: 20px;
    color: #003b4d;
    font-weight: bold;
    transition:linear .4s;
}



.thproducontetn:hover h4{
    background: #d6ebef;
}













.allheaderbread{
    background-image: url(../img/bg-insideheader.png);
        background-size: 100% 100%;
}
.breadcrumb-area{
  margin-bottom: 70px;
  padding: 20px; 
}
.page-template-page-who .breadcrumb-area{
    margin-bottom:0;
}
.breadcrumb-area h4{
color: #fff;
  font-weight: bold;
  margin: 0;
}
.breadcrumb-area a{
  color: var(--sec-color);
}
.singaddtinalcpntenttxt h4{
  font-size: 35px;
  font-weight: bold;
  color: var(--main-color);
}
.singaddtinalcpntenttxt p{
  margin: 0;
  color: gray;
  line-height: 30px;
  font-size: 16px;
}

.singaddtinalcpntent:nth-of-type(even) .row{
  flex-direction: row-reverse;
}
.mainsingle .projectitm{
  overflow: hidden;
}
.mainsingle .projectitm  .onprojitm{
  width: 100%;
  height: 100%;
  opacity: 0;
  bottom: 0;
  top:0;
  transition: all linear .4s ;
}
.mainsingle .projectitm:hover  .onprojitm{
  opacity: 1;
  transform: translateY(0);
}
.mainsingle .exhibitionsec {
  padding: 0;
}
.submsec.main-buttonsc p{
  margin: 0;
}
.submsec.main-buttonsc .wpcf7-spinner{
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
body.rtl .submsec.main-buttonsc .wpcf7-spinner{
  left: unset;
  right: 100%;
}
.submsec.main-buttonsc{
  padding-inline-start: 50px;
}
.submsec.main-buttonsc.sojgjfk{
  padding-inline-start: 150px;
}
body.rtl .submsec.main-buttonsc.sojgjfk {
    padding-inline-start: 90px;
}
.submsec.main-buttonsc input{
  border: 0;
  background: transparent;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  left: 0;
  text-align: start;
  padding-inline-start: 20px;
  z-index: 2;
}
body.rtl .submsec.main-buttonsc input{
  left: unset;
  right: 0;
}
.form-group input:not([type=file]){
    color: #04151a;
    border: 1px solid rgba(0, 130, 155, .48);
    height: 50px;
}
.form-group textarea{
  resize: none;
  height: 200px;
      color: #04151a;
    border: 1px solid rgba(0, 130, 155, .48);
}
.mainsingle .map{
  height: 100%;
}
.mainsingle .map iframe{
    width:100%;
  border: 0;
  height: 450px;
  border-radius: 10px;
}
.imggally img{
    width: 100%;
    height: 200px;
}


.tabsinformatio{
    height: calc( 100% - 100px ); 
}

.tabsinformatio .tab-content , .tabsinformatio .tab-pane{
    
}
.mainsingle .targcont {
  color: var(--main-color);
  transition: all linear .4s;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
}
.mainsingle .targcont:hover{
  color: var(--sec-color);
}
.dkjdfidkfkj{

  display: flex;
  align-items: center;
  justify-content: space-between;

}
.onconrfjdf{

  display: flex;
  align-items: center;
  gap: 10px;

}


.tabsinformatio  button.nav-link {
    border: 0;
    background: var(--sec-color);
    color: #fff;
    border-radius: 5px;
    padding: 10px 30px;
    font-size: 20px;
    opacity: .7;
    transition: all linear.4s;
}


.tabsinformatio   button.nav-link.active {
    opacity: 1;
    background: var(--main-color);
}

.tabsinformatio > ul {
        gap: 20px;
}















.dkjdfidkfkj .social-contact a{
  transition: all linear .4s;
  color: var(--main-color);
  font-size: 30px;
}
.dkjdfidkfkj .social-contact a:hover{
  color: var(--sec-color);
}
/*body.rtl .slider-main , body.rtl .slider-nav{*/
/*  direction: ltr !important;*/
/*}*/
.slidthmgalert .slider-main img  {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.slidthmgalert  .slider-nav .slick-list {
  height: 500px !important;
}
.slidthmgalert{
  margin-bottom: 70px;
}
.slidthmgalert .slider-nav .slick-slide{
  margin-bottom: 5px;
}
.slidthmgalert .slider-nav img  {
  width: 190px;
  height: 120px;
  object-fit: cover;
  opacity: .5;
  transition: all linear .4s;
  border: 5px solid transparent;
}


.slidthmgalert .slider-nav .slick-slide.slick-current img{
  opacity: 1;
  border: 5px solid var(--sec-color);
}



.spesfc-items{
  border: 0px solid #888;
  color: #888;
  display: flex;
  flex-direction: column;
  border-top: 0;
  width: 70%;
  position: relative;
  margin: 0 auto 70px;
}
.spesfc-items .spesfcitm{
  display: flex;
  padding: 15px;
  justify-content: space-between;
  border-top: 0px solid;
  align-items: center;
}
.spesfc-items .spesfcitm:nth-of-type(even){
    background-color: #f0f6f6;
}
.spesfc-items:before{
  content: " ";
  width: .8px;
  background: #888;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display:none !important;
}
.spesfcitm span{
    width: 20%;
}
.spesfcitm span:last-of-type{
  text-align: start;
  padding-inline-start: 20px;
      width: 80%;
}

/* End Single Page */









/* Start Responsive */
/* from 992 to 1280 */
/* from 992 to 1280 */
/* from 991 to 360 */
@media (max-width: 991px) {
.imggally img{
    height:150px;
}

.titsmaindfsfk{
        margin-top: 30px;
}

.carerappl {
    margin-top: 25px; 
}
.semainsef {
    max-width: 100%; 
}

.form-group > p { 
    align-items: start;
    gap: 0;
    flex-direction: column;
    margin-top: 30px;
}

.titsdfsfk { 
    margin-bottom: 0;
    margin-top: 20px;
}























  header{
    padding: 10px 0 0;
  }

  header .container-fluid .row{
    flex-wrap: nowrap;
  }

  header .container-fluid .row .col-lg-8 {
    display: none;
  }

  .onimagemainslider-item{
    padding-inline-start: 30px;
  }

  .onimagemainslider-item h3{
    font-size: 40px;
    margin-bottom: 0px;
  }

  .onimagemainslider-item p {
    font-size: 18px;
    margin-bottom: 10px;
    max-width: 90%;
  }

  .mainslider-item img {
    height: 400px;
  }
  .main-slider .owl-dots{
    right: 10px;
  }
  body.rtl .main-slider .owl-dots{
    right: unset;
    left: 10px;
  }

  .aboutsectxt {
    padding-inline-start: 20px;
    padding-top: 0;
    max-width: 80%;
    top: 50%;
    transform: translateY(-50%);
  }

  .mainwheader {
    font-size: 30px;
  }

  .sdskhdshd {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .aboutsec .aboutsecimg > img{
    height: 700px;
  }

  .titleservsrs > img{
    margin-top: 0;
  }

  .servicessec {
    padding: 30px 0 0;
  }

  .titleservsrs > p {
    font-size: 36px;
    max-width: 100%;
    margin-top: 20px;
  }

  .numverssec {
    padding: 0;
  }

  .numberitme:after{
    display: none;
  }

  .numberitmeimg{
    display: none;
  }

  .numberitme{
    padding: 10px 0;
  }
  .serviceitem{
    margin-bottom: 20px;
  }

  body  *{
    animation-delay: 0s !important;
  }

  .onprojitm {
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
  }

  .projectitm img {
    height: 300px;
  }

  .onprojitm h3 {
    font-size: 26px;
    margin: 0;
  }

  .onprojitm p {
    font-size: 14px;
    margin: 10px 0;
  }

  .projects-slider .owl-nav {
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    gap: 10px;
    bottom: 0;
  }

  .projects-slider.owl-carousel .owl-stage-outer {
    padding: 40px 0 70px;
  }

  .projectsec {
    padding: 40px 0;
  }

  a.main-buttonsc, .main-buttonsc {
    padding: 7px 10px;
    gap: 10px;
  }

  .exhibitionsec {
    padding: 30px 0;
  }

  .exhibitionsec .nav-tabs button.nav-link {
    padding: 8px 13px;
    font-size: 14px;
  }

  .exhibitionsec .nav-tabs {
    gap: 10px;
  }

  .exhibitionsec .tab-content{
    margin-top: 40px;
  }

  .gallery-container{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .gallery-container .gallery-item{
    margin: 0 !important;
  }

  .gallery-item img {
    height: 150px !important;
  }

  .gallery-item a{
    opacity: 1;
    font-size: 20px;
  }

  .gallery-item a svg {
    opacity: 1;
    transform: scale(1);
  }

  .allcontentnews {
    margin-top: 30px;
  }

  .clintssec .header-btn .owl-nav button {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  .newsec {
    padding: 30px 0;
  }

  .clintssec {
    padding: 20px 0 0;
  }

  footer {
    padding: 30px 0 1px;
    background-color: #234861;
    background-image: url("../img/bg-footer-res.png");
  }

  .hedrfot {
    margin-bottom: 10px;
    margin-top: 20px;
  }

  footer .uptohead {
    width: 30px;
    height: 30px;
    font-size: 14px;
    bottom: -15px;
  }

  .contactsecfot {
    margin-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }

  .fcontactsecfot {
    gap: 10px;
    flex-direction: column;
  }

  .scontactsecfot {
    padding-inline-start: 0;
    flex-direction: column;
    gap: 25px;
    margin-top: 15px;
  }

  .rightssa {
    flex-direction: column;
  }

  .mainsingle .aboutsec .aboutsecimg > img {
    height: 500px;
  }

  .breadcrumb-area {
    margin-bottom: 30px;
    padding: 10px 0;
  }

  .submsec.main-buttonsc input{
    padding-inline-start: 10px;
  }

  .onconrfjdf {
    gap: 20px;
    flex-direction: column;
    margin-bottom: 10px;
  }

  .dkjdfidkfkj {
    flex-direction: column;
  }

  .mb-5, .my-5{
    margin-bottom: 20px !important;
  }

  .mt-5, .my-5{
    margin-bottom: 20px !important;
  }
  .spesfc-items {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .spesfc-items .spesfcitm {
    padding: 10px;
  }

  .slidthmgalert .slider-main img {
    height: 200px;
  }

  .slidthmgalert  .slider-nav .slick-list {
    height: auto !important;
  }

  .slidthmgalert .slider-nav img {
    height: 70px;
    border: 3px solid transparent;
  }

  .slidthmgalert {
    margin-bottom: 30px;
  }

#term-header {
    font-size: 14px; 
}

.titelcats { 
    font-size: 40px;
    margin-bottom: 15px;
}

.titchild { 
    font-size: 25px; 
    margin-bottom: 20px;
}

.projectitm-inside a h5 {  
    text-align: center; 
}


.taxcatvells {
    column-count: 2;
    display: block;
    text-align: center;
}
.taxcatvells a {
    border: 0 !important;
    padding: 0 10px;
    margin-bottom: 15px;
    display: flex;
    font-size: 16px;
    text-align: start;
}
.spesfcitm span {
    width: 40%;
}

.thlogicontetn img{ 
    height: 220px; 
}
.thlogicontetn h4{ 
    font-size: 22px; 

}
.thlogicontetn .thlogicontetndes{ 
    font-size: 18px; 
}
 
 .thproducontetn img { 
    height: 450px; 
}
 

}
/* from 991 to 360 */
/* End Responsive */