/** @format */
:root {
  --primary: #129ab0;
  --bg-color: #129ab0;
  --bg-color-sc: #036282;
  --bg-color-ho: #036282;
  --text-color: #129ab0;
  --rgba-primary-1: rgba(18, 154, 176, 0.1);
  --rgba-primary-2: rgba(18, 154, 176, 0.2);
  --rgba-primary-3: rgba(18, 154, 176, 0.3);
  --rgba-primary-4: rgba(18, 154, 176, 0.4);
  --rgba-primary-5: rgba(18, 154, 176, 0.5);
  --rgba-primary-6: rgba(18, 154, 176, 0.6);
  --rgba-primary-7: rgba(18, 154, 176, 0.7);
  --rgba-primary-8: rgba(18, 154, 176, 0.8);
  --rgba-primary-9: rgba(18, 154, 176, 0.9);
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  color: #707070;
  /* overflow: hidden; */
}
::selection {
  color: #fff;
  background: #129ab0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #036282;
}
.loading-1 .loader1 {
  color: #036282;
}
.swiper-content .title {
  line-height: 50px;
  font-size: 45px;
}
.btn.black.btn-aware span {
  background-color: #129ab0;
}
.swiper-pagination span {
  color: #036282;
}
.header-archia .header-nav .nav > li.active > a,
.header-archia .is-fixed .header-nav .nav > li.active > a,
.header-archia .header-nav .nav > li:hover > a {
  color: var(--primary);
}
@media only screen and (min-width: 991px) {
  .header-archia .header-nav .nav > li.active a,
  .header-archia .header-nav .nav > li:hover > a {
    border-color: var(--primary);
  }
}

.navbar-toggle,
.testimonial-4 .testimonial-pic,
.testimonial-4:after,
.testimonial-4 [class*='quote-'],
button.scroltop,
blockquote,
.widget_gallery li:hover,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active,
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
input[type='checkbox']:checked + label:before,
input[type='checkbox'] + label:hover:before,
input[type='radio'] + label:hover:before,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active,
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover,
.side-bar .widget_tag_cloud a:hover,
.btn.btn-aware,
.btn.btn-aware:hover {
  border-color: #129ab0;
}

.btn.outline.black {
  color: #036282;
  border-color: #036282;
}
.btn.black.btn-aware {
  border-color: #129ab0;
}
.btn.outline:hover {
  color: #fff;
}

.header-full.style1.white .header-social ul li a:hover,
.header-full.style1.white .contact-no span:hover {
  color: #129ab0;
}

a,
.text-primary,
.primary li:before,
.breadcrumb-row ul li a,
.header-nav .nav > li.active > a,
.header-nav
  .nav
  > li.current-menu-item
  > a
  .header-nav
  .nav
  > li
  .sub-menu
  li
  a:hover,
.header-nav .nav > li:hover > a,
.header-nav .nav > li .mega-menu > li ul a:hover,
.header-nav .nav > li .sub-menu li:hover > a,
.nav-dark.header-nav .nav > li .sub-menu li:hover > a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover,
blockquote:before,
ol.comment-list li.comment .reply a,
footer a:active,
footer a:focus,
footer a:hover,
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a,
button.scroltop,
.testimonial-1 .testimonial-position,
.testimonial-4 .testimonial-name:after,
.testimonial-2 .testimonial-position,
.testimonial-3 .testimonial-position,
.testimonial-3 .quote-left:before,
.acod-head a:after,
.acod-head a,
.acod-head a:hover,
.acod-head a.collapsed:hover,
.dlab-tabs .nav-tabs > li > a i,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.btn.outline,
.btn-link:hover,
.item-info-in ul li a:hover,
.dlab-post-meta.text-primary i,
.dlab-post-meta.text-primary ul li,
.dlab-post-meta.text-primary ul li a,
.dlab-post-meta i,
.comments-area p:before,
.about-8-service .icon-bx-wraper:hover a,
.about-service .icon-bx-wraper:hover a,
.dlab-box-bg .icon-box-btn .btn,
.list-2 li:hover:before {
  color: #036282;
}
.video-bx .video-play .popup-youtube {
  color: var(--primary);
}
.embed-responsive {
  height: 100%;
}

.project-area-info,
.client-logo-inner,
.visible {
  visibility: visible !important;
}
.archi-info i {
  top: 40%;
}

.meet-ask-row:after,
.dlab-separator.style-skew[class*='style-']:after,
.dlab-separator.style-skew[class*='style-']:before,
.dlab-tilte-inner.skew-title:after,
.date-style-2 .post-date,
.date-style-3.skew-date .post-date,
.date-style-3.skew-date .post-date:before,
.widget-title:after,
.btn,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.footer-line:after,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .active > [class*='btn'],
.list-num-count > li:before,
.date-style-4 .post-date strong,
.date-style-3 .post-date,
.date-style-2 .post-date,
#myNavbar li.active a,
.skew-angle:after,
.header-style-4.style-1 .header-nav .nav > li.active a:before,
.header-style-4.style-1 .header-nav .nav > li:hover > a:before,
.dlab-project-left:after,
.service-carousel .owl-prev,
.service-carousel .owl-next,
.about-us .dlab-tabs .nav-tabs li a.active,
.testimonial-text.bg-primary,
.sidenav ul li a:hover,
.owl-theme.dots-style-2 .owl-dots .owl-dot.active span,
.owl-btn-1.primary .owl-prev,
.owl-btn-1.primary .owl-next,
.owl-btn-2.primary .owl-prev,
.owl-btn-2.primary .owl-next,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active span,
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover span,
.product-item-size .btn.active,
.ui-widget-header,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active span,
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover span,
.owl-item.active.center .testimonial-text,
.icon-bx-wraper.hover:hover,
.portfolio-sep,
.portfolio-ic .dlab-img-overlay1:before,
.dlab-box-bg.active .icon-box-btn .btn,
.dlab-accordion.primary .acod-head a,
.side-bar .widget_tag_cloud a:hover,
.time-line:after,
.line-right:after,
.line-left:after,
.tabs-btn .nav-tabs li a.active:focus,
.tabs-btn .nav-tabs li a.active:hover,
.tabs-btn .nav-tabs li a.active,
.box-item-service:hover .item-service-content,
.box-item-service:hover h5,
.box-item-service:hover .icon-bx-md,
.tp-caption.rev-btn.tc-btnshadow.tp-rs-menulink,
.la-anim-10 {
  background-color: #036282;
}
.btn:active,
.btn:hover,
.btn:focus,
.active > .btn,
.bg-primary-dark,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.sidenav .closebtn:hover,
.sidenav .closebtn:focus,
.owl-btn-1.primary .owl-prev:hover,
.owl-btn-1.primary .owl-next:hover,
.owl-btn-2.primary .owl-prev:hover,
.owl-btn-2.primary .owl-next:hover,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.overlay-primary:after,
.btn.btn-aware span {
  background-color: #129ab0;
}
.overlay-primary-middle:after,
.overlay-primary-dark:after {
  background-color: #000000;
}
.bg-primary {
  background-color: #129ab0 !important;
}
.text-primary {
  color: #129ab0 !important;
}
.client-logo-inner img {
  max-height: 170px;
  height: auto;
  object-fit: cover;
}
.dlab-bnr-inr {
  text-align: left;
}
.dlab-bnr-inr p {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.9);
}

.history-box .history-details {
  flex: 0 0 50%;
  padding-right: 50px;
  max-width: 50%;
}
.history-box .history-media {
  flex: 0 0 50%;
  max-width: 50%;
}
.about-bx .icon-content .dlab-tilte {
  color: #036282;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
}
.icon-bx-sm img {
  max-height: 55px;
  /* filter: brightness(10);
  -webkit-filter: brightness(10); */
}
.archia-counter i {
  color: var(--primary);
}
.row-eq-height > [class*='col-'] > div {
  height: 100%;
}

.about-item {
  border: 2px solid #ffffff;
  padding: 15px;
  border-radius: 4px;
  margin: 10px;
  display: block;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.aboutIcon {
  width: 95px;
  margin-bottom: 10px;
  font-size: 4rem;
  color: #036282;
}
.section-overlay {
  background: url(../images/bannermgc.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  color: white;
  overflow-x: hidden;
}
.section-bk-dark .container {
  z-index: 2;
  position: relative;
}
.h2-white {
  color: white;
  font-weight: 800;
  position: relative;
  margin-bottom: 40px;
}
.light-overlay {
  background-color: rgba(122, 151, 171, 0.8);
}
.light-overlay:before {
  left: -999em;
  background: rgba(122, 151, 171, 0.8);
  content: '';
  display: block;
  position: absolute;
  width: 999em;
  top: 0;
  bottom: 0;
}
.h2-white:after {
  position: absolute;
  content: ' ';
  width: 2em;
  height: 0.05em;
  background: var(--primary);
  left: 0;
  bottom: -0.25em;
}
.light-overlay:after {
  right: -999em;
  background: rgba(122, 151, 171, 0.8);
  content: '';
  display: block;
  position: absolute;
  width: 999em;
  top: 0;
  bottom: 0;
}

.cta {
  display: block;
  font-weight: 400;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.cta-icon {
  cursor: unset;
}
.cta__image-wrapper {
  overflow: hidden;
}
.cta-icon .cta__image {
  padding-bottom: 20%;
}
.cta__heading {
  margin: 0 0 1.5rem 0;
  font-weight: 900;
  transition: all 0.25s ease;
  /* font-size: 1.15rem; */
  line-height: 1.15;
}
@media (min-width: 768px) {
  .cta-icon .cta__image {
    padding-bottom: 100%;
  }

  .cta-icon .cta__image {
    padding-bottom: 75%;
    max-width: 75%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .text-md-left {
    text-align: left !important;
  }
}
.swiper-bg .video-bx .video-play {
  z-index: 3;
}
.project-area-info .project-content {
  margin-left: unset;
  padding: 10px 10px 0 0px;
}
.project-area-info.owl-carousel .owl-item img {
  max-height: 500px;
}
.project-area {
  height: 500px !important;
}
.project-area .row {
  height: 100%;
}
.blog-carousel {
  visibility: visible;
}
.dlab-bnr-inr.dlab-bnr-inr-lg2 {
  height: 400px;
  padding-top: 90px;
}

.exhibition-bx .exhibition-name {
  color: #0000001a;
  font-size: 130px;
  font-weight: 800;
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0.5;
}
.row-eq-heigh > [class*='col-'] > div {
  height: 100%;
}
.icon-bx-wraper .dlab-tilte {
  color: #129ab0;
}

.sr-iconbox p {
  text-align: justify;
  padding: 0 5px;
}

.dlab-media.left::after,
.dlab-media.right::after {
  width: 100%;
  height: 100%;
  background-color: var(--bg-color);
}
.dlab-media,
.dlab-media {
  position: relative;
  overflow: hidden;
  max-height: 350px;
}
.text-black {
  color: #000 !important;
}
.blog-post .blog-media img {
  width: 100%;
  max-height: 300px;
}
#alert_notif {
  display: none;
}
.careers .col-form-label {
  color: white;
}
.careers .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.careers .row > [class*='col-'] {
  padding-right: 0px;
  padding-left: 0px;
}
.careers .bootstrap-select .dropdown-toggle {
  border: 1px solid #e7ecf1 !important;
  background-color: #fff !important;
  height: 40px;
  font-size: 13px;
  color: #999;
  padding: 10px 17px;
}
.careers .bootstrap-select:not(.input-group-btn),
.careers .bootstrap-select[class*='col-'] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.careers .form-controls {
  border: 1px solid #e7ecf1 !important;
  background-color: #fff !important;
  height: 40px;
  font-size: 13px;
  color: #999;
  padding: 10px 17px;
  border-radius: 3px;
}
.careers hr {
  clear: both;
  border-top: 3px solid rgb(255 255 255 / 62%);
  opacity: 1;
}
.bg-jop {
  border: 4px solid #ffffff;
  border-radius: 7px;
}
.contact-box .icon-bx-wraper {
  position: relative;
  border: 2px dashed #036282;
  border-radius: 6px;
  padding: 1rem !important;
}
.required {
  color: red !important;
}
.footer-social li {
  display: inline-block;
}
.footer-social a {
  color: #ffffff !important;
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 50px;
  font-size: 18px;
  margin: 10px 5px;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.footer-social li a:hover {
  background-color: var(--bg-color);
  color: #ffffff !important;
}