body, html {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #636b72;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #1B1464;
  color: #fff;
}

::selection {
  background: #1B1464;
  color: #fff;
}

a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}

ul, ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

textarea, textarea:focus, input, input:focus, button, button:focus {
  outline: none;
  resize: inherit;
}

.owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.portfolio-single-slider.owl-carousel .owl-item img {
  width: 100%;
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* ---------------------------------------------------------------- */
/* 02.Typography                               
/* ---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #000;
  margin: 0;
  line-height: 1.5;
}

h1, .h1 {
  font-size: 3.5rem;
}

h2, .h2 {
  font-size: 3.2rem;
}

h3, .h3 {
  font-size: 2.9rem;
}

h4, .h4 {
  font-size: 2.5rem;
}

h5, .h5 {
  font-size: 1.467rem;
}

h6, .h6 {
  font-size: 1.2rem;
}

p {
  line-height: 1.9;
  margin: 0;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra Small devices (portrait phones, less than 575px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
  h3, .h3 {
    font-size: 2.1rem;
  }
  h4, .h4 {
    font-size: 1.8rem;
  }
}
/* ---------------------------------------------------------------- */
/* 03.Helper Class                              
/* ---------------------------------------------------------------- */
.page-wrapper {
  position: relative;
/*  overflow-x: hidden;*/
}

.section {
  padding: 60px 0;
  overflow: hidden;
}
.section .section-heading {
  text-align: center;
  margin-bottom: 60px;
}
.section .section-heading h6 {
  margin-bottom: 15px;
  color: #18ab63;
  background: rgba(24, 171, 99, 0.1);
  border-radius: 3px;
  display: inline-block;
  padding: 10px 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;
  font-size: 0.7rem;
}
.section .section-heading h3 {
  text-align: center;
  position: relative;
  padding: 0 0 15px 0;
  margin-bottom: 20px;
}
.section .section-heading h3:after, .section .section-heading h3:before {
  content: "";
  left: 50%;
  position: absolute;
  border-radius: 100px;
  transform: translateX(-50%);
}
.section .section-heading h3:before {
  width: 30px;
  height: 10px;
  z-index: 5;
  bottom: 0px;
  background: #18ab63;
}
.section .section-heading h3:after {
  width: 100px;
  height: 10px;
  background: rgba(24, 171, 99, 0.1);
  bottom: 0;
}
.section .section-heading h3 span {
  color: #18ab63;
  margin-left: 10px;
}

.inner-header-title {
  margin-bottom: 25px !important;
  position: relative;
  padding-bottom: 20px;
  display: block;
}
.inner-header-title:after, .inner-header-title:before {
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  position: absolute;
  border-radius: 5px;
}
.inner-header-title:after {
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
}
.inner-header-title:before {
  width: 60px;
  z-index: 36;
  background: #18ab63;
}

.flex-box-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.round-item {
  border-radius: 5px;
}

.pb-minus-70 {
  padding-bottom: 70px;
}

.bg-primary-light {
  background: #f2f2fe;
}

.border-top-line {
  border-top: 1px solid #f1f1f1;
}

.border-bottom-line {
  border-bottom: 1px solid #f1f1f1;
}

.bg-jarallax-overlay {
  position: relative;
}
.bg-jarallax-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #212130;
  opacity: 0.6;
}

.image-animate {
  transition: transform 0.3s linear;
  transform-origin: 100% 0;
  transform: perspective(2000px) rotateY(90deg);
  animation: doorEffect 0.65s ease-in-out forwards;
}

.modal-body {
  padding: 0;
}

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.25s ease;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.9;
}
.mfp-fade .mfp-wrap .mfp-content {
  opacity: 0;
  transform: scale(0);
  transition: all 0.25s ease;
}
.mfp-fade .mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}
.mfp-fade .mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
  .section .section-heading .section-title {
    font-size: 2.7rem;
  }
}
#colorOptionsSidebar {
  top: 50%;
  left: 0;
  z-index: 1111;
  line-height: 1;
  position: fixed;
  text-align: left;
  display: inline-block;
  transform: translateY(-50%);
  transition: all 0.4s ease;
}
#colorOptionsSidebar #colorOptionsSidebarToggle {
  top: 0;
  right: -52px;
  position: absolute;
  padding: 16px;
  font-size: 20px;
  color: #fff;
  border: none;
  background: #18ab63;
  transition: all 0.4s ease;
}
#colorOptionsSidebar .color-options-wrap {
  padding: 15px 6px 10px 15px;
  max-width: 219px;
  background: #fff;
  transition: all 0.4s ease;
  box-shadow: 0 23px 49px 0 rgba(24, 171, 99, 0.1);
  transition: all 0.4s ease;
  transform: translateX(-100%);
}
#colorOptionsSidebar .color-options-wrap.active {
  transform: translateX(0);
}
#colorOptionsSidebar span {
  width: 38px;
  height: 38px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  margin: 3px;
  display: inline-block;
}
#colorOptionsSidebar span.default {
  background: #18ab63;
}
#colorOptionsSidebar span.blue {
  background: #0652DD;
}
#colorOptionsSidebar span.red {
  background: #ff3f34;
}
#colorOptionsSidebar span.yellow {
  background: #F79F1F;
}
#colorOptionsSidebar span.green {
  background: #6ab04c;
}
#colorOptionsSidebar span.pink {
  background: #FC427B;
}
#colorOptionsSidebar span.turquose {
  background: #01a3a4;
}
#colorOptionsSidebar span.purple {
  background: #B33771;
}
#colorOptionsSidebar span.blue2 {
  background: #2e86de;
}
#colorOptionsSidebar span.orange {
  background: #ff7500;
}
#colorOptionsSidebar span.magenta {
  background: #6F1E51;
}
#colorOptionsSidebar span.orange2 {
  background: #ff793f;
}
#colorOptionsSidebar span.active:after {
  content: "\f00c";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  position: absolute;
  align-items: center;
  justify-content: center;
  background: rgba(51, 51, 51, 0.2);
  font-family: "Font Awesome 5 Free";
}

#rtlSidebar {
  top: 50%;
  left: 0;
  margin-top: -115px;
  z-index: 7777;
  line-height: 1;
  position: fixed;
  text-align: left;
  display: inline-block;
  transition: all 0.4s ease;
  transform: translateY(-50%);
}
#rtlSidebar #rtlToggle {
  padding: 16px 12.5px;
  font-size: 16px;
  color: #fff;
  border: none;
}

/* ---------------------------------------------------------------- */
/* 04.Buttons                                                     
/* ---------------------------------------------------------------- */
.default-primary-btn {
  padding: 18px 30px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.25s linear;
  text-align: center;
  border-radius: 3px;
  position: relative;
  background: #18ab63;
  color: #fff;
  border: none;
  outline: none;
}
.default-primary-btn:hover {
  background: #127e49;
  color: #fff;
  transform: translateY(-5px);
}

.primary-icon-btn {
  padding: 18px 90px 18px 30px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.25s linear;
  text-align: center;
  border-radius: 3px;
  position: relative;
  background: #18ab63;
  color: #fff;
  border: none;
}
.primary-icon-btn:hover {
  background: #127e49;
  color: #fff;
  transform: translateY(-5px);
}
.primary-icon-btn i {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  position: absolute;
  border-radius: 0 3px 3px 0;
  background: rgba(255, 255, 255, 0.2);
}

.secondary-icon-btn {
  padding: 18px 90px 18px 30px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.25s linear;
  text-align: center;
  border-radius: 3px;
  position: relative;
  background: #1B1464;
  color: #fff;
  border: none;
}
.secondary-icon-btn:hover {
  color: #fff;
  background: #100c3a;
  transform: translateY(-5px);
}
.secondary-icon-btn i {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  position: absolute;
  border-radius: 0 3px 3px 0;
  background: rgba(255, 255, 255, 0.2);
}

.get-offer-modal-btn {
  padding: 18px 90px 18px 30px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.25s linear;
  text-align: center;
  border-radius: 3px;
  position: relative;
  background: #18ab63;
  color: #fff;
  border: none;
}
.get-offer-modal-btn:hover {
  background: #127e49;
  color: #fff;
  transform: translateY(-5px);
}
.get-offer-modal-btn i {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  position: absolute;
  border-radius: 0 3px 3px 0;
  background: rgba(255, 255, 255, 0.2);
}

.scroll-top-btn,
.scroll-facebook-btn,
.scroll-phone-btn {
  right: 10px;
  bottom: 0;
  opacity: 0;
  z-index: 100;
  position: fixed;
  visibility: hidden;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.25s linear;
  background: #18ab63;
  color: #fff;
}
.scroll-top-btn:hover,
.scroll-facebook-btn:hover,
.scroll-phone-btn:hover {
  background: #127e49;
  color: #fff;
  transform: translateY(-5px);
}
.scroll-top-btn i,
.scroll-facebook-btn i,
.scroll-phone-btn i {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  border-radius: 0 3px 3px 0;
  background: rgba(255, 255, 255, 0.2);
}
.scroll-top-btn.active,
.scroll-facebook-btn.active,
.scroll-phone-btn.active {
  opacity: 1;
  visibility: visible;
}

.scroll-top-btn.active {
  bottom: 20px;
}
.scroll-top-btn span {
  width: 60px;
  padding: 10px;
  font-size: 12px;
  display: block;
}

.scroll-phone-btn.active {
  bottom: 128px;
}

.scroll-facebook-btn.active {
  bottom: 198px;
}

/* ---------------------------------------------------------------- */
/* 05.Animations                                                     
/* ---------------------------------------------------------------- */
@keyframes stickyMenu {
  0% {
    margin-top: -120px;
    opacity: 0;
  }
  50% {
    margin-top: -64px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes rotateIcon {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes ldsRoller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ---------------------------------------------------------------- */
/* 06.Form(Input, Comment)                             
/* ---------------------------------------------------------------- */
.custom-modal .modal-content {
  background: transparent;
}
.custom-modal .modal-content .modal-header {
  padding: 20px 30px;
  background: #18ab63;
  border-radius: 5px 5px 0 0;
}
.custom-modal .modal-content .modal-header .modal-title {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
}
.custom-modal .modal-content .modal-header button {
  opacity: 1;
  border: none;
  background: transparent;
}
.custom-modal .modal-content .modal-header button span {
  font-weight: 400;
  color: #fff;
}
.custom-modal .modal-content .modal-body {
  padding: 30px;
  background: #fff;
  border-radius: 0 0 3px 3px;
}
.custom-modal .modal-content .modal-body .popup-form-group {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.custom-modal .modal-content .modal-body .popup-form-group .popup-form-control {
  height: 60px;
  outline: none;
  width: 100%;
  border: none;
  border-radius: 3px;
  color: #000;
  background: rgba(24, 171, 99, 0.1);
  padding: 0 20px 0 60px;
  transition: all 0.25s ease;
}
.custom-modal .modal-content .modal-body .popup-form-group .popup-form-control:focus {
  outline: none;
  border: none;
}
.custom-modal .modal-content .modal-body .popup-form-group > span {
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  justify-content: center;
  color: #18ab63;
  font-size: 16px;
}
.custom-modal .modal-content .modal-body .popup-form-group textarea {
  height: auto !important;
  padding: 18px 20px 18px 60px !important;
}
.custom-modal .modal-content .search-button {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: flex;
  font-size: 16px;
  color: #fff;
  border: none;
  align-items: center;
  text-align: center;
  position: absolute;
  justify-content: center;
  background: #18ab63;
  transition: all 0.25s linear;
  border-radius: 0 3px 3px 0;
}
.custom-modal .modal-content .search-button:hover {
  background: #127e49;
}
.custom-modal .modal-content .login-button {
  padding: 18px 90px 18px 30px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.25s linear;
  text-align: center;
  border-radius: 3px;
  position: relative;
  background: #18ab63;
  color: #fff;
  border: none;
}
.custom-modal .modal-content .login-button:hover {
  background: #127e49;
  color: #fff;
}
.custom-modal .modal-content .login-button i {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  position: absolute;
  border-radius: 0 3px 3px 0;
  background: rgba(255, 255, 255, 0.2);
}

#searchForm .modal-content .modal-body .popup-form-group .popup-form-control {
  padding: 0 80px 0 60px;
}

.comment-item {
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  background: #fff;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.comment-item:last-child {
  border-bottom: 0;
}
.comment-item p {
  margin-bottom: 15px !important;
}
.comment-item .comment-item-title {
  margin-bottom: 10px;
}
.comment-item img {
  border-radius: 3px;
  margin-right: 20px;
}
.comment-item .comment-meta {
  margin-bottom: 10px;
}
.comment-item .comment-meta span {
  display: inline-block;
  margin-right: 10px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.comment-item .comment-meta span i {
  margin-right: 10px;
  color: #18ab63;
}
.comment-item .reply-btn {
  display: inline-block;
  font-weight: 500;
  color: #000;
  transition: all 0.25s ease;
}
.comment-item .reply-btn:hover {
  color: #18ab63;
}
.comment-item .reply-btn i {
  vertical-align: -1px;
  display: inline-block;
  color: #18ab63;
}
.comment-item.sub-comment-item {
  margin-left: 120px;
}

.comment-form-group {
  margin-bottom: 30px;
  position: relative;
}
.comment-form-group .form-control {
  outline: none;
  width: 100%;
  border: none;
  height: auto;
  color: #000;
  padding: 18px 20px 18px 50px;
  border-radius: 5px;
  display: block;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.25s ease;
  box-shadow: 0 10px 28px 0 rgba(59, 59, 152, 0.15);
}
.comment-form-group .form-control:focus {
  outline: none;
  border: none;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.comment-form-group span {
  line-height: 60px;
  color: #18ab63;
  position: absolute;
  pointer-events: none;
  transition: all 0.25s ease;
  top: 0;
  left: 20px;
}

textarea.form-control {
  height: auto;
  padding-top: 20px;
}

.contact-form-wrap .form-group {
  margin-bottom: 30px;
  position: relative;
}
.contact-form-wrap .form-group .contact-form-control {
  outline: none;
  width: 100%;
  border: none;
  height: auto;
  color: #000;
  padding: 18px 20px 18px 50px;
  border-radius: 5px;
  display: block;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.25s ease;
  box-shadow: 0 10px 28px 0 rgba(59, 59, 152, 0.15);
}
.contact-form-wrap .form-group i {
  line-height: 60px;
  color: #18ab63;
  position: absolute;
  pointer-events: none;
  transition: all 0.25s ease;
  top: 0;
  left: 20px;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  /* Comments Item */
  .comment-item.sub-comment-item {
    margin-left: 0;
  }
}
/* ---------------------------------------------------------------- */
/* 07.Pagination                              
/* ---------------------------------------------------------------- */
.pagination-wrap {
  margin-top: 20px;
}
.pagination-wrap .pagination-link {
  width: 50px;
  height: 50px;
  color: #000;
  line-height: 50px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: 0 20px 35px 0 rgba(59, 59, 152, 0.15);
}
.pagination-wrap .pagination-link:hover, .pagination-wrap .pagination-link.active {
  background: #18ab63;
  color: #fff !important;
}
.pagination-wrap .pagination-link:last-child {
  margin-right: 0;
}

/* ---------------------------------------------------------------- */
/* 08.Preloader                            
/* ---------------------------------------------------------------- */
#preloader-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5555;
  position: fixed;
  background: #1B1464;
  display: flex;
  justify-content: center;
  align-items: center;
}
#preloader-wrap .lds-roller {
  width: 80px;
  height: 80px;
  position: relative;
  display: inline-block;
}
#preloader-wrap .lds-roller div {
  animation: ldsRoller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
#preloader-wrap .lds-roller div:after {
  width: 7px;
  height: 7px;
  content: " ";
  display: block;
  position: absolute;
  border-radius: 50%;
  margin: -4px 0 0 -4px;
  background: #fff;
}
#preloader-wrap .lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
#preloader-wrap .lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
#preloader-wrap .lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
#preloader-wrap .lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
#preloader-wrap .lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
#preloader-wrap .lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
#preloader-wrap .lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
#preloader-wrap .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
#preloader-wrap .lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
#preloader-wrap .lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
#preloader-wrap .lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
#preloader-wrap .lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
#preloader-wrap .lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
#preloader-wrap .lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
#preloader-wrap .lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
#preloader-wrap .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

/* ---------------------------------------------------------------- */
/* 09.Header                                                   
/* ---------------------------------------------------------------- */
.header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}



.header #top-bar {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #0A3D91;
}
.header #top-bar .social-links {
  display: flex;
  text-align: right;
  justify-content: flex-end;
}
.header #top-bar .social-links li {
  margin-right: 20px;
}
.header #top-bar .social-links li:last-child {
  margin-right: 0;
}
.header #top-bar .social-links li a {
  font-size: 14px;
  color: #fff;
  transition: all 0.25s ease;
}
.header #top-bar .social-links li a:hover {
  color: #18ab63;
}






.header #top-bar .nav-info {
  display: flex;
}
.header #top-bar .nav-info .nav-info-item {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.header #top-bar .nav-info .nav-info-item i, .header #top-bar .nav-info .nav-info-item span {
  color: #fff;
  font-size: 14px;
  transition: all 0.25s ease;
  font-weight: 600;
}
.header #top-bar .nav-info .nav-info-item i {
  margin-right: 15px;
  color: #18ab63;
}
.header .navbar-brand {
  padding: 5px 0px;
  color: #fff;
  margin-right: 0;
  text-transform: capitalize;
}
.header .navbar-brand img {
  display: none;
}
.header .navbar-brand img.logo-transparent {
  display: block;
}
.header .nav-item .nav-link {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  padding: 20px 0px 20px 20px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  display: block;
  position: relative;
  line-height: 28px;
  opacity: 0.9;
}
.header .nav-item .nav-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: #fff;
}
.header .nav-item .nav-link.active {
  opacity: 1;
}
.header .nav-item .nav-link:not(.active):after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  z-index: 7;
  content: "";
  position: absolute;
  transform: scaleX(0);
  transform-origin: 100% 0;
  background: #fff;
  transition: transform 0.4s ease;
}
.header .nav-item .nav-link:not(.active):hover:after {
  transform: scaleX(1);
  transform-origin: 0 0;
}
.header .nav-item:hover > a {
  color: #000;
  opacity: 1;
}
.header .nav-item.dropdown:hover .nav-link:after {
  transform: scaleX(1);
  transform-origin: 0 0;
}
.header .nav-item.dropdown .dropdown-menu {
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 6px 20px 0 rgba(59, 59, 152, 0.15);
}
.header .nav-item.dropdown .dropdown-menu .dropdown-item {
  width: 100%;
  color: #000;
  font-size: 14px;
  display: block;
  font-weight: 400;
  padding: 12px 26px;
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease;
}
.header .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  color: #fff;
  background: #18ab63;
  border-bottom-color: #18ab63;
}
.header .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0;
}
.header .nav-item.dropdown .dropdown-toggle {
  padding-right: 25px !important;
}
.header .nav-item.dropdown .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0;
  vertical-align: initial;
  content: "";
  border: none;
}
.header .nav-item.dropdown .dropdown-toggle:before {
  content: "\f078";
  top: 50%;
  right: 0;
  position: absolute;
  font-weight: 700;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  transition: all 0.25s ease;
  transform: translateY(-50%);
}
.header .nav-item.dropdown .dropdown-toggle[aria-expanded=true]:before {
  top: 28px;
  transform: rotate(180deg);
}
.header .navbar-toggler {
  outline: none;
  border: none;
  border-radius: 0;
  padding: 0 10px 0 0;
}
.header .navbar-toggler .togler-icon-inner span {
  height: 3px;
  margin: 5px;
  width: 30px;
  display: block;
  background: #003399;
  transition: all 0.3s ease;
}
.header .navbar-toggler .togler-icon-inner span:nth-child(2) {
  width: 20px !important;
  margin-left: auto;
}
.header .navbar-toggler .togler-icon-inner span:last-child {
  margin-bottom: 0;
}
.header .navbar-toggler[aria-expanded=true] .togler-icon-inner span:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 6px);
}
.header .navbar-toggler[aria-expanded=true] .togler-icon-inner span:nth-child(2) {
  opacity: 0;
}
.header .navbar-toggler[aria-expanded=true] .togler-icon-inner span:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -6px);
}
.header .login-btn-mobile, .header .search-btn-mobile {
  display: none;
}

/* Header Shrink */
.header-shrink {
  border-bottom: none;
  padding: 0;
  background: #fff;
  animation: stickyMenu 0.7s ease-in-out;
  box-shadow: 0 5px 25px 0 rgba(27, 20, 100, 0.15);
}
.header-shrink .nav-item:hover .nav-link {
  color: #18ab63;
}
.header-shrink .nav-item .nav-link {
  color: #000;
  opacity: 1;
}
.header-shrink .nav-item .nav-link.active, .header-shrink .nav-item .nav-link:hover {
  color: #18ab63;
}
.header-shrink .nav-item .nav-link:after {
  background: #18ab63;
}
.header-shrink .nav-item .nav-link:not(.active):after {
  background: #0A3D91;
}
.header-shrink .navbar-toggler .togler-icon-inner span {
  background-color: #000;
}
.header-shrink #top-bar {
  background: #1B1464;
  border-bottom: none;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  .header {
    padding: 0;
  }
  .header #top-bar {
    display: none;
  }
  .header .container {
    max-width: 100%;
    padding: 0;
  }
  .header .navbar-brand {
    padding: 10px 0 10px 15px;
  }
  .header .main-menu {
    background: #fff;
  }
  .header .main-menu .navbar-nav {
    max-height: 243px;
    overflow: hidden;
    overflow-y: auto;
  }
  .header .main-menu .navbar-nav .nav-item:last-child .nav-link {
    border-bottom: 0;
  }
  .header .main-menu .navbar-nav .nav-link {
    color: #000;
    padding: 10px 15px !important;
    transition: all 0.25s linear;
    opacity: 1;
    border-bottom: 1px solid #eee;
  }
  .header .main-menu .navbar-nav .nav-link:after {
    display: none;
  }
  .header .main-menu .navbar-nav .nav-link.active {
    background: #18ab63;
    color: #fff !important;
    border-color: #18ab63;
  }
  .header .main-menu .navbar-nav .nav-link:not(.active):hover {
    background: #18ab63;
    color: #fff !important;
    border-color: #18ab63;
  }
  .header .main-menu .nav-item .dropdown-menu {
    box-shadow: none;
    background: rgba(24, 171, 99, 0.1);
  }
  .header .main-menu .nav-item .dropdown-menu .dropdown-item:hover {
    background: #18ab63;
  }
  .header .dropdown-toggle:before {
    top: 27px !important;
    right: 20px !important;
  }
  .header .dropdown-toggle[aria-expanded=true]:before {
    top: 11px !important;
    transform: rotate(180deg) !important;
  }
  .header .login-btn-mobile {
    display: block;
    position: absolute;
    top: 32px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
  }
  .header .search-btn-mobile {
    display: block;
    position: absolute;
    top: 32px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    right: 100px;
  }
  .header .login-btn-mobile {
    right: 60px;
  }
  .header.header-shrink .login-btn-mobile {
    color: #000;
  }
  .header.header-shrink .search-btn-mobile {
    color: #000;
  }
  .header .popup-form-wrap {
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    display: none;
    position: fixed;
    border-radius: 10px;
    background: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 0px 23px 49px 0 rgba(59, 59, 152, 0.15);
  }
  .header .popup-form-wrap .popup-form-header {
    padding: 15px 30px;
  }
  .header .popup-form-wrap .laus-form-group .laus-form-inner {
    padding: 15px;
  }
  .header .popup-form-wrap .laus-form-group > span {
    position: absolute;
    top: 20px !important;
    left: 16px;
    font-size: 12px;
  }
  .header .popup-form-wrap .laus-form-group .laus-form-control {
    margin-bottom: 15px;
    height: 50px;
  }
  .login-btn-resp, .search-btn-resp {
    display: none;
  }
  /* Header Shrink */
  .header-shrink .nav-item:hover .nav-link {
    color: #18ab63;
  }
  .header-shrink .nav-item .nav-link {
    color: #000;
  }
  .header-shrink .nav-item .nav-link.active, .header-shrink .nav-item .nav-link:hover {
    color: #18ab63;
  }
  .header-shrink .nav-item .nav-link:after {
    background: #18ab63;
  }
  .header-shrink .nav-item .nav-link:not(.active):after {
    background: #18ab63;
  }
  .header-shrink .togler-icon-inner span {
    background-color: #000;
  }
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Large devices (desktop, less than min-width: 992px)
/* ---------------------------------------------------------------- */
@media screen and (min-width: 991.98px) {
  .dropdown-menu {
    border: 0;
    top: 100%;
    left: 0;
    transform-origin: top;
    transform: rotateX(90deg);
    color: #000;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    display: initial;
    min-width: 250px;
    border-radius: 0;
    position: absolute;
    z-index: 999;
  }
  .dropdown-menu.show {
    opacity: 1;
    top: 100%;
    visibility: visible;
    transition: all 0.25s linear;
    transform: rotateY(0deg);
  }
}
/* ---------------------------------------------------------------- */
/* 10.Hero                                                    
/* ---------------------------------------------------------------- */
#hero {
  z-index: 35;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#hero:before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.75;
  z-index: -35;
  position: absolute;
  background: #1B1464;
}

.hero-section-inner {
  position: relative;
}
.hero-section-inner .hero-section-title {
  font-weight: 700;
  margin-bottom: 20px;
  color: #fff;
}
.hero-section-inner .hero-sup-title {
  margin-bottom: 15px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  display: inline-block;
  padding: 10px 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.7rem;
}
.hero-section-inner p {
  color: #fff;
  opacity: 0.8;
  margin-bottom: 30px;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  .hero-section-inner .hero-section-title {
    font-size: 3rem;
  }
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra Small devices (portrait phones, less than 575px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
  .hero-section-inner .hero-section-title {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
/* ---------------------------------------------------------------- */
/* 11.About                            
/* ---------------------------------------------------------------- */
#about {
  position: relative;
  z-index: 1;
}
#about:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.08;
  z-index: -1;
  background: url(../img/bg/about-bg-img.png);
  background-size: cover;
  background-position: center center;
}

.about-inner {
  margin-bottom: 30px;
}
.about-inner h6 {
  margin-bottom: 15px;
  color: #18ab63;
  background: rgba(24, 171, 99, 0.1);
  border-radius: 3px;
  display: inline-block;
  padding: 10px 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.7rem;
  font-weight: 600;
}
.about-inner h4 {
  margin-bottom: 15px;
}
.about-inner p {
  margin-bottom: 20px;
}
.about-inner blockquote {
  padding: 30px;
  border-radius: 3px;
  margin-bottom: 30px;
  position: relative;
  background: #fff;
  border-left: 4px solid #18ab63;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.about-inner blockquote span {
  position: absolute;
  font-size: 40px;
  z-index: -6;
  opacity: 0.25;
  top: 15px;
  left: 30px;
  color: #18ab63;
}
.about-inner blockquote strong {
  color: #000;
  font-style: italic;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}
.about-inner blockquote p {
  margin-bottom: 10px;
  font-style: italic;
}

.about-img {
  position: relative;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 30px;
  z-index: 6;
}
.about-img img {
  border-radius: 3px;
}
.about-img .video-btn {
  top: 50%;
  left: 50%;
  text-align: center;
  width: 80px;
  height: 80px;
  line-height: 80px;
  position: absolute;
  border-radius: 50%;
  font-size: 1rem;
  background: #18ab63;
  color: #fff;
  transition: all 0.5s ease;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
}
.about-img .video-btn:hover {
  background: #127e49;
  color: #fff;
  transform: translate(-50%, -50%) scale(1.15);
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.4);
}
.about-img .experience-badge {
  position: absolute;
  top: -20px;
  right: 20px;
  border-radius: 5px 5px;
  background: #18ab63;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.about-img .experience-badge::after {
  content: "";
  position: absolute;
  top: -30px;
  left: -28px;
  border: 30px solid;
  z-index: -6;
  border-color: transparent transparent #18ab63 transparent;
}
.about-img .experience-badge .year {
  padding: 20px;
  display: block;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
}
.about-img .experience-badge .text {
  display: block;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  font-size: 14px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.1);
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra Small devices (portrait phones, less than 575px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
  .about-img .experience-badge {
    display: none;
  }
}
/* ---------------------------------------------------------------- */
/* 12.Services                                                
/* ---------------------------------------------------------------- */
.services-box {
  z-index: 11;
  padding: 30px;
  text-align: left;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  background: #fff;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.services-box .services-icon span {
  position: relative;
  display: inline-block;
}
.services-box .services-icon span:before {
  font-size: 80px;
  margin-left: 0;
  display: inline-block;
  color: #18ab63;
}
.services-box .services-body h5 {
  margin-bottom: 15px;
}
.services-box .services-body p {
  margin-bottom: 30px;
}
.services-box:after, .services-box:before {
  width: 250px;
  height: 250px;
  content: "";
  top: -15px;
  right: -100%;
  z-index: -11;
  border-radius: 50%;
  position: absolute;
  transition: all 0.5s ease;
  background: rgba(255, 255, 255, 0.08);
}
.services-box:after {
  transition-delay: 0;
}
.services-box:hover {
  background: #1B1464;
}
.services-box:hover:after {
  top: -50px;
  right: -130px;
  transition-delay: 0.5s;
}
.services-box:hover:before {
  top: -30px;
  right: -150px;
}
.services-box:hover .services-body h5 {
  color: #fff;
}
.services-box:hover .services-body p {
  color: #fff;
  opacity: 0.8;
}

/* ---------------------------------------------------------------- */
/* 13.Work Process                            
/* ---------------------------------------------------------------- */
.work-process-item {
  padding: 30px;
  text-align: center;
}
.work-process-item.active {
  z-index: 11;
  padding: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  background: #fff;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.work-process-item .work-process-icon {
  color: #18ab63;
  margin-bottom: 10px;
}
.work-process-item .work-process-icon i:before {
  margin-left: 0;
  font-size: 75px;
}
.work-process-item .work-process-body span {
  color: #18ab63;
  font-size: 42px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
  display: block;
}
.work-process-item .work-process-body h6 {
  margin-bottom: 10px;
}

/* ---------------------------------------------------------------- */
/* 14.Portfolio                             
/* ---------------------------------------------------------------- */
.portfolio-filter-wrap {
  text-align: center;
}
.portfolio-filter-wrap .portfolio-filter {
  display: inline-block;
  margin: 0 auto 60px auto;
}
.portfolio-filter-wrap .portfolio-filter:after {
  content: "";
  display: block;
  clear: both;
}
.portfolio-filter-wrap .portfolio-filter a {
  color: inherit;
  padding: 10px 20px;
  border-radius: 5px;
  position: relative;
  margin-right: 10px;
  text-align: center;
  text-transform: capitalize;
  border: 1px solid rgba(0, 0, 0, 0.1);
  float: left;
  transition: all 0.25s ease;
  font-weight: 500;
}
.portfolio-filter-wrap .portfolio-filter a:last-child {
  margin-right: 0;
}
.portfolio-filter-wrap .portfolio-filter a:hover, .portfolio-filter-wrap .portfolio-filter a.current {
  background: #18ab63;
  color: #fff;
  border-color: #18ab63;
}
.portfolio-filter-wrap .portfolio-filter a.current {
  transition-duration: initial !important;
}

.portfolio-item {
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}
.portfolio-item:hover {
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.2);
}
.portfolio-item:hover .portfolio-img:after {
  transform: scale(1);
  transform-origin: 0 0;
}
.portfolio-item:hover .portfolio-links {
  top: 40px;
  opacity: 1;
  visibility: visible;
}
.portfolio-item:hover .portfolio-text {
  bottom: 30px;
  opacity: 1;
  visibility: visible;
}
.portfolio-item .portfolio-img {
  border-radius: 5px;
}
.portfolio-item .portfolio-img:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 5px;
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform 0.5s ease-in-out;
  background: #fff;
  opacity: 1;
}
.portfolio-item .portfolio-img img {
  border-radius: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.portfolio-item .portfolio-text {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding-left: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.portfolio-item .portfolio-text a {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  display: inline-block;
  margin-bottom: 5px;
  transition: color 0.25s ease;
}
.portfolio-item .portfolio-text a:hover {
  color: #18ab63;
}
.portfolio-item .portfolio-text p {
  opacity: 0.8;
}
.portfolio-item .portfolio-links {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.portfolio-item .portfolio-links a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #fff;
  display: inline-block;
  background: #18ab63;
  transition: all 0.5s ease;
}
.portfolio-item .portfolio-links a:hover {
  box-shadow: 0 0 0 10px rgba(24, 171, 99, 0.15), 0 0 0 20px rgba(24, 171, 99, 0.2);
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra Small devices (portrait phones, less than 575px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
  .portfolio-filter-wrap .portfolio-filter a {
    display: block;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
  .portfolio-filter-wrap .portfolio-filter a:last-child {
    margin-bottom: 0;
  }
}
/* ---------------------------------------------------------------- */
/* 15.Counters                            
/* ---------------------------------------------------------------- */
#counters {
  z-index: 40;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#counters:before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.75;
  z-index: -40;
  position: absolute;
  background: #1B1464;
}

.counters-text h4 {
  color: #fff;
}

.counters-btn {
  text-align: right;
}

.counter-item {
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  background: #fff;
}
.counter-item .counter-icon span:before {
  font-size: 80px;
  color: #18ab63;
  margin-left: 0;
}
.counter-item .counter-body h6 {
  margin-bottom: 10px;
}
.counter-item .counter-body span {
  font-family: "Poppins", sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  color: #18ab63;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Small devices (landscape phones, less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
  .counters-text h4 {
    text-align: center;
    margin-bottom: 20px;
  }
  .counters-btn {
    text-align: center;
  }
}
/* ---------------------------------------------------------------- */
/* 16.Our Team                        
/* ---------------------------------------------------------------- */
.team-item {
  padding: 30px;
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
  text-align: center;
  transition: all 0.5s ease;
  background: #fff;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.team-item .team-img {
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}
.team-item .team-img:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 14;
  position: absolute;
  background: url(../img/team/team-img-shape.png) no-repeat;
  background-size: cover;
}
.team-item .team-img img {
  border-radius: 5px;
  display: inline-block;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.team-item .team-body h6 {
  font-size: 28px;
  color: #18ab63;
}
.team-item .team-body h5 {
  margin-bottom: 5px;
}
.team-item .team-body span {
  display: block;
  margin-bottom: 30px;
  font-weight: 600;
  color: #18ab63;
}
.team-item ul.team-social {
  display: flex;
  justify-content: center;
}
.team-item ul.team-social li {
  margin-right: 15px;
}
.team-item ul.team-social li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  transition: all 0.5s ease;
  background: #fff;
  box-shadow: 0 10px 25px 0 rgba(59, 59, 152, 0.15);
}
.team-item ul.team-social li a:hover {
  color: #fff !important;
}
.team-item ul.team-social li:nth-child(1) a {
  color: #3b5998;
}
.team-item ul.team-social li:nth-child(1) a:hover {
  background: #3b5998;
  transform: translateY(-5px);
}
.team-item ul.team-social li:nth-child(2) a {
  color: #1DA1F2;
}
.team-item ul.team-social li:nth-child(2) a:hover {
  background: #1DA1F2;
  transform: translateY(-5px);
}
.team-item ul.team-social li:nth-child(3) a {
  color: #F77737;
}
.team-item ul.team-social li:nth-child(3) a:hover {
  background: #F77737;
  transform: translateY(-5px);
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  .team-item {
    display: block;
    text-align: center;
  }
  .team-item .team-img {
    margin-right: 0;
    margin-bottom: 30px;
    display: inline-block;
  }
  .team-item ul.team-social {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/* ---------------------------------------------------------------- */
/* 17.Our Clients                      
/* ---------------------------------------------------------------- */
#our-clients {
  background: #f2f2fe;
}

.clients-item {
  padding: 30px;
  border-radius: 5px;
  margin: 0 0 30px 0;
  position: relative;
  transition: all 0.5s ease;
  background: #fff;
}
.clients-item .clients-body p {
  font-size: 22px;
  font-style: italic;
  margin-bottom: 20px;
}
.clients-item .clients-body h6 {
  margin-bottom: 5px;
}
.clients-item .clients-body span {
  color: #18ab63;
}
.clients-item .rating {
  margin-bottom: 20px;
}
.clients-item .rating i {
  margin-right: 3px;
  color: #ffc107;
  font-weight: 500;
}
.clients-item .rating i:last-child {
  margin-right: 0;
}

.clients-img {
  position: relative;
  z-index: 15;
}
.clients-img:hover {
  animation: none;
}
.clients-img .client-img {
  padding: 30px;
  border-radius: 50%;
  position: relative;
  transition: all 0.5s ease;
  display: inline-block;
  background: #fff;
  box-shadow: 0 20px 35px 0 rgba(59, 59, 152, 0.15);
}
.clients-img .client-img-shape {
  bottom: -100px;
  left: 110px;
  position: absolute;
}
.clients-img img {
  display: inline-block;
}

.our-clients-slider.owl-carousel .owl-nav {
  text-align: left !important;
  margin-top: 30px;
}
.our-clients-slider.owl-carousel button.owl-next, .our-clients-slider.owl-carousel button.owl-prev {
  padding: 15px 20px !important;
  border-radius: 50%;
  position: relative;
  transition: all 0.5s ease;
  display: inline-block;
  margin: 0 10px 0 0;
  background: #fff;
  box-shadow: 0 20px 35px 0 rgba(59, 59, 152, 0.15);
}
.our-clients-slider.owl-carousel button.owl-next:hover, .our-clients-slider.owl-carousel button.owl-prev:hover {
  background: #18ab63;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  .clients-img {
    margin-bottom: 30px;
  }
  .clients-img .client-img-shape {
    display: none;
  }
  .clients-item .clients-body p {
    font-size: 18px;
  }
}
/* ---------------------------------------------------------------- */
/* 18.Our Pricing                          
/* ---------------------------------------------------------------- */
.price-toggle-wrap {
  text-align: center;
  display: inline-block;
  margin: 0 auto 60px auto;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 10px 28px 0 rgba(59, 59, 152, 0.15);
}
.price-toggle-wrap a {
  padding: 18px 30px;
  float: left;
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
  background-color: rgba(24, 171, 99, 0.1);
  color: #18ab63;
}
.price-toggle-wrap a.active {
  background-position: center;
  background: #18ab63;
  color: #fff;
}
.price-toggle-wrap a:last-child {
  margin-right: 0;
}

.pricing-tab-toggle-content {
  display: none;
}
.pricing-tab-toggle-content.active {
  display: block;
}

.price-table {
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  background: #fff;
  transition: all 0.25s linear;
}
.price-table .price-icon {
  display: inline-block;
}
.price-table .price-icon i {
  width: 100px;
  height: 100px;
  font-size: 40px;
  color: #18ab63;
  line-height: 100px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  transition: all 0.5s ease;
  background: rgba(24, 171, 99, 0.1);
}
.price-table.popular {
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.price-table.popular .price-icon i {
  color: #fff;
  background: #18ab63;
}
.price-table .price-value {
  margin-top: 20px;
  margin-bottom: 20px;
}
.price-table .price-value b {
  font-size: 3.2rem;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  color: #212130;
}
.price-table .price-value span {
  font-size: 1rem;
}
.price-table .price-text {
  margin-bottom: 20px;
}
.price-table .price-text span {
  text-align: center;
  border-radius: 100px;
  display: inline-block;
  padding: 11px 40px;
}
.price-table .price-list li {
  margin-top: 15px;
}
.price-table .price-list li:first-child {
  margin-top: 0;
}
.price-table .price-footer {
  margin-top: 30px;
}
.price-table .price-badge {
  position: absolute;
  top: 15px;
  right: 0;
  transform: rotate(90deg);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  font-size: 15px;
  background: #18ab63;
  color: #fff;
}
.price-table .price-badge:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -40px;
  border: 25px solid;
  border-color: #18ab63 transparent #18ab63 #18ab63;
}

/* ---------------------------------------------------------------- */
/* 19.Latest Blog                      
/* ---------------------------------------------------------------- */
#latest-blog {
  background: #f2f2fe;
}

.blog-grid .blog-item, .blog-sidebar .blog-item {
  box-shadow: 0 20px 35px 0 rgba(59, 59, 152, 0.15);
}

.blog-item {
  border-radius: 5px;
  margin: 0 0 30px 0;
  transition: all 0.5s ease;
  background: #fff;
}
.blog-item .blog-img {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.blog-item .blog-img img {
  border-radius: 5px;
  transition: all 0.5s ease;
}
.blog-item .blog-img:hover img {
  transform: scale(1.2);
}
.blog-item .blog-body {
  padding: 30px;
  position: relative;
}
.blog-item .blog-body .blog-meta {
  margin-bottom: 15px;
}
.blog-item .blog-body .blog-meta span {
  font-size: 15px;
  margin-right: 10px;
}
.blog-item .blog-body .blog-meta span i {
  margin-right: 8px;
  color: #18ab63;
}
.blog-item .blog-body p {
  margin-bottom: 20px;
}
.blog-item .blog-body h6 {
  margin-bottom: 10px;
}
.blog-item .blog-body h6 a {
  color: inherit;
  transition: color 0.25s ease;
}
.blog-item .blog-body h6 a:hover {
  color: #18ab63;
}
.blog-item .blog-body .blog-more-link {
  padding: 8px 60px 8px 20px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.25s linear;
  text-align: center;
  border-radius: 3px;
  position: relative;
  background: #18ab63;
  color: #fff;
  border: none;
  font-size: 14px;
}
.blog-item .blog-body .blog-more-link:hover {
  background: #127e49;
  color: #fff;
  transform: translateY(-5px);
}
.blog-item .blog-body .blog-more-link i {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  position: absolute;
  font-size: 12px;
  border-radius: 0 3px 3px 0;
  background: rgba(255, 255, 255, 0.2);
}

.latest-blog-slider.owl-carousel .owl-nav {
  text-align: center !important;
  margin-top: 30px;
}
.latest-blog-slider.owl-carousel button.owl-next, .latest-blog-slider.owl-carousel button.owl-prev {
  padding: 15px 20px !important;
  border-radius: 50%;
  position: relative;
  transition: all 0.5s ease;
  display: inline-block;
  margin: 0 10px 0 0;
  background: #fff;
  box-shadow: 0 20px 35px 0 rgba(59, 59, 152, 0.15);
}
.latest-blog-slider.owl-carousel button.owl-next:hover, .latest-blog-slider.owl-carousel button.owl-prev:hover {
  background: #18ab63;
}

/* ---------------------------------------------------------------- */
/* 20.Footer                            
/* ---------------------------------------------------------------- */
#footer {
  background: #212130;
}
#footer #footer-top {
  padding: 70px 0 50px 0;
}
#footer #footer-top .footer-projects {
  margin-right: 0;
}
#footer #footer-top .footer-projects .footer-project-item {
  margin-bottom: 20px;
}
#footer #footer-top .footer-widget {
  margin-bottom: 30px;
}
#footer #footer-top .footer-widget h5 {
  color: #fff;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
  display: inline-block;
}
#footer #footer-top .footer-widget h5:after {
  content: "";
  width: 50px;
  height: 2px;
  margin-top: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #18ab63;
}
#footer #footer-top .footer-widget p {
  color: #dee2e6;
}
#footer #footer-top .footer-widget ul.footer-social {
  display: flex;
  margin-top: 30px;
}
#footer #footer-top .footer-widget ul.footer-social li {
  margin-right: 10px;
}
#footer #footer-top .footer-widget ul.footer-social li:last-child {
  margin-right: 0;
}
#footer #footer-top .footer-widget ul.footer-social li a i {
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  line-height: 50px;
  text-align: center;
  transition: all 0.25s ease;
  background: rgba(255, 255, 255, 0.03);
}
#footer #footer-top .footer-widget ul.footer-social li:nth-child(1) a:hover i {
  background: #3b5998;
  color: #fff !important;
}
#footer #footer-top .footer-widget ul.footer-social li:nth-child(2) a:hover i {
  background: #1DA1F2;
  color: #fff !important;
}
#footer #footer-top .footer-widget ul.footer-social li:nth-child(3) a:hover i {
  background: #F77737;
  color: #fff !important;
}
#footer #footer-top .footer-widget ul.footer-social li:nth-child(4) a:hover i {
  background: #BD081C;
  color: #fff !important;
}
#footer #footer-top .footer-widget ul.footer-links li {
  margin-bottom: 10px;
}
#footer #footer-top .footer-widget ul.footer-links li:last-child {
  margin-bottom: 0;
}
#footer #footer-top .footer-widget ul.footer-links li a {
  color: #dee2e6;
  position: relative;
  transition: all 0.25s ease;
}
#footer #footer-top .footer-widget ul.footer-links li a:before {
  content: "\f061";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  transition: all 0.25s ease;
  margin-right: 20px;
}
#footer #footer-top .footer-widget ul.footer-links li a:hover {
  color: #18ab63;
  text-decoration: underline;
}
#footer #footer-top .footer-widget ul.footer-links li a:hover:before {
  margin-left: 10px;
  color: #18ab63;
}
#footer #footer-top .footer-widget .newsletter-form-wrap p {
  margin-bottom: 20px;
}
#footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-control {
  display: block;
  width: 100%;
  border: none;
  padding: 14px 20px;
  border-radius: 5px;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
#footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-btn {
  padding: 12px 70px 12px 24px;
  display: block;
  width: 100%;
  text-transform: capitalize;
  transition: all 0.25s linear;
  text-align: center;
  border-radius: 3px;
  position: relative;
  background: #18ab63;
  color: #fff;
  border: none;
}
#footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-btn:hover {
  background: #127e49;
  color: #fff;
  transform: translateY(-5px);
}
#footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-btn i {
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  display: inline-block;
  position: absolute;
  border-radius: 0 3px 3px 0;
  background: rgba(255, 255, 255, 0.2);
}
#footer #copyright {
  background: rgba(255, 255, 255, 0.05);
  padding: 10px 0;
}
#footer #copyright p {
  color: #dee2e6;
}

/* ---------------------------------------------------------------- */
/* 21.Breadcrumb                           
/* ---------------------------------------------------------------- */
.breadcrumb-section {
  z-index: 42;
  overflow: hidden;
  padding: 170px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.breadcrumb-section:before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.75;
  z-index: -42;
  position: absolute;
  background: #1B1464;
}
.breadcrumb-section .breadcrumb-inner {
  position: relative;
  z-index: 18;
}
.breadcrumb-section .breadcrumb-inner h1 {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 15px;
}
.breadcrumb-section .breadcrumb-inner .breadcrumb-links li {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.breadcrumb-section .breadcrumb-inner .breadcrumb-links li.active:before {
  content: "\f30b";
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
  color: #18ab63;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}
.breadcrumb-section .breadcrumb-inner .breadcrumb-links li a {
  color: #fff;
}
.breadcrumb-section .breadcrumb-inner .breadcrumb-links li a:hover {
  text-decoration: underline;
  color: #18ab63;
}

/* ---------------------------------------------------------------- */
/* 22.Sidebar                             
/* ---------------------------------------------------------------- */
.blog-sidebar .blog-widgets {
  margin-bottom: 30px;
}
.blog-sidebar .blog-widgets .blog-search-btn {
  top: 0;
  right: 0;
  border: none;
  width: 60px;
  outline: none;
  height: 100%;
  position: absolute;
  background: #18ab63;
  color: #fff;
  border-radius: 0 5px 5px 0;
}
.blog-sidebar .blog-widgets .blog-search-bar {
  width: 100%;
}
.blog-sidebar .blog-widgets .blog-search-bar .search-form-control {
  width: 100%;
  display: block;
  border-radius: 5px;
  padding: 18px 78px 18px 20px;
  border: none;
  transition: all 0.25s ease;
  box-shadow: 0 13px 30px 0 rgba(59, 59, 152, 0.15);
}
.blog-sidebar .blog-widgets:last-child {
  margin-bottom: 0;
}
.blog-sidebar .recent-post-item {
  margin-bottom: 20px;
}
.blog-sidebar .recent-post-item:last-child {
  margin-bottom: 0;
}
.blog-sidebar .recent-post-item .recent-post-img {
  float: left;
  margin-right: 15px;
}
.blog-sidebar .recent-post-item .recent-post-img img {
  border-radius: 5px;
}
.blog-sidebar .recent-post-item .recent-post-body .recent-post-title {
  margin-bottom: 14px;
  line-height: 1.5;
  font-size: 1.1rem;
  transition: all 0.25s ease;
}
.blog-sidebar .recent-post-item .recent-post-body .recent-post-title:hover {
  color: #18ab63;
}
.blog-sidebar .recent-post-item .recent-post-body .recent-post-date i {
  margin-right: 8px;
  color: #18ab63;
}
.blog-sidebar .blog-archive-list li, .blog-sidebar .blog-category-list li {
  display: block;
  padding: 10px 10px 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.blog-sidebar .blog-archive-list li:last-child, .blog-sidebar .blog-category-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.blog-sidebar .blog-archive-list li a, .blog-sidebar .blog-category-list li a {
  color: #000;
  transition: all 0.25s ease;
  font-weight: 500;
}
.blog-sidebar .blog-archive-list li a:before, .blog-sidebar .blog-category-list li a:before {
  content: "";
  background: #000;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  transition: all 0.25s ease;
}
.blog-sidebar .blog-archive-list li a:hover, .blog-sidebar .blog-archive-list li a.active, .blog-sidebar .blog-category-list li a:hover, .blog-sidebar .blog-category-list li a.active {
  color: #18ab63;
}
.blog-sidebar .blog-archive-list li a.active:before, .blog-sidebar .blog-archive-list li a:hover:before, .blog-sidebar .blog-category-list li a.active:before, .blog-sidebar .blog-category-list li a:hover:before {
  background: #18ab63;
}
.blog-sidebar .blog-category-list li a:before {
  height: 1px;
  width: 10px;
}
.blog-sidebar .blog-category-list li a:hover:before {
  width: 20px;
}
.blog-sidebar .blog-category-list li a .category-count {
  float: right;
}
.blog-sidebar .blog-archive-list li a:before {
  height: 5px;
  width: 5px;
}
.blog-sidebar .blog-tags li {
  float: left;
}
.blog-sidebar .blog-tags li a {
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  display: inline-block;
  color: #000;
  padding: 10px 15px;
  border-radius: 5px;
  transition: all 0.25s ease;
  box-shadow: 0 10px 20px 0 rgba(59, 59, 152, 0.15);
}
.blog-sidebar .blog-tags li a:hover, .blog-sidebar .blog-tags li a.active {
  background: #18ab63;
  color: #fff;
}
.blog-sidebar .tag-widgets {
  margin-bottom: 20px;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  .blog-sidebar {
    margin-top: 30px;
  }
  .recent-post-item .recent-post-body .recent-post-title {
    line-height: 1.5;
    font-size: 1rem;
  }
}
/* ---------------------------------------------------------------- */
/* 23.Blog Single Post                             
/* ---------------------------------------------------------------- */
.blog-post-img {
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  z-index: 14;
}
.blog-post-img img {
  border-radius: 5px;
  display: inline-block;
}

.blog-text h4 {
  line-height: 1.3;
  font-size: 2.3rem;
  margin-bottom: 20px;
}
.blog-text .author-meta {
  margin-bottom: 20px;
}
.blog-text .author-meta a {
  color: #000;
  margin-right: 15px;
  transition: all 0.25s ease;
}
.blog-text .author-meta a:after {
  content: "";
  margin-left: 15px;
  border-left: 1px solid #18ab63;
}
.blog-text .author-meta a:last-child {
  margin-right: 0;
}
.blog-text .author-meta a:last-child:after {
  display: none;
}
.blog-text .author-meta a:hover {
  color: #18ab63;
}
.blog-text .author-meta a span {
  color: #18ab63;
  display: inline-block;
  margin-right: 15px;
}
.blog-text p {
  margin-bottom: 30px;
}
.blog-text blockquote {
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
  color: #000;
  background: #fff;
  border-left: 5px solid #18ab63;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.blog-text blockquote q {
  font-style: italic;
  line-height: 2;
}
.blog-text blockquote q:before {
  margin-right: 5px;
}
.blog-text blockquote q:after {
  margin-left: 5px;
}
.blog-text .blog-inner-img img {
  margin-bottom: 30px;
  border-radius: 5px;
}
.blog-text .blog-meta h6 {
  margin-bottom: 15px;
}
.blog-text .blog-meta ul.blog-share-links {
  display: flex;
  margin-bottom: 30px;
}
.blog-text .blog-meta ul.blog-share-links li {
  margin-right: 10px;
}
.blog-text .blog-meta ul.blog-share-links li a {
  width: 40px;
  height: 40px;
  color: #000;
  line-height: 40px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: 0 10px 25px 0 rgba(59, 59, 152, 0.15);
}
.blog-text .blog-meta ul.blog-share-links li:nth-child(1) a {
  color: #3b5998;
}
.blog-text .blog-meta ul.blog-share-links li:nth-child(1) a:hover {
  background: #3b5998;
  color: #fff !important;
}
.blog-text .blog-meta ul.blog-share-links li:nth-child(2) a {
  color: #1DA1F2;
}
.blog-text .blog-meta ul.blog-share-links li:nth-child(2) a:hover {
  background: #1DA1F2;
  color: #fff !important;
}
.blog-text .blog-meta ul.blog-share-links li:nth-child(3) a {
  color: #F77737;
}
.blog-text .blog-meta ul.blog-share-links li:nth-child(3) a:hover {
  background: #F77737;
  color: #fff !important;
}
.blog-text .blog-meta ul.blog-share-links li:nth-child(4) a {
  color: #BD081C;
}
.blog-text .blog-meta ul.blog-share-links li:nth-child(4) a:hover {
  background: #BD081C;
  color: #fff !important;
}
.blog-text .blog-meta ul.blog-post-tag {
  display: flex;
  margin-bottom: 30px;
}
.blog-text .blog-meta ul.blog-post-tag li {
  margin-right: 10px;
}
.blog-text .blog-meta ul.blog-post-tag li a {
  color: #000;
  margin: 0 5px 0 0;
  padding: 8px 16px;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: 0 10px 25px 0 rgba(59, 59, 152, 0.15);
}
.blog-text .blog-meta ul.blog-post-tag li a:hover {
  background: #18ab63;
  color: #fff !important;
}
.blog-text .blog-page-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.blog-text .blog-page-btn a {
  color: #fff;
  border: none;
  text-align: center;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  background: #18ab63;
  transition: all 0.25s linear;
}
.blog-text .blog-page-btn a:hover {
  background: #127e49;
  color: #fff;
}
.blog-text .blog-page-btn a i {
  top: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  position: absolute;
  border-radius: 0 3px 3px 0;
  background: rgba(255, 255, 255, 0.2);
}
.blog-text .blog-page-btn a.prev-btn {
  padding: 13px 20px 13px 70px;
}
.blog-text .blog-page-btn a.prev-btn i {
  left: 0;
}
.blog-text .blog-page-btn a.next-btn {
  padding: 13px 70px 13px 20px;
}
.blog-text .blog-page-btn a.next-btn i {
  right: 0;
}

.blog-title {
  position: relative;
}
.blog-title:after {
  z-index: 1;
  content: "";
  width: 50px;
  display: block;
  position: relative;
  margin: 20px auto 20px 0;
  border-bottom: 2px solid #18ab63;
}
.blog-title:before {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.blog-title-subline {
  margin-bottom: 30px;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices  (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
  .sub-comment-item {
    margin-left: 0;
  }
}
/* ---------------------------------------------------------------- */
/* 24.Contact Us Page                           
/* ---------------------------------------------------------------- */
.contact-info-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.contact-info-box .contact-info-icon span {
  position: relative;
  display: inline-block;
}
.contact-info-box .contact-info-icon span:before {
  font-size: 80px;
  margin-left: 0;
  display: inline-block;
  color: #18ab63;
}
.contact-info-box .contact-info-body {
  text-align: left;
}
.contact-info-box .contact-info-body h6 {
  margin-bottom: 5px;
}
.contact-info-box .contact-info-body a {
  color: inherit;
  transition: all 0.25s ease;
}
.contact-info-box .contact-info-body a:hover {
  color: #18ab63;
  text-decoration: underline;
}

.google-maps iframe {
  height: 498px;
  width: 100% !important;
  margin-bottom: 30px;
}

.contact-form-wrap {
  margin-bottom: 30px;
}

.contact-alerts .empty-form, .contact-alerts .email-invalid, .contact-alerts .phone-invalid, .contact-alerts .empty-select {
  margin-bottom: 30px;
  padding: 20px 30px;
  border-radius: 5px;
}
.contact-alerts .empty-form, .contact-alerts .email-invalid, .contact-alerts .phone-invalid, .contact-alerts .empty-select {
  background: #f8d7da;
  color: #6b161e;
}
.contact-alerts .alert-success {
  margin-bottom: 30px;
}

.custom-select-wrapper {
  position: relative;
}
.custom-select-wrapper select, .custom-select-wrapper .select-hide {
  display: none;
}
.custom-select-wrapper .select-selected {
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 5px;
  display: inline-block;
  padding: 18px 20px 18px 50px;
  transition: all 0.25s ease;
  box-shadow: 0 23px 49px rgba(59, 59, 152, 0.15);
}
.custom-select-wrapper .select-selected:focus {
  outline: none;
  border: none;
  box-shadow: 0px 23px 49px 0px rgba(59, 59, 152, 0.15);
}
.custom-select-wrapper .select-selected:after {
  right: 20px;
  top: 15px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  pointer-events: none;
  display: inline-block;
  color: #18ab63;
  background: rgba(24, 171, 99, 0.1);
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  font-size: 12px;
  font-weight: 700;
}
.custom-select-wrapper .select-selected.select-arrow-active:after {
  content: "\f077";
}
.custom-select-wrapper .select-items {
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  margin-top: 10px;
  position: absolute;
  box-shadow: 0px 23px 49px 0px rgba(59, 59, 152, 0.15);
  border-radius: 5px;
}
.custom-select-wrapper .select-items .same-as-selected {
  background-color: #18ab63;
  border-bottom-color: #18ab63;
  color: #fff !important;
}
.custom-select-wrapper .select-items .same-as-selected:after {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.custom-select-wrapper .select-items div {
  color: #000;
  outline: none;
  width: 100%;
  display: block;
  padding: 18px 20px;
  font-size: 15px;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.25s ease;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.custom-select-wrapper .select-items div:focus {
  outline: none;
  border: none;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.custom-select-wrapper .select-items div:last-child {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}
.custom-select-wrapper .select-items div:first-child {
  border-radius: 5px 5px 0 0;
}
.custom-select-wrapper .select-items div:hover {
  background-color: #18ab63;
  border-bottom-color: #18ab63;
  color: #fff;
}

/* ---------------------------------------------------------------- */
/* 25.Portfolio Single                           
/* ---------------------------------------------------------------- */
.portfolio-single-slider {
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
}
.portfolio-single-slider .owl-stage-outer {
  border-radius: 5px;
}
.portfolio-single-slider .owl-nav {
  margin-top: 0;
}
.portfolio-single-slider .owl-nav .owl-prev, .portfolio-single-slider .owl-nav .owl-next {
  margin: 0;
  position: absolute;
  width: 56px;
  top: 50%;
  height: 56px;
  line-height: 46px;
  border-radius: 5px;
  text-align: center;
  background: #18ab63 !important;
  color: #fff !important;
  transition: all 0.25s ease;
  transform: translateY(-50%);
}
.portfolio-single-slider .owl-nav .owl-prev:hover, .portfolio-single-slider .owl-nav .owl-next:hover {
  background: #212130;
  color: #fff;
}
.portfolio-single-slider .owl-nav .owl-prev {
  left: 15px;
  z-index: 15;
}
.portfolio-single-slider .owl-nav .owl-next {
  right: 15px;
}

.portfolio-details-text {
  margin-bottom: 30px;
}
.portfolio-details-text p {
  margin-bottom: 10px;
}
.portfolio-details-text p:last-child {
  margin-bottom: 0;
}

.portfolio-page-details {
  padding: 30px;
  text-align: left;
  position: relative;
  border-radius: 5px;
  transition: all 0.5s ease;
  background: #fff;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}

.project-details-widget {
  margin-bottom: 30px;
}
.project-details-widget:last-child {
  margin-bottom: 0;
}
.project-details-widget .project-info > li {
  margin-bottom: 10px;
}
.project-details-widget .project-info > li:last-child {
  margin-bottom: 0;
}
.project-details-widget .project-info > li > span {
  text-align: left;
  flex: 0 0 60%;
}
.project-details-widget .project-info > li > span::before {
  content: ":";
  padding-left: 10px;
  padding-right: 10px;
}
.project-details-widget .project-info > li > b {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #000;
}
.project-details-widget .project-share {
  display: flex;
}
.project-details-widget .project-share li {
  margin-right: 10px;
}
.project-details-widget .project-share li a {
  width: 40px;
  height: 40px;
  color: #000;
  line-height: 40px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: 0 10px 25px 0 rgba(59, 59, 152, 0.15);
}
.project-details-widget .project-share li:nth-child(1) a {
  color: #3b5998;
}
.project-details-widget .project-share li:nth-child(1) a:hover {
  background: #3b5998;
  color: #fff !important;
}
.project-details-widget .project-share li:nth-child(2) a {
  color: #1DA1F2;
}
.project-details-widget .project-share li:nth-child(2) a:hover {
  background: #1DA1F2;
  color: #fff !important;
}
.project-details-widget .project-share li:nth-child(3) a {
  color: #F77737;
}
.project-details-widget .project-share li:nth-child(3) a:hover {
  background: #F77737;
  color: #fff !important;
}
.project-details-widget .project-share li:nth-child(4) a {
  color: #BD081C;
}
.project-details-widget .project-share li:nth-child(4) a:hover {
  background: #BD081C;
  color: #fff !important;
}

.latest-project-item {
  position: relative;
  border-radius: 5px;
  display: inline-block;
}
.latest-project-item img {
  border-radius: 5px;
  display: inline-block;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  .portfolio-page-details {
    margin-top: 30px;
  }
}
/* ---------------------------------------------------------------- */
/* 26.404 Page                             
/* ---------------------------------------------------------------- */
.error-page .error-text {
  font-size: 180px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 30px;
}
.error-page .page-404-body {
  text-align: center;
}
.error-page .page-404-body .error-title {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 32px;
}
.error-page .page-404-body .error-subline {
  margin-bottom: 30px;
}
.error-page .page-404-body .page-error-form-group {
  position: relative;
}
.error-page .page-404-body .page-error-form-group .page-error-form-control {
  outline: none;
  width: 100%;
  border: none;
  height: auto;
  color: #000;
  padding: 18px 70px 18px 50px;
  border-radius: 5px;
  display: block;
  margin-bottom: 30px;
  position: relative;
  transition: all 0.25s ease;
  box-shadow: 0 10px 28px 0 rgba(59, 59, 152, 0.15);
}
.error-page .page-404-body .page-error-form-group .page-error-form-control:focus {
  outline: none;
  border: none;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.error-page .page-404-body .page-error-form-group span {
  line-height: 60px;
  color: #18ab63;
  position: absolute;
  pointer-events: none;
  transition: all 0.25s ease;
  top: 0;
  left: 20px;
}
.error-page .page-404-body .page-error-search-btn {
  top: 0;
  right: 0;
  border: none;
  outline: none;
  position: absolute;
  padding: 15px 20px;
  background-color: transparent;
  width: 60px;
  height: 60px;
  border-radius: 0 3px 3px 0;
  color: #fff;
  background: #18ab63;
  transition: all 0.25s linear;
}
.error-page .page-404-body .page-error-search-btn:hover {
  background: #127e49;
  color: #fff;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices  (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
  .error-page .error-text {
    font-size: 70px;
    line-height: 1.15;
  }
}
/* ---------------------------------------------------------------- */
/* 27.Services Detail Page                     
/* ---------------------------------------------------------------- */
.services-detail-inner {
  margin-bottom: 30px;
}
.services-detail-inner .services-detail-text span {
  width: 60px;
  height: 60px;
  color: #18ab63;
  font-size: 24px;
  text-align: center;
  line-height: 60px;
  border-radius: 3px;
  margin-bottom: 15px;
  display: inline-block;
  background: rgba(24, 171, 99, 0.1);
}
.services-detail-inner .services-detail-text h4 {
  margin-bottom: 10px;
}
.services-detail-inner .services-detail-text p {
  margin-bottom: 27px;
}
.services-detail-inner ul.services-list {
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
  background: #fff;
  border-top: 3px solid #18ab63;
  box-shadow: 0 10px 28px 0 rgba(59, 59, 152, 0.15);
}
.services-detail-inner ul.services-list li {
  margin-bottom: 10px;
}
.services-detail-inner ul.services-list li:last-child {
  margin-bottom: 0;
}
.services-detail-inner ul.services-list li i {
  color: #18ab63;
  margin-right: 10px;
}
.services-detail-inner ul.services-list li span {
  color: #000;
  font-weight: 500;
}

.services-detail-img {
  margin-bottom: 30px;
}
.services-detail-img img {
  border-radius: 5px;
}

.faq-accordion, .faq-form-wrap {
  margin-bottom: 30px;
}
.faq-accordion .section-icon, .faq-form-wrap .section-icon {
  width: 60px;
  height: 60px;
  color: #18ab63;
  font-size: 24px;
  text-align: center;
  line-height: 60px;
  border-radius: 3px;
  margin-bottom: 15px;
  display: inline-block;
  background: rgba(24, 171, 99, 0.1);
}
.faq-accordion h4, .faq-form-wrap h4 {
  margin-bottom: 30px;
}

.faq-form-wrap h4 {
  margin-bottom: 10px;
}
.faq-form-wrap p {
  margin-bottom: 20px;
}
.faq-form-wrap .faq-form .faq-form-group {
  margin-bottom: 30px;
  position: relative;
}
.faq-form-wrap .faq-form .faq-form-group:last-child {
  margin-bottom: 0;
}
.faq-form-wrap .faq-form .faq-form-group .faq-form-control {
  outline: none;
  width: 100%;
  border: none;
  height: auto;
  color: #000;
  padding: 18px 20px 18px 50px;
  border-radius: 5px;
  display: block;
  position: relative;
  transition: all 0.25s ease;
  box-shadow: 0 10px 28px 0 rgba(59, 59, 152, 0.15);
}
.faq-form-wrap .faq-form .faq-form-group span {
  line-height: 60px;
  color: #18ab63;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 20px;
}

.accordion-item {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 10px 28px 0 rgba(59, 59, 152, 0.15);
}
.accordion-item:last-child {
  margin-bottom: 0;
}
.accordion-item .accordion-header a {
  color: #000;
  display: flex;
  font-weight: 700;
  padding: 30px;
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
  border-top: 3px solid #18ab63;
  transition: all 0.25s ease;
}
.accordion-item .accordion-header a[aria-expanded=true] {
  color: #fff;
  background: #18ab63;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion-item .accordion-header a[aria-expanded=true] i {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.accordion-item .accordion-header a[aria-expanded=true] i:before {
  content: "\f068";
}
.accordion-item .accordion-header a i {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 3px;
  color: #18ab63;
  background: rgba(24, 171, 99, 0.1);
}
.accordion-item .accordion-body {
  padding: 30px;
}

/* ---------------------------------------------------------------- */
/* 28.About Page                           
/* ---------------------------------------------------------------- */
#about-skills {
  background: #f2f2fe;
}

.skills-img {
  margin-bottom: 30px;
}
.skills-img img {
  border-radius: 3px;
}

.skills-inner {
  margin-bottom: 30px;
}
.skills-inner > h6 {
  margin-bottom: 15px;
  color: #18ab63;
  background: rgba(24, 171, 99, 0.1);
  border-radius: 3px;
  display: inline-block;
  padding: 10px 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.7rem;
  font-weight: 600;
}
.skills-inner h4 {
  margin-bottom: 15px;
}
.skills-inner p {
  margin-bottom: 20px;
}

.skills-progress {
  overflow: hidden;
}
.skills-progress .skills-progress-item {
  margin-bottom: 20px;
}
.skills-progress .skills-progress-item:last-child {
  margin-bottom: 0;
}
.skills-progress .skills-progress-item .progress-text {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.skills-progress .skills-progress-item .progress-text h6 {
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
}
.skills-progress .skills-progress-item .progress-text span {
  color: #000;
  font-weight: 700;
}
.skills-progress .skills-progress-item .progress-value {
  width: 100%;
  height: 10px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.08);
  position: relative;
}
.skills-progress .skills-progress-item .progress-value span {
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  border-radius: 100px;
  background: #18ab63;
  animation-name: slideInLeft;
}

/* ---------------------------------------------------------------- */
/* 29.Home Slider Background                 
/* ---------------------------------------------------------------- */
#heroSliderContainer {
  z-index: 32;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#heroSliderContainer .vegas-overlay {
  background: #1B1464;
  opacity: 0.75;
}

#hero-slider-two {
  z-index: 32;
}
#hero-slider-two .hero-slider.owl-carousel .owl-nav {
  margin-top: 0;
}
#hero-slider-two .hero-slider.owl-carousel button.owl-next, #hero-slider-two .hero-slider.owl-carousel button.owl-prev {
  top: 50%;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 60px;
  position: absolute;
  display: inline-block;
  background: #18ab63;
  transition: all 0.5s ease;
  transform: translateY(-50%);
}
#hero-slider-two .hero-slider.owl-carousel button.owl-next:hover, #hero-slider-two .hero-slider.owl-carousel button.owl-prev:hover {
  background: #127e49;
  color: #fff;
}
#hero-slider-two .hero-slider.owl-carousel button.owl-next {
  right: 15px;
}
#hero-slider-two .hero-slider.owl-carousel button.owl-prev {
  left: 15px;
}
#hero-slider-two .hero-slider.owl-carousel .owl-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
#hero-slider-two .hero-slider.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  display: block;
  border-radius: 3px;
  background: #fff;
  transition: all 0.25s ease;
}
#hero-slider-two .hero-slider.owl-carousel .owl-dots .owl-dot.active span {
  width: 10px;
  height: 20px;
  background: #18ab63;
}
#hero-slider-two .item {
  display: flex;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  z-index: 32;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center;
     object-position: center;
  min-height: 100vh;
  position: relative;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#hero-slider-two .item:before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.75;
  z-index: -32;
  position: absolute;
  background: #1B1464;
}
#hero-slider-two .owl-item .hero-sup-title, #hero-slider-two .owl-item .hero-section-title, #hero-slider-two .owl-item .hero-section-subtitle, #hero-slider-two .owl-item .primary-icon-btn {
  opacity: 0;
  visibility: hidden;
}
#hero-slider-two .owl-item.active .hero-section-inner .hero-sup-title, #hero-slider-two .owl-item.active .hero-section-inner .hero-section-title, #hero-slider-two .owl-item.active .hero-section-inner .hero-section-subtitle, #hero-slider-two .owl-item.active .hero-section-inner .primary-icon-btn {
  animation: fadeInUp 1s ease forwards;
  visibility: visible;
}
#hero-slider-two .owl-item.active .hero-section-inner .hero-sup-title {
  animation-delay: 0s;
}
#hero-slider-two .owl-item.active .hero-section-inner .hero-section-title {
  animation-delay: 0.2s;
}
#hero-slider-two .owl-item.active .hero-section-inner .hero-section-subtitle {
  animation-delay: 0.4s;
}
#hero-slider-two .owl-item.active .hero-section-inner .primary-icon-btn {
  animation-delay: 0.6s;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Small devices (landscape phones, less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
  #hero-slider-two .hero-slider.owl-carousel .owl-nav {
    display: none;
  }
}
/* ---------------------------------------------------------------- */
/* 30.Home Particles Background                 
/* ---------------------------------------------------------------- */
#heroparticles {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

/* ---------------------------------------------------------------- */
/* 31.Home Ripples Background                 
/* ---------------------------------------------------------------- */
#hero-riples-banner {
  z-index: 15;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#hero-riples-banner:before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.75;
  position: absolute;
  background: #1B1464;
}

/* ---------------------------------------------------------------- */
/* 32.Home Youtube Bg Video                 
/* ---------------------------------------------------------------- */
#hero_video {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  z-index: 35;
  width: 100%;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#hero_video .hero-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}
#hero_video .video-content {
  z-index: 27;
  position: relative;
}

/* ---------------------------------------------------------------- */
/* 33.Home Svg Pattern 1                             
/* ---------------------------------------------------------------- */
#svg-pattern-1 {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  transform: rotate(180deg);
}

/* ---------------------------------------------------------------- */
/* 34.Home Svg Pattern 2                              
/* ---------------------------------------------------------------- */
#svg-pattern-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}

/* ------------------------------------------------------------- */
/* Responsive Media Query
 * Extra large devices (large desktops, 1200px and up)
/* ---------------------------------------------------------------- */
@media only screen and (min-width: 1200px) {
  #svg-pattern-2 {
    bottom: -40px !important;
  }
}
/* ---------------------------------------------------------------- */
/* 35.Home Svg Pattern 3                              
/* ---------------------------------------------------------------- */
#svg-pattern-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}

/* ---------------------------------------------------------------- */
/* 36.Home Svg Pattern 4                              
/* ---------------------------------------------------------------- */
#svg-pattern-4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}

/* ------------------------------------------------------------- */
/* Responsive Media Query
 * Extra large devices (large desktops, 1200px and up)
/* ---------------------------------------------------------------- */
@media only screen and (min-width: 1200px) {
  #svg-pattern-4 {
    bottom: -60px;
  }
}
/* ---------------------------------------------------------------- */
/* 37.Intro Page                             
/* ---------------------------------------------------------------- */
.intro-hero-section {
  z-index: 1;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #212130;
}
.intro-hero-section .intro-hero-title {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 50px;
}
.intro-hero-section .intro-hero-title span {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
  margin: 0 auto 15px auto;
}

.demo-item {
  padding: 15px;
  margin-bottom: 30px;
  position: relative;
  border-radius: 20px;
  transition: all 0.4s ease;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.15);
}
.demo-item img {
  border-radius: 10px;
  width: 100%;
}
.demo-item .demo-title {
  padding: 30px 0 15px 0;
  display: block;
  text-align: center;
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  background: #fff;
  text-transform: capitalize;
}
.demo-item .demo-img {
  z-index: 1;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.demo-item .demo-img:before {
  top: -100%;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.75;
  position: absolute;
  transition: all 0.5s ease;
  background: #212130;
}
.demo-item .demo-img .demo-btn {
  top: 50%;
  left: 50%;
  z-index: 1;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  margin-top: 50px;
  position: absolute;
  transition: all 0.5s ease;
  transform: translate(-50%, -50%);
}
.demo-item .demo-img .demo-btn a {
  z-index: 4;
  padding: 7px 15px;
  overflow: hidden;
  text-align: center;
  position: relative;
  font-weight: 600;
  border-radius: 50px;
  margin-right: 10px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.5s ease;
  background: #18ab63;
  color: #fff !important;
}
.demo-item .demo-img .demo-btn a i {
  margin-left: 10px;
}
.demo-item .demo-img .demo-btn a:last-child {
  margin-right: 0;
}
.demo-item .demo-img .demo-btn a:after {
  top: 0;
  left: 0;
  content: "";
  z-index: -4;
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  transform-origin: 0 0;
  transform: scaleX(0);
  border-radius: 50px;
  background: #fff;
  transition: all 0.5s ease;
}
.demo-item .demo-img .demo-btn a:hover {
  color: #18ab63 !important;
}
.demo-item .demo-img .demo-btn a:hover:after {
  width: 100%;
  transform: scale(1);
  visibility: visible;
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.demo-item .demo-img:hover .demo-btn {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}
.demo-item .demo-img:hover:before {
  top: 0;
  visibility: visible;
  opacity: 0.75;
}

.demo-features-item {
  padding: 30px;
  border-radius: 50px;
  text-align: center;
  background: #fff;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  box-shadow: 0 23px 49px 0 rgba(59, 59, 152, 0.2);
}
.demo-features-item .features-icon {
  margin-bottom: 20px;
}
.demo-features-item .features-text h5 {
  font-size: 1.125rem;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
  .intro-hero-section .intro-hero-title {
    font-size: 1rem;
  }
  .intro-hero-section .intro-hero-title span {
    font-size: 2rem;
  }
}
/* ---------------------------------------------------------------- */
/* 38.RTL Mode                          
/* ---------------------------------------------------------------- */
body.rtl-mode {
  direction: rtl;
  text-align: right;
}
body.rtl-mode .owl-carousel,
body.rtl-mode .bx-wrapper {
  direction: ltr;
}
body.rtl-mode .owl-carousel .owl-item {
  direction: rtl;
}
body.rtl-mode .our-clients-slider.owl-carousel .owl-nav {
  text-align: right !important;
}
body.rtl-mode .our-clients-slider.owl-carousel button.owl-next span, body.rtl-mode .our-clients-slider.owl-carousel button.owl-prev span {
  transform: rotate(180deg);
}
body.rtl-mode .latest-blog-slider.owl-carousel button.owl-next span, body.rtl-mode .latest-blog-slider.owl-carousel button.owl-prev span {
  transform: rotate(180deg);
}
body.rtl-mode #searchForm .modal-content .modal-body .popup-form-group .popup-form-control {
  padding: 0 60px 0 80px;
}
body.rtl-mode .custom-modal .modal-content {
  background: transparent;
}
body.rtl-mode .custom-modal .modal-content .modal-header button {
  margin: -1rem auto -1rem -1rem;
}
body.rtl-mode .custom-modal .modal-content .modal-body .popup-form-group > span {
  right: 0;
  left: initial;
}
body.rtl-mode .custom-modal .modal-content .modal-body .popup-form-group .popup-form-control {
  padding: 0 60px 0 20px;
}
body.rtl-mode .custom-modal .modal-content .modal-body .popup-form-group textarea {
  height: auto !important;
  padding: 18px 60px 18px 20px !important;
}
body.rtl-mode .custom-modal .modal-content .search-button {
  left: 0;
  right: initial;
  border-radius: 3px 0 0 3px;
}
body.rtl-mode .custom-modal .modal-content .login-button {
  padding: 18px 30px 18px 90px;
}
body.rtl-mode .custom-modal .modal-content .login-button i {
  left: 0;
  right: initial;
}
body.rtl-mode .custom-modal .modal-content .login-button i[class*=fa-arrow-right]:before {
  content: "\f060";
}
body.rtl-mode .about-inner blockquote {
  border-left: none;
  border-right: 4px solid #18ab63;
}
body.rtl-mode .about-inner blockquote span {
  left: initial;
  right: 30px;
}
body.rtl-mode .about-img .experience-badge {
  right: initial;
  left: 20px;
}
body.rtl-mode .about-img .experience-badge::after {
  top: -30px;
  left: initial;
  right: -28px;
}
body.rtl-mode .primary-icon-btn {
  padding: 18px 30px 18px 90px;
}
body.rtl-mode .primary-icon-btn i {
  left: 0;
  right: initial;
}
body.rtl-mode .primary-icon-btn i[class*=fa-arrow-right]:before {
  content: "\f060";
}
body.rtl-mode .secondary-icon-btn {
  padding: 18px 30px 18px 90px;
}
body.rtl-mode .secondary-icon-btn i {
  left: 0;
  right: initial;
}
body.rtl-mode .secondary-icon-btn i[class*=fa-arrow-right]:before {
  content: "\f060";
}
body.rtl-mode .scroll-top-btn,
body.rtl-mode .scroll-phone-btn,
body.rtl-mode .scroll-facebook-btn {
  right: initial;
  left: 10px;
}
body.rtl-mode .comment-item img {
  margin-right: 0;
  margin-left: 20px;
}
body.rtl-mode .comment-item .comment-meta span {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl-mode .comment-item .comment-meta span i {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl-mode .comment-item.sub-comment-item {
  margin-left: 0;
  margin-right: 120px;
}
body.rtl-mode .get-offer-modal-btn {
  padding: 18px 30px 18px 90px;
}
body.rtl-mode .get-offer-modal-btn i {
  left: 0;
  right: initial;
}
body.rtl-mode .get-offer-modal-btn i[class*=fa-arrow-right]:before {
  content: "\f060";
}
body.rtl-mode .header .navbar-brand {
  margin-right: 0;
}
body.rtl-mode .header #top-bar .social-links {
  text-align: right;
}
body.rtl-mode .header #top-bar .social-links li {
  margin-right: 0;
  margin-left: 20px;
}
body.rtl-mode .header #top-bar .social-links li:last-child {
  margin-left: 0;
}
body.rtl-mode .header #top-bar .nav-info .nav-info-item {
  margin-right: 0;
  margin-left: 15px;
}
body.rtl-mode .header #top-bar .nav-info .nav-info-item i {
  margin-right: 0;
  margin-left: 15px;
}
body.rtl-mode .header .navbar-btn-resp .primary-btn {
  margin: 0 10px 0 0;
}
body.rtl-mode .header .nav-item .nav-link:after {
  left: initial;
  right: 0;
}
body.rtl-mode .header .nav-item .nav-link:not(.active):after {
  left: initial;
  right: 0;
  transform-origin: 0 100%;
}
body.rtl-mode .header .nav-item .nav-link:not(.active):hover:after {
  transform-origin: right;
}
body.rtl-mode .header .nav-item.dropdown:hover .nav-link:after {
  transform-origin: right;
}
body.rtl-mode .header .nav-item.dropdown .dropdown-menu .dropdown-item {
  text-align: right;
}
body.rtl-mode .header .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  padding: 12px 25px 12px 20px;
}
body.rtl-mode .header .nav-item.dropdown .dropdown-toggle {
  padding-left: 25px !important;
}
body.rtl-mode .header .nav-item.dropdown .dropdown-toggle:before {
  right: initial;
  left: 0;
}
body.rtl-mode .header .navbar-toggler {
  padding: 0 0 0 15px;
}
body.rtl-mode .services-box {
  text-align: right;
}
body.rtl-mode .services-box:after, body.rtl-mode .services-box:before {
  right: initial;
  left: -100%;
}
body.rtl-mode .services-box:hover:after {
  right: initial;
  left: -130px;
}
body.rtl-mode .services-box:hover:before {
  right: initial;
  left: -150px;
}
body.rtl-mode .portfolio-filter-wrap .portfolio-filter a {
  margin-right: 0;
  margin-left: 10px;
  float: right;
}
body.rtl-mode .portfolio-filter-wrap .portfolio-filter a:last-child {
  margin-left: 0;
}
body.rtl-mode .portfolio-item:hover .portfolio-img:after {
  transform-origin: right;
}
body.rtl-mode .portfolio-item .portfolio-img:after {
  right: 0;
  left: initial;
  transform-origin: 0 100%;
}
body.rtl-mode .portfolio-item .portfolio-text {
  padding-left: 0;
  padding-right: 30px;
}
body.rtl-mode .portfolio-item .portfolio-links {
  left: 30px;
  right: initial;
}
body.rtl-mode .portfolio-item .portfolio-links i[class*=fa-arrow-right]:before {
  content: "\f060";
}
body.rtl-mode .counters-btn {
  text-align: left;
}
body.rtl-mode .team-item ul.team-social {
  display: flex;
  justify-content: center;
}
body.rtl-mode .team-item ul.team-social li {
  margin-right: 0;
  margin-left: 15px;
}
body.rtl-mode .section .section-heading h3 span {
  margin-left: 0;
  display: inline-block;
  margin-right: 10px;
}
body.rtl-mode .clients-img .client-img-shape {
  bottom: -90px;
  left: initial;
  z-index: -1;
  right: 110px;
  transform: rotate(90deg);
}
body.rtl-mode .clients-img img {
  display: inline-block;
}
body.rtl-mode .price-table .price-badge {
  right: initial;
  left: 0;
}
body.rtl-mode .blog-item .blog-body .blog-meta span {
  margin-right: 0;
  margin-left: 10px;
  display: inline-block;
}
body.rtl-mode .blog-item .blog-body .blog-meta span i {
  margin-right: 0;
  margin-left: 8px;
}
body.rtl-mode .blog-item .blog-body .blog-more-link {
  padding: 8px 20px 8px 60px;
}
body.rtl-mode .blog-item .blog-body .blog-more-link i {
  left: 0;
  right: initial;
}
body.rtl-mode .blog-item .blog-body .blog-more-link i[class*=fa-arrow-right]:before {
  content: "\f060";
}
body.rtl-mode #footer #footer-top .footer-widget h5:after {
  left: initial;
  right: 0;
}
body.rtl-mode #footer #footer-top .footer-widget p {
  color: #dee2e6;
}
body.rtl-mode #footer #footer-top .footer-widget ul.footer-social li {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl-mode #footer #footer-top .footer-widget ul.footer-social li:last-child {
  margin-left: 0;
}
body.rtl-mode #footer #footer-top .footer-widget ul.footer-links li a:before {
  content: "\f060";
  margin-right: 0;
  margin-left: 20px;
}
body.rtl-mode #footer #footer-top .footer-widget ul.footer-links li a:hover:before {
  margin-right: 10px;
}
body.rtl-mode #footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-btn {
  padding: 12px 24px 12px 70px;
}
body.rtl-mode #footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-btn i {
  left: 0;
  right: initial;
  border-radius: 3px 0 0 3px;
}
body.rtl-mode #footer #footer-top .footer-widget .newsletter-form-wrap .newsletter-form-btn i[class*=fa-arrow-right]:before {
  content: "\f060";
}
body.rtl-mode #hero-slider-two .hero-slider.owl-carousel button.owl-next span, body.rtl-mode #hero-slider-two .hero-slider.owl-carousel button.owl-prev span {
  transform: rotate(180deg);
}
body.rtl-mode .skills-progress .skills-progress-item .progress-value span {
  left: initial;
  right: 0;
  animation-name: slideInRight;
}
body.rtl-mode .breadcrumb-section .breadcrumb-inner .breadcrumb-links li.active:before {
  transform: rotate(180deg);
}
body.rtl-mode .services-detail-inner ul.services-list li i {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl-mode .faq-form-wrap .faq-form .faq-form-group .faq-form-control {
  padding: 18px 50px 18px 20px;
}
body.rtl-mode .faq-form-wrap .faq-form .faq-form-group span {
  left: initial;
  right: 20px;
}
body.rtl-mode .error-page .page-404-body .page-error-form-group .page-error-form-control {
  padding: 18px 50px 18px 70px;
}
body.rtl-mode .error-page .page-404-body .page-error-form-group span {
  left: initial;
  right: 20px;
}
body.rtl-mode .error-page .page-404-body .page-error-search-btn {
  left: 0;
  right: initial;
  border-radius: 3px 0 0 3px;
}
body.rtl-mode .inner-header-title:after, body.rtl-mode .inner-header-title:before {
  right: 0;
  left: initial;
}
body.rtl-mode .portfolio-page-details {
  text-align: right;
}
body.rtl-mode .portfolio-page-details .project-info > li > span {
  text-align: right;
  display: inline-block;
}
body.rtl-mode .blog-title:after {
  margin: 20px 0 20px auto;
}
body.rtl-mode .project-share li {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl-mode .project-share li a {
  margin: 0 0 0 5px;
}
body.rtl-mode .comment-item .reply-btn i {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}
body.rtl-mode .comment-form-group .form-control {
  padding: 18px 50px 18px 20px;
}
body.rtl-mode .comment-form-group span {
  right: 20px;
  left: initial;
}
body.rtl-mode .contact-form-wrap .form-group .contact-form-control {
  padding: 18px 50px 18px 20px;
}
body.rtl-mode .contact-form-wrap .form-group i {
  right: 20px;
  left: initial;
}
body.rtl-mode .custom-select-wrapper .select-selected {
  padding: 18px 50px 18px 20px;
}
body.rtl-mode .custom-select-wrapper .select-selected:after {
  right: initial;
  left: 20px;
}
body.rtl-mode .contact-info-box .contact-info-body {
  text-align: right;
}
body.rtl-mode .pagination-wrap .pagination-link {
  margin: 0 0 0 5px;
}
body.rtl-mode .pagination-wrap .pagination-link:last-child {
  margin-left: 0;
}
body.rtl-mode .pagination-wrap .pagination-link i {
  transform: rotate(180deg);
}
body.rtl-mode .blog-sidebar .blog-widgets .blog-search-btn {
  left: 0;
  right: initial;
  border-radius: 5px 0 0 5px;
}
body.rtl-mode .blog-sidebar .blog-widgets .blog-search-bar .search-form-control {
  padding: 18px 20px 18px 78px;
}
body.rtl-mode .blog-sidebar .recent-post-item .recent-post-img {
  float: right;
  margin: 0 0 0 1rem !important;
}
body.rtl-mode .blog-sidebar .recent-post-item .recent-post-body .recent-post-date i {
  margin-right: 0;
  margin-left: 8px;
}
body.rtl-mode .blog-sidebar .blog-archive-list li, body.rtl-mode .blog-sidebar .blog-category-list li {
  padding: 10px 0 10px 10px;
}
body.rtl-mode .blog-sidebar .blog-archive-list li a:before, body.rtl-mode .blog-sidebar .blog-category-list li a:before {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl-mode .blog-sidebar .blog-category-list li a .category-count {
  float: left;
}
body.rtl-mode .blog-sidebar .blog-tags li {
  float: right;
}
body.rtl-mode .blog-sidebar .blog-tags li a {
  margin-left: 10px;
  margin-right: 0;
}
body.rtl-mode .blog-text .author-meta a {
  display: inline-block;
  margin: 0 0 0 15px;
}
body.rtl-mode .blog-text .author-meta a:after {
  margin: 0 15px 0 0;
  border-left: none;
  border-right: 1px solid #18ab63;
}
body.rtl-mode .blog-text .author-meta a:last-child {
  margin: 0;
}
body.rtl-mode .blog-text .author-meta a span {
  display: inline-block;
  margin-right: 0;
  margin-left: 15px;
}
body.rtl-mode .blog-text blockquote {
  border-left: none;
  border-right: 5px solid #18ab63;
}
body.rtl-mode .blog-text blockquote q:before {
  margin-right: 0;
  margin-left: 5px;
}
body.rtl-mode .blog-text blockquote q:after {
  margin-left: 0;
  margin-right: 5px;
}
body.rtl-mode .blog-text .blog-meta ul.blog-share-links li {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl-mode .blog-text .blog-meta ul.blog-share-links li a {
  margin: 0 0 0 5px;
}
body.rtl-mode .blog-text .blog-meta ul.blog-post-tag li {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl-mode .blog-text .blog-meta ul.blog-post-tag li a {
  margin: 0 0 0 5px;
}
body.rtl-mode .blog-text .blog-page-btn a {
  display: inline-block;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than min-width: 992px)
/* ---------------------------------------------------------------- */
@media screen and (min-width: 991.98px) {
  body.rtl-mode .dropdown-menu {
    right: 0;
    left: initial;
  }
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query (992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  body.rtl-mode .header .navbar-brand {
    padding: 10px 10px 10px 0;
  }
  body.rtl-mode .header .dropdown-toggle:before {
    right: initial !important;
    left: 20px !important;
  }
  body.rtl-mode .header .search-btn-mobile {
    left: 100px;
    right: initial;
  }
  body.rtl-mode .header .login-btn-mobile {
    left: 60px;
    right: initial;
  }
  body.rtl-mode .clients-img .client-img-shape {
    display: none;
  }
  body.rtl-mode .comment-item.sub-comment-item {
    margin-right: 0;
  }
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Small devices (landscape phones, less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
  body.rtl-mode .counters-btn {
    text-align: center;
  }
}

.price-table.popular {
  display: none;
}

.navbar-brand img{
  width: 175px;
}


/*--banner video css--*/


.aviation-banner{
    position:relative;
    width:100%;
    height:95vh;
    overflow:hidden;
    background:#000;
}

.aviation-banner video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.aviation-banner .overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.40);
}

.banner-content{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:20px;
}

.banner-content h1{
    color:#fff;
    font-size:44px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:15px;
    line-height:1.1;
}

.banner-content h1 span{
    color:#fff;
}

.banner-content p{
    color:#fff;
    font-size:20px;
    letter-spacing:1px;
}

@media(max-width:768px){

    .aviation-banner{
        height:70vh;
    }

    .banner-content h1{
        font-size:42px;
    }

    .banner-content p{
        font-size:15px;
    }
}


/*--sector design css--*/

.sector-section {
    padding: 60px 0;
    background: linear-gradient(180deg, #f5f7fa 0%, #eef2f7 100%);
}


/* ===== TOP HEADING (IMPROVED) ===== */
.section-title {
    text-align: center;
    margin-bottom: 40px;
}

.section-title h2 {
    font-size: 35px;
    font-weight: 600;
    color: #333;
    letter-spacing: 0.5px;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}

/* underline effect */
.section-title h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    background: linear-gradient(90deg, #111, #777);
    border-radius: 10px;
}

.section-title p {
    color: #666;
    margin-top: 14px;
    font-size: 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

/* ===== CARD DESIGN ===== */
.sector-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: 400px;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(0,0,0,0.10);
    transition: all 0.4s ease;
}

/* hover lift */
.sector-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);
}

.sector-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.sector-card:hover img {
    transform: scale(1.12);
}

/* ===== OVERLAY ===== */
.sector-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px;
    color: #fff;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.92),
        rgba(0,0,0,0.55),
        transparent
    );
}

/* Title */
.sector-overlay h5 {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.3px;
    color: #fff;
}

/* line accent */
.sector-overlay h5::after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    background: #fff;
    margin-top: 8px;
    transition: 0.4s ease;
}

.sector-card:hover .sector-overlay h5::after {
    width: 75px;
}

/* description */
.sector-overlay p {
    margin-top: 6px;
    font-size: 13px;
    opacity: 0.85;
    line-height: 1.5;
}




/*--new about ys css--*/


.about-section {
    padding: 60px 0px;
    background: #fff;
}


.about-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

/* LEFT CONTENT */
.about-content {
    flex: 1;
}

.about-content h2 {
    font-size: 35px;
    color: #1c1c1c;
    margin-bottom: 20px;
    position: relative;
}

.about-content h2::after {
    content: "";
    width: 80px;
    height: 4px;
    background: #00489f;
    position: absolute;
    left: 0;
    bottom: -10px;
    border-radius: 5px;
}

.about-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 15px;
    text-align: justify;
}

/* BUTTON */
.read-more-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 28px;
    background: #01469c;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.read-more-btn:hover {
    background: #ee1417;
    transform: translateY(-2px);
}

/* RIGHT IMAGE WITH CREATIVE EFFECT */
.about-image {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
}

.about-image img {
    width: 100%;
    max-width: 520px;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* BEFORE EFFECT */
.about-image::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 100%;
    background: linear-gradient(135deg, #ff6600, #ffb347);
    border-radius: 20px;
    top: 20px;
    left: 20px;
    z-index: 1;
    opacity: 0.2;
}

/* AFTER DECORATIVE SHAPE */
.about-image::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    background: #ff6600;
    bottom: -20px;
    right: 40px;
    border-radius: 50%;
    opacity: 0.15;
    z-index: 0;
}

.about-badge {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #01469c;
    background: rgba(1, 70, 156, 0.08);
    padding: 6px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}


/* RESPONSIVE */
@media (max-width: 768px) {
    .about-wrapper {
        flex-direction: column;
        text-align: left;
    }

    .about-image::before {
        width: 100%;
        height: 100%;
        left: 10px;
        top: 10px;
    }

    .about-content h2 {
        font-size: 28px;
    }
}



/*--product css--*/



.product-section {
    padding: 60px 0;
    background: #f7f9fc;
}


/* TITLE */
.section-title {
    text-align: center;
    margin-bottom: 40px;
}

.section-title h2 {
    font-size: 36px;
    color: #1c1c1c;
}

.section-title p {
    color: #666;
    font-size: 15px;
}

/* CARD */
.product-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

.product-card:hover {
    transform: translateY(-6px);
}

/* IMAGE */
.product-img img {
    width: 100%;
   /* height: 240px;
    object-fit: cover;*/
    transition: 0.5s ease;
}

.product-card:hover .product-img img {
    transform: scale(1.05);
}

/* CONTENT */
.product-content {
    padding: 18px;
    text-align: center;
}

.product-content h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

.product-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 12px;
}

/* BUTTON */
.view-btn {
    display: inline-block;
    padding: 10px 18px;
    background: #01469c;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
}

.view-btn:hover {
    background: #ee1417;
}


/* LINK STYLE (button removed -> text CTA) */
.view-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #01469c;
    text-decoration: none;
    margin-top: 5px;
    transition: 0.3s ease;
    position: relative;
}

/* underline animation */
.view-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0%;
    height: 2px;
    background: #01469c;
    transition: 0.3s;
}

.view-link:hover {
    color: #ee1417;
}

.view-link:hover::after {
    width: 100%;
    background: #ee1417;
}

.view-link span {
    transition: 0.3s;
}

.view-link:hover span {
    transform: translateX(4px);
}

.product-img img{
  margin: 0 auto;
}



/*--call to action css--*/

.cta-section {
    position: relative;
    width: 100%;
    height: 550px;
    overflow: hidden;
}

/* FULL IMAGE CLEAR (NO OVERLAY) */
.cta-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ABSOLUTE BLUE BOX */
.cta-box {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    z-index: 2;

    max-width: 450px;
    padding: 50px;

    background: rgba(1, 70, 156, 0.85); /* blue transparent */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.15);

    color: #fff;
}

/* HEADING */
.cta-box h2 {
    font-size: 30px;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #fff;
}

/* TEXT */
.cta-box p {
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.9;
    margin-bottom: 20px;
}

/* BUTTON */
.cta-btn {
    display: inline-block;
    padding: 12px 26px;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    border-radius: 4px;
    transition: 0.3s ease;
}

.cta-btn:hover {
    background: #ffffff;
    color: #01469c;
    transform: translateY(-2px);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .cta-box {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        text-align: left;
    }

    .cta-box h2 {
        font-size: 24px;
    }
}




/*--footer contact--*/

.footer-contact{
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact li{
    margin-bottom: 14px;
}

/* LINK STYLE */
.footer-contact li a{
    display: flex;
    align-items: flex-start;
    gap: 10px;

    color: #cfd6e4;
    font-size: 14px;
    line-height: 1.5;

    text-decoration: none;

    transition: 0.3s ease;
}

/* ICON STYLE */
.footer-contact li i{
    font-size: 16px;
    color: #fff;
    margin-top: 2px;
    min-width: 18px;
}

/* HOVER EFFECT */
.footer-contact li a:hover{
    color: #ffffff;
    transform: translateX(4px);
}

.footer-contact li a:hover i{
    color: #0d6efd;
}

/* OPTIONAL: FOOTER DARK BACKGROUND SUPPORT */
.footer-contact li a{
    opacity: 0.9;
}

.footer-contact li a:hover{
    opacity: 1;
}


/*--why choose us design css--*/


.why-icons-section{
    padding: 70px 0;
    background: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 100%);
}

/* ================= SECTION TITLE FIX ================= */
.section-title{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

/* TAG (WHY CHOOSE US) */
.section-title .tag{
    display: inline-block;

    font-size: 12px;
    font-weight: 600;

    color: #0d6efd;
    background: #eaf2ff;

    padding: 6px 14px;
    border-radius: 20px;
}

/* HEADING */
.section-title h2{
    font-size: 32px;
    font-weight: 700;
    color: #1d2b3a;
    margin: 0;
}



/* ================= CARD GRID ================= */
.why-item{
    background: #fff;
    padding: 28px;
    border-radius: 16px;

    box-shadow: 0 10px 25px rgba(0,0,0,0.05);

    text-align: center;

    transition: 0.3s ease;
    height: 100%;
}

/* HOVER EFFECT */
.why-item:hover{
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* ICON */
.why-item .icon{
    width: 65px;
    height: 65px;

    margin: 0 auto 15px;

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

    background: #003399;
    color: #fff;

    border-radius: 50%;
    font-size: 22px;
}

/* TITLE */
.why-item h4{
    font-size: 17px;
    font-weight: 600;
    color: #1d2b3a;
    margin-bottom: 8px;
}

/* TEXT */
.why-item p{
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px){
    .section-title h2{
        font-size: 24px;
    }

    .why-item{
        padding: 22px;
    }
}


/*--new call to action css--*/

.sky-cta{
    position: relative;
    padding: 70px 0;
    font-family: sans-serif;

    /* 🔥 BACKGROUND IMAGE */
    background: url('../img/bac-1.jpg') no-repeat center center/cover;
}

/* DARK OVERLAY */
.sky-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0,51,153,0.82),
        rgba(2,0,0,0.85)
    );
}

/* container */
.sky-cta-container{
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 50px;
    align-items: center;
    position: relative;
    z-index: 2;
}

/* LEFT */
.sky-cta-left{
    flex: 1;
    color: #fff;
}

/* heading */
.sky-cta-left h2{
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
    background: linear-gradient(90deg,#fff,#fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    display: inline-block;
}

/* 🔥 UNDERLINE LINE */
.sky-cta-left h2::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #fff, #fff);
    border-radius: 10px;
}

/* text */
.sky-cta-left p{
    font-size: 15px;
    line-height: 1.8;
    opacity: 0.85;
    margin-bottom: 12px;
}

/* CONTACT LINE STYLE (NEW) */
.sky-contact-line{
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 0;
    font-size: 15px;
    color: #fff;
    opacity: 0.9;
}

.sky-contact-line span{
    font-size: 18px;
}

/* BUTTON */
.sky-btn{
    display: inline-block;
    margin-top: 20px;
    padding: 13px 28px;
    background: linear-gradient(90deg,#003399,#003399);
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

.sky-btn:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,212,255,0.3);
}

/* RIGHT IMAGE */
.sky-cta-right{
    flex: 1;
    position: relative;
}

.sky-cta-right img{
    width: 100%;
   /* height: 450px;
    object-fit: cover;*/
    border-radius: 22px;
    box-shadow: 0 35px 80px rgba(0,0,0,0.6);
    border: 1px solid #fff;
}


/* glow */
.sky-cta-right::after{
    content:"";
    position:absolute;
    width: 260px;
    height: 260px;
    background: rgba(0,212,255,0.18);
    filter: blur(70px);
    top: -50px;
    right: -50px;
}

/* RESPONSIVE */
@media(max-width: 768px){
    .sky-cta-container{
        flex-direction: column;
        text-align: center;
    }

    .sky-cta-left h2{
        font-size: 30px;
    }

    .sky-contact-line{
        justify-content: center;
    }

    .sky-cta-right img{
        height: 320px;
    }
}


/*--marquee css--*/



.clients-marquee{
    padding: 80px 0;
    overflow: hidden;
    font-family: sans-serif;

    /* 🔥 NEW BACKGROUND (aerospace soft gradient) */
    background: linear-gradient(135deg, #eaf2ff 0%, #f7f9fc 50%, #eef4ff 100%);
}

/* TITLE */
.marquee-title{
    text-align: center;
    color: #0b1b3a;
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 40px;
    position: relative;
}

.marquee-title::after{
    content:"";
    display:block;
    width: 90px;
    height: 3px;
    margin: 12px auto 0;
    background: linear-gradient(90deg,#003399,#003399);
    border-radius: 10px;
}

/* TRACK */
.marquee-track{
    overflow: hidden;
}

/* ANIMATION ROW */
.marquee-content{
    display: flex;
    width: max-content;
    animation: scroll 22s linear infinite;
}

/* CLIENT CARD (NEW PREMIUM CAPSULE STYLE) */
.client-item{
    flex: 0 0 auto;
    margin: 0 18px;
    padding: 14px 28px;

    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 50px;

    box-shadow: 0 8px 25px rgba(0,0,0,0.05);

    transition: all 0.3s ease;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* text */
.client-item span{
    font-size: 14px;
    font-weight: 700;
    color: #0b1b3a;
    letter-spacing: 0.5px;
}

/* hover premium glow */
.client-item:hover{
    transform: translateY(-6px) scale(1.05);
    border-color: #1e90ff;
    box-shadow: 0 15px 40px rgba(30,144,255,0.2);
}

/* animation */
@keyframes scroll{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(-50%); }
}

/* responsive */
@media(max-width:768px){
    .client-item{
        margin: 0 12px;
        padding: 12px 20px;
    }

    .marquee-content{
        animation: scroll 16s linear infinite;
    }

    .marquee-title{
        font-size: 22px;
    }
}


/*--header fixed css--*/
#nav-menu-wrap{
    width: 100%;
    z-index: 9999;
    transition: all 0.3s ease;
}

/* sticky state */
#nav-menu-wrap.nv-fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    background: #fff;
    backdrop-filter: blur(12px);

    box-shadow: 0 6px 25px rgba(0,0,0,0.12);

}


/*--top social icons css--*/


.top-follow-wrap{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.follow-text{
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin-right:18px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.top-social-icons{
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
    list-style:none;
}

.top-social-icons li{
    position:relative;
    padding:0 14px;
}

.top-social-icons li::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:14px;
    background:rgba(255,255,255,0.35);
}

.top-social-icons li:last-child::after{
    display:none;
}

.top-social-icons li a{
    color:#fff;
    font-size:14px;
    transition:0.3s;
}

.top-social-icons li a:hover{
    color:#18ab63;
}


/* --new about us css--*/


.se-about-block{
    position:relative;
    padding:70px 0;
    background:#ffffff;
    overflow:hidden;
}

/* ==========================================
   IMAGE AREA
========================================== */

.se-about-photo-wrap{
    position:relative;
    padding:25px 0 0 25px;
}

.se-about-photo-wrap::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:85%;
    height:85%;

    background:#111;

    opacity:.06;

    border-radius:18px;
}

.se-about-photo-wrap::after{
    content:"";

    position:absolute;

    right:-20px;
    bottom:-20px;

    width:130px;
    height:130px;

    border:2px solid rgba(0,0,0,.10);

    border-radius:20px;

    z-index:1;
}

.se-about-photo{
    position:relative;
    z-index:2;

    width:100%;
    display:block;

    border-radius:18px;

    filter:grayscale(100%);

    box-shadow:
    0 30px 80px rgba(0,0,0,.16);

    transition:all .5s ease;
}

.se-about-photo:hover{
    transform:translateY(-8px);

    box-shadow:
    0 40px 100px rgba(0,0,0,.20);
}

/* ==========================================
   CONTENT AREA
========================================== */

.se-about-content{
    padding-left:70px;
}

/* ==========================================
   TAG
========================================== */

.se-about-tag{

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

    padding:10px 22px;

    border:1px solid #dddddd;

    border-radius:100px;

    background:#fafafa;

    color:#666;

    font-size:12px;
    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;
}

.se-about-tag::before{

    content:"";

    width:8px;
    height:8px;

    background:#111;

    border-radius:50%;
}

/* ==========================================
   HEADING
========================================== */

.se-about-heading{

    font-size:35px;
    line-height:1.05;
    letter-spacing:-2px;
    color:#1c1c1c;
    margin-top:20px;
    margin-bottom:15px;
}

.se-heading-line{

    width:120px;
    height:4px;

    background:
    linear-gradient(
        to right,
        #111,
        transparent
    );

    margin-bottom:35px;
}

/* ==========================================
   TEXT
========================================== */

.se-about-text{

    font-size:17px;

    line-height:1.95;

    color:#666;

    margin-bottom:18px;
}

/* ==========================================
   DIVIDER
========================================== */

.se-divider{

    margin:30px 0;

    height:1px;

    background:#e6e6e6;
}

/* ==========================================
   STATS
========================================== */

.se-stats{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:50px;
}

.se-stat{

    position:relative;

    padding-left:24px;
}

.se-stat::before{

    content:"";

    position:absolute;

    left:0;
    top:6px;

    width:3px;
    height:75px;

    background:#111;

    border-radius:10px;
}

.se-stat-number{

    font-size:72px;

    font-weight:800;

    color:#111;

    line-height:1;

    letter-spacing:-3px;

    margin-bottom:14px;
}

.se-stat-label{

    color:#666;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    line-height:1.8;
}

/* ==========================================
   HOVER
========================================== */

.se-stat:hover .se-stat-number{
    transform:translateY(-3px);
    transition:.3s ease;
}

/* ==========================================
   LARGE LAPTOP
========================================== */

@media(max-width:1400px){

    .se-about-heading{
        font-size:56px;
    }

    .se-stat-number{
        font-size:64px;
    }
}

/* ==========================================
   LAPTOP
========================================== */

@media(max-width:1199px){

    .se-about-content{
        padding-left:50px;
    }

    .se-about-heading{
        font-size:50px;
    }

    .se-stat-number{
        font-size:58px;
    }

    .se-stats{
        gap:35px;
    }
}

/* ==========================================
   TABLET
========================================== */

@media(max-width:991px){

    .se-about-block{
        padding:90px 0;
    }

    .se-about-content{

        padding-left:0;

        padding-top:50px;
    }

    .se-about-heading{
        font-size:44px;
    }

    .se-about-text{

        font-size:16px;
    }

    .se-stats{

        grid-template-columns:
        repeat(2,1fr);

        gap:35px;
    }

    .se-about-photo-wrap{

        max-width:500px;

        margin:auto;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:767px){

    .se-about-block{
        padding:70px 0;
    }

    .se-about-photo-wrap{

        padding:15px 0 0 15px;
    }

    .se-about-photo-wrap::after{
        display:none;
    }

    .se-about-heading{

        font-size:34px;

        letter-spacing:-1px;
    }

    .se-heading-line{

        width:80px;

        margin-bottom:25px;
    }

    .se-about-text{

        font-size:15px;

        line-height:1.9;
    }

    .se-divider{

        margin:35px 0;
    }

    .se-stats{

        grid-template-columns:
        1fr;

        gap:30px;
    }

    .se-stat{

        padding-left:20px;
    }

    .se-stat::before{

        height:60px;
    }

    .se-stat-number{

        font-size:52px;
    }

    .se-stat-label{

        font-size:12px;

        letter-spacing:1.5px;
    }
}

/* ==========================================
   SMALL MOBILE
========================================== */

@media(max-width:480px){

    .se-about-heading{

        font-size:30px;
    }

    .se-about-tag{

        font-size:11px;

        letter-spacing:2px;

        padding:8px 16px;
    }

    .se-stat-number{

        font-size:46px;
    }
}

.se-stats-v2{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:50px;

    margin-top:10px;
}

.se-stat-v2{
    position:relative;
}

.se-stat-number-v2{

    font-size:50px;

    font-weight:400;

    color:#111;

    line-height:1;

    letter-spacing:-3px;

    margin-bottom:10px;
}

.se-stat-line-v2{

    width:55px;

    height:2px;

    background:#111;

    margin-bottom:10px;
}

.se-stat-text-v2{

    font-size:13px;

    font-weight:700;

    color:#666;

    letter-spacing:2px;

    text-transform:uppercase;

    line-height:1.8;
}

.se-stat-v2:hover .se-stat-number-v2{

    transform:translateY(-4px);

    transition:.3s ease;
}

/* Tablet */

@media(max-width:991px){

    .se-stats-v2{

        grid-template-columns:
        repeat(2,1fr);

        gap:40px;
    }

    .se-stat-number-v2{
        font-size:58px;
    }
}

/* Mobile */

@media(max-width:767px){

    .se-stats-v2{

        grid-template-columns:1fr;

        gap:35px;
    }

    .se-stat-number-v2{
        font-size:48px;
    }
}


/*--hero slider css--*/


/* ===================================
   HERO SLIDER
=================================== */

.hero-slider-section{
    position:relative;
    overflow:hidden;
}

.hero-slide-item{
    position:relative;
}



/* ===================================
   NAVIGATION
=================================== */

.hero-slider .owl-nav{

    margin:0 !important;
}

.hero-slider .owl-prev,
.hero-slider .owl-next{

    position:absolute;
    top:50%;

    transform:translateY(-50%);

    width:60px;
    height:60px;

    border-radius:50% !important;

    background:rgba(255,255,255,.15) !important;

    backdrop-filter:blur(8px);

    color:#fff !important;

    font-size:30px !important;

    transition:.35s ease;

    border:1px solid rgba(255,255,255,.25) !important;

    display:flex !important;
    align-items:center;
    justify-content:center;

    opacity:0;
}

.hero-slider .owl-prev{
    left:40px;
}

.hero-slider .owl-next{
    right:40px;
}

/* Show arrows on hover */

.hero-slider-section:hover .owl-prev,
.hero-slider-section:hover .owl-next{
    opacity:1;
}

/* Hover Effect */

.hero-slider .owl-prev:hover,
.hero-slider .owl-next:hover{

    background:#0A3D91 !important;

    border-color:#0A3D91 !important;

    transform:translateY(-50%) scale(1.08);
}

/* ===================================
   DOTS
=================================== */

.hero-slider .owl-dots{

    position:absolute;

    left:50%;
    bottom:35px;

    transform:translateX(-50%);
}

.hero-slider .owl-dot span{

    width:12px !important;
    height:12px !important;

    background:rgba(255,255,255,.5) !important;

    margin:5px !important;

    transition:.3s;
}

.hero-slider .owl-dot.active span{

    width:35px !important;

    border-radius:30px !important;

    background:#0A3D91 !important;
}

/* ===================================
   RESPONSIVE
=================================== */

@media(max-width:991px){

   /* .hero-slide-item img{
        height:500px;
    }*/

    .hero-slider .owl-prev,
    .hero-slider .owl-next{

        width:50px;
        height:50px;

        font-size:18px !important;
    }

    .hero-slider .owl-prev{
        left:15px;
    }

    .hero-slider .owl-next{
        right:15px;
    }

}

@media(max-width:767px){

   /* .hero-slide-item img{
        height:300px;
    }*/

    .hero-slider .owl-prev,
    .hero-slider .owl-next{
        display:none !important;
    }

}


/*--video cta css--*/


.se-video-cta-section{

    position:relative;

    height:650px;

    overflow:hidden;
}

/* VIDEO */

.se-video-bg{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;
}

/* OVERLAY */

.se-video-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.60) 0%,
        rgba(0,0,0,.25) 40%,
        rgba(0,0,0,.10) 100%
    );

    z-index:1;
}

/* CONTAINER */

.se-video-cta-section .container{

    position:relative;

    z-index:2;

    height:100%;
}

/* CONTENT BOX */

.se-video-content-box{

    position:absolute;

    left:0;
    bottom:60px;

    max-width:650px;

    padding:45px;

    border-radius:24px;

    background:rgba(255,255,255,.10);

    backdrop-filter:blur(15px);

    -webkit-backdrop-filter:blur(15px);

    border:1px solid rgba(255,255,255,.20);

    box-shadow:
    0 20px 60px rgba(0,0,0,.25);
}

/* TAG */

.se-video-tag{

    display:inline-block;

    padding:8px 18px;

    background:#0A3D91;

    color:#fff;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    border-radius:50px;

    margin-bottom:20px;
}

/* HEADING */

.se-video-title{

    font-size:42px;

    font-weight:700;

    line-height:1.1;

    color:#fff;

    margin-bottom:20px;
}

/* TEXT */

.se-video-text{

    color:rgba(255,255,255,.90);

    font-size:18px;

    line-height:1.8;

    margin-bottom:30px;
}

/* BUTTON */

.se-video-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    background:#0A3D91;

    color:#fff;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    border-radius:60px;

    transition:.35s ease;
}

.se-video-btn:hover{

    background:#082f70;

    color:#fff;

    transform:translateY(-3px);
}

/* ==========================================
   TABLET
========================================== */

@media(max-width:991px){

    .se-video-cta-section{
        height:600px;
    }

    .se-video-content-box{

        max-width:100%;

        left:20px;
        right:20px;

        bottom:30px;

        padding:35px;
    }

    .se-video-title{
        font-size:42px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:767px){

    .se-video-cta-section{
        height:500px;
    }

    .se-video-content-box{

        left:15px;
        right:15px;

        bottom:15px;

        padding:25px;
    }

    .se-video-title{

        font-size:30px;

        line-height:1.2;
    }

    .se-video-text{

        font-size:15px;

        line-height:1.7;
    }

    .se-video-btn{

        width:100%;

        padding:14px 20px;
    }
}



/*--industry css--*/


.industry-section-v2{
    padding:70px 0;
    background:linear-gradient(
        180deg,
        #f8fbff 0%,
        #eef4ff 100%
    );
}

/* GRID */

.industry-grid{
    display:flex;
    align-items:flex-start;
    gap:70px;
}

/* LEFT */

.industry-left{
    width:42%;
    position:sticky;
    top:100px;
}

.industry-label{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:#dce8ff;
    color:#0A3D91;
    font-size:14px;
    font-weight:600;
    margin-bottom:25px;
}

.industry-left h2{
    font-size:35px;
    line-height:42px;
    font-weight:700;
    color:#111;
    margin-bottom:25px;
}

.industry-left p{
    font-size:17px;
    line-height:1.9;
    color:#5f6470;
    margin-bottom:20px;
}

.industry-main-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:#0A3D91;
    color:#fff;
    text-decoration:none;
    padding:16px 34px;
    border-radius:60px;
    font-weight:600;
    margin-top:15px;
    transition:.3s;
}

.industry-main-btn:hover{
    background:#062d6d;
    transform:translateY(-3px);
}

/* RIGHT */

.industry-right{
    width:58%;
}

/* CARD */

.industry-box{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    margin-bottom:40px;
    box-shadow:
    0 20px 50px rgba(10,61,145,.08);
    transition:.4s;
}

.industry-box:hover{
    transform:translateY(-10px);
}

.industry-box-image{
    height:400px;
    overflow:hidden;
}

.industry-box-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.7s;
}

.industry-box:hover img{
    transform:scale(1.08);
}

.industry-box-content{
    padding:25px;
}

.industry-box-content h3{
    font-size:25px;
    font-weight:700;
    color:#111;
    margin-bottom:5px;
}

.industry-box-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:25px;
}

.industry-box-content a{
    color:#0A3D91;
    font-weight:700;
    text-decoration:none;
    display:inline-flex;
    gap:8px;
    align-items:center;
}

.industry-box-content a span{
    transition:.3s;
}

.industry-box-content a:hover span{
    transform:translate(5px,-5px);
}

/* RESPONSIVE */

@media(max-width:991px){

    .industry-grid{
        flex-direction:column;
    }

    .industry-left,
    .industry-right{
        width:100%;
    }

    .industry-left{
        position:relative;
        top:auto;
    }

    .industry-left h2{
        font-size:42px;
    }

    .industry-box-image{
        height:250px;
    }
}


@media (max-width: 991px) {

    .industry-section-v2{
        padding:50px 0;
    }

    .industry-grid{
        flex-direction:column;
        gap:35px;
    }

    .industry-left,
    .industry-right{
        width:100%;
    }

    .industry-left{
        position:relative;
        top:auto;
    }

    .industry-label{
        font-size:13px;
        padding:8px 18px;
        margin-bottom:15px;
    }

    .industry-left h2{
        font-size:30px;
        line-height:38px;
        margin-bottom:15px;
    }

    .industry-left p{
        font-size:15px;
        line-height:28px;
        margin-bottom:15px;
    }

    .industry-main-btn{
        padding:14px 25px;
        font-size:14px;
        margin-top:5px;
    }

    .industry-box{
        border-radius:20px;
        margin-bottom:25px;
    }

    .industry-box-image{
        height:240px;
    }

    .industry-box-content{
        padding:20px;
    }

    .industry-box-content h3{
        font-size:22px;
        line-height:30px;
        margin-bottom:10px;
    }

    .industry-box-content p{
        font-size:15px;
        line-height:26px;
        margin-bottom:15px;
    }

    .industry-box-content a{
        font-size:14px;
    }
}


/* Small Mobile Devices */

@media (max-width: 575px) {

    .industry-section-v2{
        padding:40px 0;
    }

    .industry-left h2{
        font-size:26px;
        line-height:34px;
    }

    .industry-left p{
        font-size:14px;
        line-height:25px;
    }

    .industry-box-image{
        height:200px;
    }

    .industry-box-content{
        padding:18px;
    }

    .industry-box-content h3{
        font-size:20px;
        line-height:28px;
    }

    .industry-box-content p{
        font-size:14px;
        line-height:24px;
    }

    .industry-main-btn{
        width:100%;
        justify-content:center;
    }
}



/*--director message--*/


.chairman-editorial{
    padding:70px 0;
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f8faff 100%
    );
    overflow:hidden;
    position:relative;
}

.chairman-editorial:before{
    content:"";
    position:absolute;
    top:-250px;
    right:-250px;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(10,61,145,.03);
    z-index:1;
}

/* ==========================
   TOP HEADING
========================== */

.chairman-head{
    text-align:center;
    max-width:900px;
    margin:0 auto 70px;
    position:relative;
    z-index:2;
}

.chairman-head span{
    display:inline-block;
    color:#0A3D91;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.chairman-head h2{
    font-size:40px;
    line-height:1.05;
    font-weight:800;
    color:#111;
    letter-spacing:-2px;
    margin:0;
}

/* ==========================
   MAIN LAYOUT
========================== */

.chairman-body{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
    position:relative;
    z-index:2;
}

/* ==========================
   IMAGE
========================== */

.chairman-image{
    width:46%;
    position:relative;
}

.chairman-image img{
    width:100%;
    display:block;
    border-radius:30px;

    box-shadow:
    0 20px 60px rgba(0,0,0,.08);

    transition:.4s ease;
}

.chairman-image:hover img{
    transform:translateY(-8px);
}

.chairman-image:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border:2px solid rgba(10,61,145,.15);
    border-radius:30px;
    top:20px;
    left:20px;
    z-index:-1;
}

/* ==========================
   MESSAGE
========================== */

.chairman-message{
    width:54%;
    position:relative;
}

.big-quote{
    position:absolute;
    top:-90px;
    left:-40px;

    font-size:220px;
    line-height:1;

    color:#0A3D91;
    opacity:.05;

    font-family:Georgia;
    pointer-events:none;
}

.chairman-message p{
    font-size:22px;
    line-height:1.9;
    color:#2d2d2d;
    font-weight:300;
    position:relative;
    z-index:2;
    margin:0;
}

/* ==========================
   SIGNATURE
========================== */

.chairman-sign{
    margin-top:45px;
    padding-top:25px;
    border-top:1px solid #e6ebf2;
}

.chairman-sign h4{
    margin:0 0 8px;
    font-size:30px;
    font-weight:700;
    color:#111;
}

.chairman-sign span{
    display:block;
    color:#0A3D91;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

/* ==========================
   TABLET
========================== */

@media(max-width:991px){

    .chairman-editorial{
        padding:70px 0;
    }

    .chairman-head{
        margin-bottom:45px;
    }

    .chairman-head span{
        font-size:12px;
        letter-spacing:2px;
    }

    .chairman-head h2{
        font-size:38px;
        line-height:1.15;
        letter-spacing:-1px;
    }

    .chairman-body{
        flex-direction:column;
        gap:40px;
    }

    .chairman-image,
    .chairman-message{
        width:100%;
    }

    .chairman-image:after{
        display:none;
    }

    .chairman-message{
        text-align:center;
    }

    .chairman-message p{
        font-size:18px;
        line-height:1.9;
    }

    .big-quote{
        font-size:130px;
        top:-40px;
        left:50%;
        transform:translateX(-50%);
    }

    .chairman-sign{
        margin-top:30px;
    }

    .chairman-sign h4{
        font-size:24px;
    }

    .chairman-sign span{
        font-size:13px;
    }
}

/* ==========================
   MOBILE
========================== */

@media(max-width:575px){

    .chairman-editorial{
        padding:60px 0;
    }

    .chairman-head{
        margin-bottom:35px;
    }

    .chairman-head span{
        font-size:11px;
        letter-spacing:2px;
    }

    .chairman-head h2{
        font-size:30px;
        line-height:1.2;
    }

    .chairman-body{
        gap:30px;
    }

    .chairman-image img{
        border-radius:20px;
    }

    .chairman-message p{
        font-size:15px;
        line-height:1.9;
    }

    .big-quote{
        font-size:90px;
        top:-25px;
        opacity:.06;
    }

    .chairman-sign{
        margin-top:25px;
        padding-top:20px;
    }

    .chairman-sign h4{
        font-size:22px;
    }

    .chairman-sign span{
        font-size:12px;
        letter-spacing:.8px;
    }
}






/*--counter css--*/



.achievement-section{
    position:relative;
    padding:70px 0;
    background:url('../img/bac-2.jpg') center center/cover no-repeat;
    overflow:hidden;
}

.achievement-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(0,0,0,.73),
        rgba(0,0,0,.73)
    );
}

.achievement-section .container{
    position:relative;
    z-index:2;
}


/* =========================
   HEADER
========================= */

.achievement-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 60px;
}

.achievement-tag{
    display:inline-block;
    color:#fff;
    font-size:13px;
    letter-spacing:3px;
    font-weight:600;
    margin-bottom:20px;
}

.achievement-header h2{
    font-size:38px;
    line-height:1.1;
    color:#fff;
    font-weight:800;
    margin:0 0 25px;
}

.achievement-header p{
    color:rgba(255,255,255,.8);
    font-size:18px;
    line-height:1.9;
    margin:0;
}


/* =========================
   GRID
========================= */

.achievement-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid rgba(255,255,255,.15);
    background:rgba(10,25,42,.45);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border-radius:8px;
    overflow:hidden;
}


/* =========================
   ITEM
========================= */

.achievement-item{
    text-align:center;
    padding:25px 25px 35px;
    border-right:1px solid rgba(255,255,255,.25);
    transition:.4s ease;
}

.achievement-item:last-child{
    border-right:none;
}

.achievement-item:hover{
    background:rgba(255,255,255,.05);
}


/* =========================
   ICON
========================= */

.achievement-icon{
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}

.achievement-icon i{
    color:#fff;
    font-size:30px;
    font-weight:400;
}


/* =========================
   NUMBER / TITLE
========================= */

.achievement-item h3{
    font-size:36px;
    font-weight:700;
    color:#fff;
    line-height:1.1;
    margin:0 0 12px;
    white-space:nowrap;
}


/* =========================
   DESCRIPTION
========================= */

.achievement-text{
    color:rgba(255,255,255,.85);
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    line-height:1.5;
}


/* =========================
   TABLET
========================= */

@media (max-width:991px){

    .achievement-section{
        padding:60px 0;
    }

    .achievement-header{
        margin-bottom:45px;
    }

    .achievement-header h2{
        font-size:34px;
    }

    .achievement-header p{
        font-size:16px;
    }

    .achievement-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .achievement-item{
        padding:30px 20px;
        border-right:1px solid rgba(255,255,255,.25);
        border-bottom:1px solid rgba(255,255,255,.25);
    }

    .achievement-item:nth-child(2){
        border-right:none;
    }

    .achievement-item:nth-child(3),
    .achievement-item:nth-child(4){
        border-bottom:none;
    }

    .achievement-item h3{
        font-size:34px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width:767px){

    .achievement-section{
        padding:50px 0;
    }

    .achievement-header{
        margin:0 auto 35px;
        padding:0 10px;
    }

    .achievement-tag{
        font-size:11px;
        letter-spacing:2px;
        margin-bottom:12px;
    }

    .achievement-header h2{
        font-size:28px;
        line-height:1.3;
        margin-bottom:15px;
    }

    .achievement-header p{
        font-size:15px;
        line-height:1.8;
    }

    .achievement-grid{
        grid-template-columns:1fr;
        border-radius:6px;
    }

    .achievement-item{
        padding:28px 20px;
        border-right:none !important;
        border-bottom:1px solid rgba(255,255,255,.20);
    }

    .achievement-item:last-child{
        border-bottom:none;
    }

    .achievement-icon{
        height:40px;
        margin-bottom:8px;
    }

    .achievement-icon i{
        font-size:27px;
    }

    .achievement-item h3{
        font-size:34px;
        margin-bottom:10px;
    }

    .achievement-text{
        font-size:11px;
        letter-spacing:1.5px;
        line-height:1.6;
        display:block;
    }

}


/* =========================
   ACHIEVEMENT ICONS
========================= */

.achievement-item{
    position:relative;
    text-align:center;
    padding:35px 25px 35px;
    border-right:1px solid rgba(255,255,255,.25);
    transition:.4s ease;
}


/* Common icon */
.achievement-item::before{
    display:flex;
    align-items:center;
    justify-content:center;

    width:58px;
    height:58px;

    margin:0 auto 18px;

    color:#fff;
    font-family:'Font Awesome 5 Free';
    font-size:25px;
    font-weight:900;

    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;

    background:rgba(255,255,255,.06);

    transition:all .4s ease;
}


/* 180+ — Individual Parts */
.achievement-item:nth-child(1)::before{
    content:"\f1b2";
}


/* 235,000+ — Components */
.achievement-item:nth-child(2)::before{
    content:"\f1b3";
}


/* 27,000+ — Assemblies */
.achievement-item:nth-child(3)::before{
    content:"\f085";
}


/* Dedicated Aerospace Plant */
.achievement-item:nth-child(4)::before{
    content:"\f072";
}


/* Hover */
.achievement-item:hover::before{
    transform:translateY(-4px);
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.5);
}


/*--clients logos css--*/



.partner-section{
    padding:70px 0;
    background:#f5f5f5;
    overflow:hidden;
}

.partner-heading{
    max-width:850px;
    margin-bottom:50px;
}

.partner-heading span{
    color:#0A3D91;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.partner-heading h2{
    font-size:35px;
    line-height:1.15;
    font-weight:700;
    color:#111;
    margin:15px 0;
}

.partner-heading p{
    color:#666;
    font-size:17px;
    line-height:1.8;
}

/*==========================
        MARQUEE
==========================*/

.partner-marquee{
    width:100%;
    overflow:hidden;
    position:relative;
}

.partner-track{
    display:flex;
    align-items:center;
    gap:30px;
    width:max-content;
    animation:partnerScroll 35s linear infinite;
}

.partner-marquee:hover .partner-track{
    animation-play-state:paused;
}

/*==========================
      COMPANY CARD
==========================*/

.partner-logo{

    width:260px;
    height:130px;

    background:#fff;

    border-radius:18px;

    border:1px solid #e7edf6;

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

    flex-shrink:0;

    position:relative;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

}

/* Left Red Strip */

.partner-logo:before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:6px;
    height:100%;

    background:#d71920;

}

/* Bottom Blue Line */

.partner-logo:after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:4px;

    background:#0A3D91;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.partner-logo:hover{

    transform:translateY(-8px);

    border-color:#0A3D91;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

}

.partner-logo:hover:after{

    transform:scaleX(1);

}

/* Company Name */

.partner-logo-name{

    padding:0 25px;

    text-align:center;

    color:#0A3D91;

    font-size:20px;

    font-weight:700;

    line-height:1.5;

    transition:.3s;

}

.partner-logo:hover .partner-logo-name{

    color:#d71920;

}

/*==========================
       FADE EFFECT
==========================*/

.partner-marquee::before,
.partner-marquee::after{

    content:"";

    position:absolute;

    top:0;

    width:120px;
    height:100%;

    z-index:2;

    pointer-events:none;

}

.partner-marquee::before{

    left:0;

    background:linear-gradient(to right,#f5f5f5,transparent);

}

.partner-marquee::after{

    right:0;

    background:linear-gradient(to left,#f5f5f5,transparent);

}

/*==========================
        ANIMATION
==========================*/

@keyframes partnerScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(calc(-50% - 15px));
    }

}

/*==========================
      TABLET
==========================*/

@media(max-width:991px){

.partner-heading{

text-align:center;

}

.partner-heading h2{

font-size:30px;

}

.partner-track{

gap:20px;

}

}

/*==========================
       MOBILE
==========================*/

@media(max-width:767px){

.partner-section{

padding:50px 0;

}

.partner-heading{

text-align:center;
margin-bottom:30px;

}

.partner-heading span{

font-size:11px;

}

.partner-heading h2{

font-size:28px;

}

.partner-heading p{

font-size:15px;

}

.partner-track{

gap:15px;

animation:partnerScrollMobile 20s linear infinite;

}

.partner-logo{

width:180px;

height:90px;

border-radius:14px;

}

.partner-logo:before{

width:4px;

}

.partner-logo:after{

height:3px;

}

.partner-logo-name{

font-size:15px;

padding:0 15px;

}

.partner-marquee::before,
.partner-marquee::after{

width:40px;

}

}

@keyframes partnerScrollMobile{

from{
    transform:translateX(0);
}

to{
    transform:translateX(calc(-50% - 7.5px));
}

}










/*--globe css--*/


.export-global{
padding:40px 0;
background:#fff;
overflow:hidden;
position:relative;
}

/* WORLD MAP BACKGROUND */

.export-global::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background-image:url("../img/nim-1.jpg");
background-size:cover;
background-repeat:no-repeat;
background-position:center;

opacity:0.30;
z-index:1;
}

/* CONTENT ABOVE BACKGROUND */

.export-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:42% 58%;
align-items:center;
gap:80px;
}

/* LEFT */

.export-left h2{
font-size:35px;
font-weight:600;
color:#000;
margin-bottom:18px;
line-height:1.2;
}

.export-left p{
color:#666;
line-height:1.9;
max-width:450px;
font-size:16px;
}

/* RIGHT */

.globe-box{
position:relative;
width:520px;
height:520px;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
}

/* GLOBE */

.globe-img{
width:190px;
z-index:2;
animation:globeRotate 60s linear infinite;
filter:drop-shadow(0 25px 40px rgba(0,0,0,0.18));
}

/* ORBITS */

.orbit{
position:absolute;
border:1px dashed rgba(0,0,0,0.12);
border-radius:50%;
animation:orbitRotate linear infinite;
display:flex;
align-items:center;
justify-content:center;
}

/* ORBIT SIZES */

.orbit1{
width:300px;
height:300px;
animation-duration:30s;
}

.orbit2{
width:380px;
height:380px;
animation-duration:40s;
}

.orbit3{
width:460px;
height:460px;
animation-duration:50s;
}

/* COUNTRY TAG */

.orbit div{
position:absolute;
background:#fff;
padding:8px 16px;
border-radius:30px;
font-size:13px;
font-weight:500;
box-shadow:0 8px 18px rgba(0,0,0,0.08);
white-space:nowrap;
animation:labelFix linear infinite;
transition:.3s;
color:#000;
}

/* COUNTRY HOVER */

.orbit div:hover{
background:#0b1c39;
color:#fff;
transform:scale(1.08);
}

/* POSITIONING */

.orbit div:nth-child(1){
top:-14px;
left:50%;
transform:translateX(-50%);
}

.orbit div:nth-child(2){
right:-14px;
top:50%;
transform:translateY(-50%);
}

.orbit div:nth-child(3){
bottom:-14px;
left:50%;
transform:translateX(-50%);
}

.orbit div:nth-child(4){
left:-14px;
top:50%;
transform:translateY(-50%);
}

/* ANIMATIONS */

@keyframes orbitRotate{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}

@keyframes labelFix{
from{
transform:rotate(0deg);
}
to{
transform:rotate(-360deg);
}
}

@keyframes globeRotate{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}

/* LABEL SPEED */

.orbit1 div{
animation-duration:30s;
}

.orbit2 div{
animation-duration:40s;
}

.orbit3 div{
animation-duration:50s;
}

/* TABLET */

@media(max-width:992px){

.export-global{
padding:90px 0;
}

.export-grid{
grid-template-columns:1fr;
text-align:center;
gap:60px;
}

.export-left h2{
font-size:36px;
}

.export-left p{
margin:auto;
max-width:520px;
}

.globe-box{
width:420px;
height:420px;
}

.orbit1{
width:260px;
height:260px;
}

.orbit2{
width:320px;
height:320px;
}

.orbit3{
width:380px;
height:380px;
}

}

/* MOBILE */

@media(max-width:576px){

.export-global{
padding:70px 0;
}

.export-left h2{
font-size:28px;
}

.export-left p{
font-size:14px;
}

.globe-box{
width:300px;
height:300px;
}

.globe-img{
width:150px;
}

.orbit1{
width:200px;
height:200px;
}

.orbit2{
width:240px;
height:240px;
}

.orbit3{
width:280px;
height:280px;
}

.orbit div{
font-size:11px;
padding:6px 12px;
}

}

.export-btn{
display:inline-block;
margin-top:25px;
padding:12px 28px;
background:#000;
color:#fff;
font-size:14px;
font-weight:500;
text-decoration:none;
transition:all .3s ease;
box-shadow:0 8px 18px rgba(0,0,0,0.15);
border-radius:5px;
}

.export-btn:hover{
background:#0b1c39;
transform:translateY(-3px);
box-shadow:0 12px 25px rgba(0,0,0,0.25);
}



/*--news css--*/



.news-zone{
    padding:70px 0;
    background:#ffffff;
}

.news-zone-head{
    max-width:750px;
    margin:auto;
}

.news-zone-head span{
    display:inline-block;
    color:#0A3D91;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.news-zone-head h2{
    font-size:35px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}

.news-zone-head p{
    color:#666;
    font-size:17px;
    line-height:1.8;
}

/* Card */

.news-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    border:1px solid #ececec;
    transition:.35s;
    height:100%;
}

.news-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.news-card-image{
    position:relative;
    overflow:hidden;
}

.news-card-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.5s;
}

.news-card:hover img{
    transform:scale(1.08);
}

.news-date{
    position:absolute;
    left:20px;
    bottom:20px;

    background:#0A3D91;
    color:#fff;

    padding:8px 15px;
    border-radius:50px;

    font-size:13px;
    font-weight:600;
}

.news-card-content{
    padding:28px;
}

.news-card-content h3{
    font-size:22px;
    line-height:1.4;
    margin-bottom:15px;
    color:#111;
    font-weight:700;
}

.news-card-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:20px;
}

.news-card-content a{
    color:#0A3D91;
    text-decoration:none;
    font-weight:700;
}

.news-card-content a:hover{
    color:#000;
}

/* Mobile */

@media(max-width:767px){

    .news-zone{
        padding:60px 0;
    }

    .news-zone-head h2{
        font-size:30px;
    }

    .news-zone-head p{
        font-size:15px;
    }

    .news-card-image img{
        height:220px;
    }

    .news-card-content{
        padding:22px;
    }

    .news-card-content h3{
        font-size:20px;
    }

}



/* Mobile Responsive */

@media (max-width: 767px){

    .news-zone{
        padding:50px 0;
    }

    .news-zone-head{
        max-width:100%;
        padding:0 10px;
        text-align:center;
    }

    .news-zone-head span{
        font-size:11px;
        letter-spacing:1px;
        margin-bottom:8px;
    }

    .news-zone-head h2{
        font-size:28px;
        line-height:1.3;
        margin-bottom:12px;
    }

    .news-zone-head p{
        font-size:14px;
        line-height:1.7;
        margin-bottom:0;
    }

    .news-card{
        border-radius:18px;
    }

    .news-card-image img{
        height:200px;
    }

    .news-date{
        left:15px;
        bottom:15px;
        font-size:11px;
        padding:6px 12px;
    }

    .news-card-content{
        padding:18px;
    }

    .news-card-content h3{
        font-size:18px;
        line-height:1.5;
        margin-bottom:10px;
    }

    .news-card-content p{
        font-size:14px;
        line-height:1.7;
        margin-bottom:15px;
    }

    .news-card-content a{
        font-size:14px;
    }

    .news-card:hover{
        transform:none;
    }

}


.scroll-top-btn:hover, .scroll-facebook-btn:hover, .scroll-phone-btn:hover {
  background: #333 !important;
}

#preloader-wrap {
  background: #0A3D91 !important;
}

.se-about-content p{
  font-size: 17px;
  line-height: 1.95;
  color: #666;
  margin-bottom: 18px;
}

.mb-new{
  margin-bottom: 40px;
}


/*--new contact page css--*/

.sa-contact-section{
    padding:90px 0;
    background:#f5f8fc;
    position:relative;
}

.sa-contact-info{
    background:linear-gradient(135deg,#0b4ea2,#173f8d);
    color:#fff;
    padding:60px 45px;
    border-radius:20px;
    position:relative;
    overflow:hidden;
    height:100%;
}

.sa-contact-info:before{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    top:-80px;
    right:-80px;
}

.sa-subtitle{
    display:inline-block;
    background:#d71920;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.sa-contact-info h2{
    font-size:34px;
    font-weight:700;
    margin-bottom:17px;
    line-height:42px;
}

.sa-contact-info p{
    color:rgba(255,255,255,.85);
    line-height:1.8;
}

.sa-contact-list{
    margin-top:40px;
}

.sa-contact-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:20px;
}

.sa-icon{
    width:60px;
    height:60px;
    background:#fff;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d71920;
    font-size:22px;
    margin-right:20px;
    flex-shrink:0;
}

.sa-contact-item h5{
    margin-bottom:3px;
    font-size:19px;
    font-weight:600;
    color:#fff;
}

.sa-contact-item p{
    margin:0;
}

.sa-contact-form-box{
    background:#fff;
    padding:55px;
    border-radius:20px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.sa-contact-form-box h3{
    font-size:34px;
    margin-bottom:35px;
    color:#163b83;
    font-weight:700;
}

.sa-contact-form-box .form-control{
    height:58px;
    border:1px solid #d9e3ef;
    border-radius:10px;
    box-shadow:none;
    padding:15px 20px;
    font-size:15px;
}

.sa-contact-form-box textarea.form-control{
    height:auto;
    resize:none;
    padding-top:18px;
}

.sa-contact-form-box .form-control:focus{
    border-color:#163b83;
    box-shadow:0 0 0 3px rgba(22,59,131,.08);
}

.sa-submit-btn{
    background:#d71920;
    color:#fff;
    border:none;
    padding:15px 38px;
    border-radius:8px;
    font-size:16px;
    font-weight:600;
    transition:.35s;
}

.sa-submit-btn i{
    margin-left:10px;
}

.sa-submit-btn:hover{
    background:#163b83;
}

@media(max-width:991px){

.sa-contact-section{
    padding:70px 0;
}

.sa-contact-info{
    padding:40px 30px;
}

.sa-contact-form-box{
    padding:35px 25px;
}

.sa-contact-info h2,
.sa-contact-form-box h3{
    font-size:30px;
}

}


/*--map css--*/


.sa-map-section{
    padding:60px 0;
    background:#fff;
    position:relative;
}

.sa-map-subtitle{
    display:inline-block;
    background:#d71920;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:18px;
}

.sa-map-title{
    font-size:42px;
    font-weight:700;
    color:#123f8c;
    margin-bottom:15px;
}

.sa-map-text{
    color:#666;
    max-width:650px;
    margin:0 auto 45px;
    line-height:1.8;
    font-size:16px;
}

.sa-map-wrapper{
    background:#fff;
    padding:15px;
    border-radius:18px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.simple-map-card{
    overflow:hidden;
    border-radius:14px;
}

.simple-map-card iframe{
    width:100%;
    height:500px;
    border:0;
    display:block;
    border-radius:14px;
    filter:grayscale(15%);
    transition:.4s;
}

.simple-map-card:hover iframe{
    filter:grayscale(0%);
}

@media(max-width:991px){

.sa-map-section{
    padding:70px 0;
}

.sa-map-title{
    font-size:32px;
}

.simple-map-card iframe{
    height:400px;
}

}

@media(max-width:576px){

.sa-map-title{
    font-size:28px;
}

.sa-map-text{
    font-size:14px;
}

.simple-map-card iframe{
    height:320px;
}

}

/*--breadcump banner css--*/

.new-br-page-header{
    position:relative;
    height:500px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.new-br-banner-img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.new-br-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,35,85,0.55);
}

.new-br-page-content{
    position:relative;
    z-index:2;
    text-align:center;
}

.new-br-page-content h1{
    margin:0;
    color:#fff;
    font-size:30px;
    font-weight:700;
    line-height:1.2;
/*    text-transform:uppercase;*/
    text-shadow:0 3px 15px rgba(0,0,0,0.35);
}

/* Tablet */

@media (max-width:991px){

.new-br-page-header{
    height:280px;
}

.new-br-page-content h1{
    font-size:40px;
}

}

/* Mobile */

@media (max-width:767px){

.new-br-page-header{
    height:150px;
}

.new-br-overlay{
    background:rgba(0,35,85,0.6);
}

.new-br-page-content{
    padding:0 15px;
}

.new-br-page-content h1{
    font-size:28px;
    line-height:1.3;
}

}


/*--new simple breadcump css--*/


.simple-breadcrumb{
    background:#fff5ef;
    padding:10px 0;
    border-bottom:1px solid #f6ddd1;
}

.breadcrumb-simple{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

.breadcrumb-simple li{
    display:flex;
    align-items:center;
    color:#5d6778;
    font-size:14px;
    font-weight:500;
}

.breadcrumb-simple li+li:before{
    content:"\f105";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#9aa7b8;
    margin:0 12px;
    font-size:12px;
}

.breadcrumb-simple li a{
    color:#0f4c97;
    text-decoration:none;
    transition:.3s;
    display:flex;
    align-items:center;
}

.breadcrumb-simple li a:hover{
    color:#d71920;
}

.breadcrumb-simple li a i{
    margin-right:7px;
    font-size:14px;
}

.breadcrumb-simple li.active{
    color:#d71920;
    font-weight:600;
    display:flex;
    align-items:center;
}

.breadcrumb-simple li.active:before{
    content:"\f111";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:6px;
    color:#d71920;
    margin-right:8px;
}

@media(max-width:767px){

.simple-breadcrumb{
    padding:8px 0;
}

.breadcrumb-simple li{
    font-size:13px;
}

.breadcrumb-simple li+li:before{
    margin:0 8px;
}

}



/*--department css--*/


.office-contact-section{
    padding:60px 0;
    background:#fff;
}

.office-contact-heading{
    text-align:center;
    margin-bottom:40px;
}

.office-contact-heading h2{
    font-size:35px;
    font-weight:700;
    color:#123f8c;
    margin-bottom:12px;
}

.office-contact-heading p{
    color:#666;
    font-size:16px;
}

.office-contact-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.office-contact-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    border:1px solid #e6edf7;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:.35s;
}

.office-contact-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.office-contact-card h3{
    margin:0;
    padding:15px;
    background:#edf6ff;
    color:#123f8c;
    font-size:20px;
    font-weight:700;
   
}

.office-contact-card .designation{
    padding:18px 25px 10px;
    color:#d71920;
    font-weight:600;
    font-size:15px;
}

.office-contact-card ul{
    list-style:none;
    margin:0;
    padding:5px 25px 25px;
}

.office-contact-card ul li{
    position:relative;
    padding-left:34px;
    margin-bottom:16px;
    color:#555;
    line-height:1.7;
    word-break:break-word;
}

.office-contact-card ul li:last-child{
    margin-bottom:0;
}

.office-contact-card ul li:before{
    content:"\f058";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    position:absolute;
    left:0;
    top:2px;
    color:#d71920;
    font-size:16px;
}

.office-contact-card:hover h3{
    background:linear-gradient(135deg,#d71920,#b9151b);
}

@media(max-width:991px){

.office-contact-grid{
    grid-template-columns:1fr;
}

.office-contact-heading h2{
    font-size:32px;
}

}

@media(max-width:576px){

.office-contact-section{
    padding:60px 0;
}

.office-contact-card h3{
    font-size:19px;
    padding:18px;
}

.office-contact-card .designation{
    padding:15px 18px 8px;
}

.office-contact-card ul{
    padding:5px 18px 18px;
}

.office-contact-card ul li{
    font-size:14px;
}

}



/*--manufacturing page css--*/

.blueprint-tech-section{
    padding:90px 0;
    background:#f8fbff;
}

.blueprint-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.blueprint-box{
    position:relative;
    background:#fff;
    border:2px solid #d9e5f5;
    padding:35px;
    overflow:hidden;
    transition:.35s;
}

/* Blueprint Grid */

.blueprint-box:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(18,63,140,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,63,140,.05) 1px,transparent 1px);
    background-size:28px 28px;
    pointer-events:none;
}

/* Corner Engineering Marks */

.blueprint-box:after{
    content:"";
    position:absolute;
    inset:12px;
    border:1px solid rgba(18,63,140,.15);
    pointer-events:none;
}

/* Four Corners */

.blueprint-box{
    box-shadow:0 20px 45px rgba(0,0,0,.05);
}

.blueprint-box:hover{
    transform:translateY(-8px);
    border-color:#123f8c;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.bp-number{

    position:absolute;
    right:20px;
    top:15px;
    font-size:90px;
    font-weight:900;
    color:#edf3fb;
    line-height:1;
    user-select:none;
}

.bp-title{

    position:relative;
    z-index:2;

    color:#123f8c;
    font-size:24px;
    font-weight:700;

    padding-bottom:18px;
    margin-bottom:25px;
    border-bottom:2px solid #d71920;

}

.bp-title small{

    display:block;
    margin-top:6px;
    font-size:13px;
    color:#777;
    font-weight:500;

}

.blueprint-box ul{

    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    z-index:2;

}

.blueprint-box ul li{

    position:relative;
    padding:14px 0 14px 34px;
    border-bottom:1px dashed #dfe7f2;
    color:#444;
    line-height:1.8;

}

.blueprint-box ul li:last-child{

    border:none;

}

.blueprint-box ul li:before{

    content:"";
    position:absolute;
    left:0;
    top:21px;
    width:10px;
    height:10px;
    background:#d71920;
    border-radius:50%;
    box-shadow:0 0 0 5px rgba(215,25,32,.12);

}

/* Engineering Corners */

.blueprint-box .bp-title:before,
.blueprint-box .bp-title:after{

    content:"";
    position:absolute;
    width:18px;
    height:18px;
    border:2px solid #123f8c;

}

.blueprint-box .bp-title:before{

    left:-10px;
    top:-10px;
    border-right:0;
    border-bottom:0;

}

.blueprint-box .bp-title:after{

    right:-10px;
    bottom:-10px;
    border-left:0;
    border-top:0;

}

@media(max-width:991px){

.blueprint-grid{

grid-template-columns:1fr;

}

.bp-title{

font-size:22px;

}

}

@media(max-width:576px){

.blueprint-tech-section{

padding:60px 0;

}

.blueprint-box{

padding:25px;

}

.bp-number{

font-size:55px;

}

.bp-title{

font-size:18px;

}

.blueprint-box ul li{

font-size:14px;
line-height:1.7;

}

}



/*--group of company css--*/


.kg-company-section{
    padding:70px 0;
    background:
        radial-gradient(circle at top left,#dff2ff 0%,transparent 35%),
        radial-gradient(circle at bottom right,#ffecec 0%,transparent 30%),
        #f7fbff;
    position:relative;
    overflow:hidden;
}

.kg-company-section:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(20,60,120,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(20,60,120,.04) 1px,transparent 1px);
    background-size:70px 70px;
}


/*========================*/

.kg-heading{
    max-width:900px;
    margin:auto;
    text-align:center;
    margin-bottom:50px;
    position:relative;
    z-index:5;
}

.kg-subtitle{
    color:#d71920;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:700;
}

.kg-heading h2{
    font-size:40px;
    color:#123a73;
    margin:15px 0;
    font-weight:700;
}

.kg-heading p{
    color:#68788c;
    font-size:16px;
    line-height:34px;
}


/*========================*/

.kg-company-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}


/*========================*/

.kg-card{
    position:relative;
    background:#fff;
    border-radius:24px;
    padding:40px;
    overflow:hidden;
    border:1px solid #e5edf6;
    transition:.45s;
    box-shadow:
        0 12px 30px rgba(16,42,82,.05),
        0 25px 60px rgba(16,42,82,.08);
}

.kg-card:hover{
    transform:translateY(-10px);
    border-color:#0b63d9;
    box-shadow:
        0 25px 60px rgba(13,99,217,.18);
}

.kg-featured{
    transform:scale(1.03);
}

.kg-featured:hover{
    transform:scale(1.03) translateY(-10px);
}


/*========================*/

.kg-bg-circle{
    position:absolute;
    width:220px;
    height:220px;
    right:-90px;
    top:-90px;
    border-radius:50%;
    background:
        radial-gradient(circle,#edf6ff 0%,#ffffff 75%);
    transition:.5s;
}

.kg-card:hover .kg-bg-circle{
    transform:scale(1.12);
}


/*========================*/

.kg-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
    position:relative;
    z-index:2;
}


/*========================*/

.kg-icon{
    width:68px;
    height:68px;
    border-radius:18px;
    position:relative;
}

.kg-icon:before{
    content:"✈";
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    border-radius:18px;
    background:linear-gradient(135deg,#0d63d9,#4f9bff);
    box-shadow:0 15px 30px rgba(13,99,217,.25);
    transition:.35s;
}

.kg-icon.chemical:before{
    content:"⚗";
    background:linear-gradient(135deg,#d71920,#ff7676);
}

.kg-icon.coating:before{
    content:"🏭";
    background:linear-gradient(135deg,#123a73,#3578d8);
}

.kg-card:hover .kg-icon:before{
    transform:rotate(-8deg) scale(1.08);
}


/*========================*/

.kg-number{
    font-size:80px;
    color:#edf2f8;
    font-weight:800;
    line-height:1;
}


/*========================*/

.kg-card h3{
    font-size:22px;
    line-height:34px;
    color:#123a73;
    margin-bottom:20px;
    position:relative;
    z-index:2;
}


/*========================*/

.kg-divider{
    width:75px;
    height:5px;
    border-radius:50px;
    background:linear-gradient(90deg,#d71920,#0d63d9);
    margin-bottom:30px;
}


/*========================*/

.kg-info{
    margin-bottom:28px;
}

.kg-label{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    color:#90a0b2;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:600;
}

.kg-value{
    font-size:18px;
    color:#111;
    font-weight:600;
}

.kg-info ul{
    list-style:none;
    padding:0;
    margin:15px 0 0;
}

.kg-info ul li{
    position:relative;
    padding:12px 0 12px 28px;
    border-bottom:1px solid #edf2f7;
    color:#5d6b7a;
    font-size:17px;
}

.kg-info ul li:last-child{
    border:none;
}

.kg-info ul li:before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    left:0;
    top:19px;
    background:#0d63d9;
}


/*==========================================
        PREMIUM FOOTER
==========================================*/

.kg-footer{

    margin-top:35px;

    padding-top:22px;

    border-top:1px solid #edf2f7;

    position:relative;

    padding-right:60px;

}

.kg-footer-text{

    font-size:13px;

    font-weight:700;

    color:#0d63d9;

    text-transform:uppercase;

    letter-spacing:2px;

}

.kg-footer:after{

    content:"➜";

    position:absolute;

    right:0;

    top:50%;

    transform:translateY(-50%);

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eef5ff;

    color:#0d63d9;

    font-size:18px;

    transition:.35s;

}

.kg-card:hover .kg-footer:after{

    background:#0d63d9;

    color:#fff;

    transform:translateY(-50%) translateX(6px);

}


/*==========================================
        ENGINEERING CORNERS
==========================================*/

.kg-card:before{

    content:"";

    position:absolute;

    left:18px;

    top:18px;

    width:26px;

    height:26px;

    border-left:2px solid #0d63d9;

    border-top:2px solid #0d63d9;

    opacity:.35;

}

.kg-card:after{

    content:"";

    position:absolute;

    right:18px;

    bottom:18px;

    width:26px;

    height:26px;

    border-right:2px solid #d71920;

    border-bottom:2px solid #d71920;

    opacity:.35;

}


/*==========================================
        BOTTOM HOVER BAR
==========================================*/

.kg-card{

    overflow:hidden;

}

.kg-card .kg-divider{

    transition:.35s;

}

.kg-card:hover .kg-divider{

    width:120px;

}

.kg-card:hover .kg-value{

    color:#0d63d9;

}


/*==========================================
        SMOOTH TRANSITIONS
==========================================*/

.kg-card,
.kg-card *,
.kg-bg-circle{

    transition:all .35s ease;

}


/*==========================================
        RESPONSIVE
==========================================*/

@media(max-width:1199px){

.kg-company-grid{

grid-template-columns:repeat(2,1fr);

}

.kg-featured{

grid-column:span 2;

transform:none;

}

.kg-featured:hover{

transform:translateY(-10px);

}

}


@media(max-width:991px){

.kg-company-section{

padding:80px 0;

}

.kg-heading{

margin-bottom:50px;

}

.kg-heading h2{

font-size:38px;

}

.kg-heading p{

font-size:16px;

line-height:30px;

}

.kg-company-grid{

grid-template-columns:1fr;

gap:25px;

}

.kg-featured{

grid-column:auto;

}

.kg-card{

padding:30px;

}

.kg-card h3{

font-size:24px;

line-height:34px;

min-height:auto;

}

.kg-number{

font-size:60px;

}

.kg-bg-circle{

width:170px;

height:170px;

right:-60px;

top:-60px;

}

}


@media(max-width:576px){

.kg-company-section{

padding:60px 0;

}

.kg-subtitle{

font-size:12px;

letter-spacing:2px;

}

.kg-heading h2{

font-size:30px;

}

.kg-heading p{

font-size:15px;

line-height:28px;

}

.kg-card{

padding:24px;

border-radius:18px;

}

.kg-top{

margin-bottom:22px;

}

.kg-icon{

width:58px;

height:58px;

}

.kg-icon:before{

font-size:22px;

}

.kg-number{

font-size:46px;

}

.kg-card h3{

font-size:22px;

line-height:32px;

}

.kg-divider{

width:60px;

height:4px;

}

.kg-label{

font-size:12px;

}

.kg-value{

font-size:18px;

}

.kg-info ul li{

font-size:15px;

padding:10px 0 10px 24px;

}

.kg-info ul li:before{

width:8px;

height:8px;

top:17px;

}

.kg-footer{

padding-right:52px;

margin-top:25px;

}

.kg-footer-text{

font-size:12px;

letter-spacing:1px;

}

.kg-footer:after{

width:36px;

height:36px;

font-size:15px;

}

}


/*--strength css--*/


.sa-capability-section{
    padding:70px 0;
   background:#fafafa;
}


/* Heading */

.sa-capability-heading{
    max-width:850px;
    margin:0 auto 55px;
    text-align:center;
}


.sa-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 22px;
    border-radius:50px;
    background:#e8f2ff;
    color:#0b63ce;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;
    margin-bottom:18px;
}


.sa-capability-heading h2{
    font-size:42px;
    line-height:1.25;
    font-weight:700;
    color:#101828;
    margin:0 0 18px;
}


.sa-capability-heading p{
    font-size:17px;
    line-height:1.7;
    color:#667085;
    margin:0;
}




/* Main Layout */

.sa-capability-grid{

    display:grid;
    grid-template-columns:1.35fr .9fr;
    gap:30px;
    align-items:start;

}




/* Cards */

.sa-manufacturing-card,
.sa-development-card{

    background:#ffffff;
    border-radius:24px;
    padding:35px;
    border:1px solid #e7edf5;
    box-shadow:0 20px 50px rgba(15,23,42,.08);
    position:relative;
    overflow:hidden;

}


.sa-manufacturing-card:before,
.sa-development-card:before{

    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-100px;
    top:-100px;
    border-radius:50%;
    background:rgba(11,99,206,.06);

}



/* Card Header */

.sa-card-top{

    display:flex;
    align-items:center;
    gap:20px;
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid #edf1f7;
    position:relative;
    z-index:2;

}



.sa-card-top h3{

    margin:0 0 7px;
    font-size:24px;
    color:#101828;
    font-weight:700;

}



.sa-card-top p{

    margin:0;
    font-size:14px;
    color:#667085;

}




/* Icon Box */

.sa-icon-box{

    width:65px;
    height:65px;
    border-radius:18px;
    background:linear-gradient(135deg,#0b63ce,#1da1f2);
    position:relative;
    flex-shrink:0;

}



.sa-icon-box:before{

    content:"";
    position:absolute;
    width:24px;
    height:24px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border:3px solid #ffffff;
    border-radius:5px;

}



.design-icon{

    background:linear-gradient(135deg,#ff7a18,#ffb347);

}



.design-icon:before{

    width:22px;
    height:22px;
    border-radius:50%;

}





/* Manufacturing List */

.sa-capability-list{

    display:flex;
    flex-direction:column;
    gap:18px;

}



.sa-capability-item{

    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:18px;
    background:#f8fafc;
    border-radius:16px;
    transition:.35s ease;

}



.sa-capability-item:hover{

    background:#ffffff;
    transform:translateX(6px);
    box-shadow:0 12px 30px rgba(0,0,0,.07);

}



.sa-number{

    min-width:42px;
    height:42px;
    border-radius:12px;
    background:#0b63ce;
    color:#ffffff;
    font-size:14px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;

}



.sa-capability-item p{

    margin:0;
    color:#475467;
    font-size:15px;
    line-height:1.7;

}




/* Development Section */


.sa-development-inner{

    position:relative;
    z-index:2;

}



.sa-development-text{

    padding:25px;
    border-radius:18px;
    background:#f8fafc;
    color:#475467;
    font-size:16px;
    line-height:1.7;
    margin-bottom:25px;

}




/* Feature Box */


.sa-feature-box{

    display:flex;
    align-items:center;
    gap:15px;
    padding:22px;
    margin-bottom:18px;
    border-radius:18px;
    background:linear-gradient(135deg,#0b63ce,#123c85);
    color:#ffffff;
    transition:.35s ease;

}



.sa-feature-box:hover{

    transform:translateY(-5px);

}



.sa-feature-box span{

    font-size:17px;
    font-weight:600;

}



/* Check Icon */

.sa-small-icon{

    width:38px;
    height:38px;
    border-radius:50%;
    background:#ffffff;
    position:relative;
    flex-shrink:0;

}



.sa-small-icon:before{

    content:"";
    position:absolute;
    width:12px;
    height:7px;
    border-left:3px solid #0b63ce;
    border-bottom:3px solid #0b63ce;
    transform:rotate(-45deg);
    left:12px;
    top:12px;

}



/* Bottom Line */

.sa-tech-line{

    margin-top:35px;
    padding:18px;
    text-align:center;
    border-radius:15px;
    background:#edf5ff;
    color:#0b63ce;
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;

}




/* Responsive */


@media(max-width:991px){

    .sa-capability-grid{

        grid-template-columns:1fr;

    }


    .sa-capability-heading h2{

        font-size:34px;

    }

}



@media(max-width:767px){


    .sa-capability-section{

        padding:60px 0;

    }


    .sa-manufacturing-card,
    .sa-development-card{

        padding:22px;
        border-radius:18px;

    }


    .sa-card-top{

        align-items:flex-start;

    }


    .sa-card-top h3{

        font-size:20px;

    }


    .sa-capability-heading h2{

        font-size:28px;

    }


    .sa-capability-item{

        flex-direction:column;

    }


    .sa-number{

        min-width:38px;
        height:38px;

    }


}



/*--blog detail css--*/


.blog-detail-card{

    max-width:950px;
    margin:70px auto;
    background:#ffffff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    border:1px solid #edf0f5;

}



/* Image */

.blog-detail-image{

    width:100%;
    height:450px;
    overflow:hidden;

}


.blog-detail-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s ease;

}


.blog-detail-card:hover .blog-detail-image img{

    transform:scale(1.04);

}




/* Content */

.blog-detail-content{

    padding:30px 40px;

}



/* Meta */

.blog-meta{

    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:22px;

}


.blog-meta-item{

    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    background:#f5f8fc;
    border-radius:50px;
    color:#667085;
    font-size:14px;
    font-weight:500;

}



/* Icons */

.meta-icon,
.author-icon{

    width:18px;
    height:18px;
    border-radius:50%;
    background:#0b63ce;
    display:inline-block;
    position:relative;

}


.author-icon{

    background:#ff8a00;

}



.meta-icon:before{

    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border:2px solid #fff;
    border-radius:50%;
    left:4px;
    top:3px;

}



.author-icon:before{

    content:"";
    position:absolute;
    width:7px;
    height:7px;
    background:#fff;
    border-radius:50%;
    left:5px;
    top:3px;

}




/* Title */

.blog-detail-content h2{

    font-size:30px;
    line-height:1.3;
    color:#101828;
    font-weight:700;
    margin:0 0 25px;

}



/* Description */

.blog-description{

    color:#475467;
    font-size:16px;
    line-height:1.9;

}


.blog-description p{

    margin-bottom:18px;

}


.blog-description img{

    max-width:100%;
    height:auto;

}



/* Responsive */


@media(max-width:768px){


    .blog-detail-card{

        margin:40px 15px;
        border-radius:20px;

    }


    .blog-detail-image{

        height:260px;

    }


    .blog-detail-content{

        padding:30px 22px;

    }


    .blog-detail-content h2{

        font-size:26px;

    }


    .blog-description{

        font-size:15px;
        line-height:1.7;

    }


    .blog-meta{

        gap:10px;

    }


    .blog-meta-item{

        font-size:13px;
        padding:7px 14px;

    }


}


/* Blog Description Headings */

.blog-description h3{

    position:relative;
    font-size:26px;
    line-height:1.4;
    font-weight:700;
    color:#101828;
    margin:35px 0 25px;
    padding-bottom:14px;

}


.blog-description h3:after{

    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:55px;
    height:3px;
    border-radius:10px;
    background:linear-gradient(90deg,#0b63ce,#1da1f2);

}



.blog-description h3:before{

    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100px;
    height:1px;
    background:#dbe5f2;

}



/* List Design */

.blog-description ul{

    margin:20px 0 30px;
    padding:0;
    list-style:none;

}



.blog-description ul li{

    position:relative;
    padding-left:35px;
    margin-bottom:14px;
    color:#475467;
    font-size:16px;
    line-height:1.8;

}



/* Custom Bullet Icon */

.blog-description ul li:before{

    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#eaf3ff;

}



.blog-description ul li:after{

    content:"";
    position:absolute;
    left:6px;
    top:12px;
    width:7px;
    height:4px;
    border-left:2px solid #0b63ce;
    border-bottom:2px solid #0b63ce;
    transform:rotate(-45deg);

}



/* Mobile */

@media(max-width:768px){

    .blog-description h3{

        font-size:22px;
        margin-top:28px;

    }


    .blog-description ul li{

        font-size:15px;
        padding-left:32px;

    }

}



/*--aerospace css--*/


.aerospace-journey {
    position: relative;
    overflow: hidden;

    padding: 70px 0px;

    background:
        linear-gradient(
            135deg,
            #f5fbfd  0%,
            #f5fbfd  48%,
            #f5fbfd  100%
        );
}


/* =========================================================
   BLUEPRINT BACKGROUND
========================================================= */

.aero-blueprint {
    position: absolute;
    inset: 0;

    opacity: .45;

    background-image:
        linear-gradient(
            rgba(53, 159, 194, .06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(53, 159, 194, .06) 1px,
            transparent 1px
        );

    background-size: 40px 40px;

    pointer-events: none;
}


/* Large aerospace technical circle */

.aerospace-journey::before {
    content: "";

    position: absolute;

    width: 700px;
    height: 700px;

    right: -300px;
    top: -280px;

    border: 1px solid rgba(44, 160, 200, .12);

    border-radius: 50%;

    box-shadow:
        0 0 0 55px rgba(44, 160, 200, .025),
        0 0 0 110px rgba(44, 160, 200, .018),
        0 0 0 165px rgba(44, 160, 200, .012);

    pointer-events: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.aerospace-container {
    position: relative;
    z-index: 5;

    max-width: 1250px;
    width: 100%;

    margin: auto;

    display: grid;

    grid-template-columns: 49% 51%;

    align-items: center;
}


/* =========================================================
   LEFT VISUAL
========================================================= */

.aerospace-visual {
    position: relative;

    height: 580px;
}


/* =========================================================
   MAIN IMAGE
========================================================= */

.aero-image-box {
    position: absolute;

    left: 30px;
    top: 25px;

    width: calc(100% - 70px);
    height: 510px;

    overflow: hidden;

    z-index: 3;

    clip-path: polygon(
        0 0,
        91% 0,
        100% 12%,
        100% 88%,
        91% 100%,
        0 100%
    );

    box-shadow:
        15px 25px 50px rgba(42, 90, 111, .18);
}


.aero-image-box::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(28, 106, 138, .18),
            transparent 50%,
            rgba(20, 70, 100, .10)
        );

    pointer-events: none;
}


.aero-image-box img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform .7s ease;
}


.aero-image-box:hover img {
    transform: scale(1.04);
}


/* =========================================================
   AIRCRAFT WING SHAPE
========================================================= */

.aero-wing-shape {
    position: absolute;

    left: -20px;
    bottom: 38px;

    width: 300px;
    height: 90px;

    background: rgba(68, 183, 215, .10);

    clip-path: polygon(
        0 50%,
        100% 0,
        62% 50%,
        100% 100%
    );

    z-index: 1;
}


/* =========================================================
   HUD / ORBIT
========================================================= */

.aero-orbit {
    position: absolute;

    right: 5px;
    top: -15px;

    width: 170px;
    height: 170px;

    border: 1px solid rgba(51, 171, 208, .28);

    border-radius: 50%;

    z-index: 2;
}


.aero-orbit::before {
    content: "";

    position: absolute;

    inset: 18px;

    border: 1px dashed rgba(51, 171, 208, .3);

    border-radius: 50%;
}


.aero-orbit::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    right: 21px;
    top: 28px;

    border-radius: 50%;

    background: #48b9dc;

    box-shadow:
        0 0 0 5px rgba(72, 185, 220, .12),
        0 0 15px rgba(72, 185, 220, .5);
}


.aero-orbit span {
    position: absolute;

    width: 55px;
    height: 1px;

    left: 50%;
    top: 50%;

    background: rgba(51, 171, 208, .35);

    transform: rotate(45deg);
}


/* =========================================================
   FLIGHT PATH
========================================================= */

.aero-flight-line {
    position: absolute;

    left: 0;
    bottom: 30px;

    width: 240px;
    height: 100px;

    border-top: 1px solid rgba(53, 165, 202, .25);

    border-radius: 50%;

    transform: rotate(-12deg);

    z-index: 1;
}


.aero-flight-line::after {
    content: "";

    position: absolute;

    right: 0;
    top: -4px;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #e13b45;
}


/* =========================================================
   TECHNICAL CORNER LINES
========================================================= */

.aero-tech-line {
    position: absolute;

    height: 1px;

    background: #46b8dc;

    z-index: 6;
}


.aero-tech-line-1 {
    width: 90px;

    left: 0;
    top: 0;
}


.aero-tech-line-1::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 1px;
    height: 45px;

    background: #46b8dc;
}


.aero-tech-line-2 {
    width: 75px;

    right: 25px;
    bottom: 5px;
}


.aero-tech-line-2::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 1px;
    height: 35px;

    background: #46b8dc;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.aerospace-content {
    padding-left: 65px;

    max-width: 680px;
}


/* Label */

.aero-label {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color: #3aa9d0;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 3px;
}


.aero-label span {
    width: 35px;
    height: 2px;

    background: #df343e;
}


/* =========================================================
   HEADING
========================================================= */

.aerospace-content h2 {
    margin: 0;

    color: #243c68;

/*    font-size: clamp(38px, 4vw, 57px);*/
font-size: 40px;

    line-height: 1.04;

    font-weight: 300;

    letter-spacing: -2px;

    text-transform: uppercase;
}


.aerospace-content h2 strong {
    display: block;

    color: #42b8db;

    font-weight: 800;
}


/* =========================================================
   HEADING TECH LINE
========================================================= */

.aero-title-line {
    display: flex;

    align-items: center;

    gap: 8px;

    margin: 27px 0;
}


.aero-title-line i {
    display: block;

    width: 45px;
    height: 3px;

    background: #df343e;
}


.aero-title-line b {
    display: block;

    width: 120px;
    height: 1px;

    background: #b9d6df;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.aerospace-content p {
    margin: 0 0 19px;

    color: #5e6e79;

    font-size: 15px;

    line-height: 1.85;

    font-weight: 400;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .aerospace-container {
        grid-template-columns: 1fr 1fr;
    }

    .aerospace-visual {
        height: 500px;
    }

    .aero-image-box {
        height: 440px;
        width: calc(100% - 45px);
    }

    .aerospace-content {
        padding-left: 35px;
    }

    .aerospace-content h2 {
        font-size: 37px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .aerospace-journey {
        padding: 65px 18px;
    }


    .aerospace-container {
        display: flex;

        flex-direction: column;
    }


    /* Visual */

    .aerospace-visual {
        width: 100%;

        height: 350px;

        margin-bottom: 50px;
    }


    .aero-image-box {
        left: 15px;
        top: 20px;

        width: calc(100% - 45px);

        height: 300px;
    }


    .aero-orbit {
        right: -5px;
        top: -5px;

        width: 110px;
        height: 110px;
    }


    .aero-orbit::before {
        inset: 12px;
    }


    .aero-wing-shape {
        width: 180px;
        height: 60px;

        left: -10px;
        bottom: 15px;
    }


    .aero-flight-line {
        width: 150px;
    }


    .aero-tech-line-1 {
        width: 55px;
    }


    .aero-tech-line-2 {
        width: 50px;
    }


    /* Content */

    .aerospace-content {
        width: 100%;

        padding-left: 0;
    }


    .aero-label {
        font-size: 10px;

        letter-spacing: 2px;
    }


    .aerospace-content h2 {
        font-size: 31px;

        line-height: 1.1;

        letter-spacing: -.8px;
    }


    .aero-title-line {
        margin: 20px 0 23px;
    }


    .aerospace-content p {
        font-size: 14px;

        line-height: 1.8;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .aerospace-journey {
        padding: 50px 15px;
    }


    .aerospace-visual {
        height: 295px;
    }


    .aero-image-box {
        height: 250px;
    }


    .aero-orbit {
        width: 85px;
        height: 85px;
    }


    .aerospace-content h2 {
        font-size: 27px;
    }


    .aerospace-content p {
        font-size: 13.5px;
    }

}






/*--new aerospace points css--*/


/* =========================================================
   MANUFACTURING SECTION
========================================================= */

.manufacturing-section {
    position: relative;
    overflow: hidden;

    padding: 70px 0;

    background: #ffffff;
}


/* =========================================================
   SUBTLE BLUEPRINT BACKGROUND
========================================================= */

.manufacturing-bg {
    position: absolute;
    inset: 0;

    opacity: .45;

    background-image:
        linear-gradient(
            rgba(53, 159, 194, .035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(53, 159, 194, .035) 1px,
            transparent 1px
        );

    background-size: 55px 55px;

    pointer-events: none;
}


/* =========================================================
   TECHNICAL CIRCLE
========================================================= */

.manufacturing-section::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    right: -390px;
    top: 80px;

    border: 1px solid rgba(52, 169, 207, .08);

    border-radius: 50%;

    box-shadow:
        0 0 0 60px rgba(52, 169, 207, .015),
        0 0 0 120px rgba(52, 169, 207, .01);

    pointer-events: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.manufacturing-container {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 1240px;

    margin: 0 auto;
}


/* =========================================================
   CAPABILITIES HEADER
========================================================= */

.capabilities-header {
    max-width: 780px;

    margin-bottom: 42px;
}


.capabilities-label {
    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 15px;

    color: #39a9d0;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3.5px;

    text-transform: uppercase;
}


.capabilities-label .label-line {
    width: 34px;
    height: 2px;

    background: #dd3540;

    flex-shrink: 0;
}


.capabilities-header h2 {
    margin: 0;

    color: #243d69;

    font-size: 40px;

    line-height: 1.04;

    font-weight: 300;

    letter-spacing: -1.8px;
}


.capabilities-header h2 strong {
    display: block;

    color: #40b6d9;

    font-weight: 800;
}


/* =========================================================
   HEADING TECHNICAL LINE
========================================================= */

.capabilities-heading-line {
    display: flex;

    align-items: center;

    gap: 8px;

    margin-top: 23px;
}


.capabilities-heading-line i {
    display: block;

    width: 42px;
    height: 3px;

    background: #dd3540;
}


.capabilities-heading-line b {
    display: block;

    width: 100px;
    height: 1px;

    background: #d2e5eb;
}


/* =========================================================
   CAPABILITY GRID
========================================================= */

.capabilities-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 15px;

    margin-bottom: 105px;
}


/* =========================================================
   CAPABILITY CARD
========================================================= */

.capability-card {
    position: relative;

    min-height: 155px;

    padding: 26px 25px 23px;

    overflow: hidden;

    background: rgba(247, 252, 254, .9);

    border: 1px solid #e1eef3;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* Technical top line */

.capability-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 0;
    height: 3px;

    background: #42b8db;

    transition: width .35s ease;
}


/* Bottom technical corner */

.capability-card::after {
    content: "";

    position: absolute;

    right: -1px;
    bottom: -1px;

    width: 28px;
    height: 28px;

    border-right: 1px solid #63c3df;
    border-bottom: 1px solid #63c3df;

    opacity: .5;

    transition:
        width .3s ease,
        height .3s ease;
}


.capability-card:hover {
    transform: translateY(-5px);

    border-color: #b9dce7;

    box-shadow:
        0 18px 40px rgba(35, 103, 127, .09);
}


.capability-card:hover::before {
    width: 70px;
}


.capability-card:hover::after {
    width: 40px;
    height: 40px;
}


/* =========================================================
   CARD TOP
========================================================= */

.capability-top {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 21px;
}


/* Technical circle */

.capability-icon {
    position: relative;

    flex-shrink: 0;

    width: 30px;
    height: 30px;

    border: 1px solid #55b9d7;

    border-radius: 50%;
}


.capability-icon::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 9px;
    height: 9px;

    transform: translate(-50%, -50%);

    border: 2px solid #55b9d7;

    border-radius: 50%;
}


.capability-icon::after {
    content: "";

    position: absolute;

    left: -6px;
    top: 14px;

    width: 40px;
    height: 1px;

    background: #55b9d7;

    opacity: .3;
}


/* Small line */

.capability-line {
    width: 45px;
    height: 1px;

    background: #d6e9ef;
}


/* =========================================================
   CARD NUMBER
========================================================= */

.capability-number {
    position: absolute;

    top: 18px;
    right: 20px;

    color: #c6e3eb;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


/* =========================================================
   CARD TEXT
========================================================= */

.capability-card h3 {
    position: relative;

    z-index: 2;

    margin: 0;

    max-width: 92%;

    color: #344e65;

    font-size: 14px;

    line-height: 1.55;

    font-weight: 600;
}


/* =========================================================
   WIDE CARD
========================================================= */

.capability-wide {
    grid-column: span 3;

    min-height: 125px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-right: 100px;
}


.capability-wide .capability-top {
    margin-bottom: 13px;
}


.capability-wide h3 {
    max-width: 100%;
}


/* =========================================================
   TECHNOLOGY SECTION
========================================================= */

.technology-section {
    position: relative;

    display: grid;

    grid-template-columns: 40% 60%;

    gap: 65px;

    padding: 68px 65px;

    background:
        linear-gradient(
            135deg,
            #eef9fc 0%,
            #f8fcfd 100%
        );

    border: 1px solid #dceef3;

    box-shadow:
        0 18px 50px rgba(39, 104, 125, .055);
}


/* Top technical line */

.technology-section::before {
    content: "";

    position: absolute;

    left: -1px;
    top: -1px;

    width: 75px;
    height: 4px;

    background: #42b8db;
}


/* Right corner */

.technology-section::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 70px;
    height: 70px;

    border-right: 1px solid #61c1dd;
    border-bottom: 1px solid #61c1dd;

    opacity: .45;
}


/* =========================================================
   TECHNOLOGY INTRO
========================================================= */

.technology-label {
    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 19px;

    color: #39a9d0;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3px;
}


.technology-label .label-line {
    width: 30px;
    height: 2px;

    background: #dd3540;

    flex-shrink: 0;
}


.technology-intro h2 {
    margin: 0;

    color: #687984;

    font-size: 25px;

    line-height: 1.48;

    font-weight: 400;
}


.technology-intro h2 strong {
    display: block;

    color: #243d69;

    font-weight: 700;
}


/* =========================================================
   TECHNOLOGY LIST
========================================================= */

.technology-list {
    border-top: 1px solid #d4e7ed;
}


/* =========================================================
   TECHNOLOGY ITEM
========================================================= */

.technology-item {
    position: relative;

    display: grid;

    grid-template-columns: 62px 1fr;

    align-items: center;

    min-height: 94px;

    border-bottom: 1px solid #d4e7ed;

    transition:
        padding .3s ease,
        background .3s ease;
}


.technology-item:hover {
    padding-left: 8px;

    background: rgba(255, 255, 255, .45);
}


/* =========================================================
   TECHNOLOGY NUMBER
========================================================= */

.technology-index {
    align-self: stretch;

    display: flex;

    flex-direction: column;

    justify-content: center;

    color: #45afd2;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.technology-index::after {
    content: "";

    display: block;

    width: 18px;
    height: 1px;

    margin-top: 7px;

    background: #dd3540;
}


/* =========================================================
   TECHNOLOGY CONTENT
========================================================= */

.technology-content h3 {
    margin: 0;

    padding-right: 15px;

    color: #40596a;

    font-size: 14px;

    line-height: 1.6;

    font-weight: 600;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .manufacturing-section {
        padding: 90px 25px;
    }


    .capabilities-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    .capability-wide {
        grid-column: span 2;
    }


    .technology-section {
        grid-template-columns: 1fr;

        gap: 42px;

        padding: 55px 45px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .manufacturing-section {
        padding: 70px 18px;
    }


    /* Header */

    .capabilities-header {
        margin-bottom: 30px;
    }


    .capabilities-label {
        font-size: 9px;

        letter-spacing: 2.5px;
    }


    .capabilities-header h2 {
        font-size: 32px;

        letter-spacing: -.8px;
    }


    /* Cards */

    .capabilities-grid {
        grid-template-columns: 1fr;

        gap: 12px;

        margin-bottom: 70px;
    }


    .capability-card,
    .capability-wide {
        grid-column: span 1;

        min-height: 125px;

        padding: 24px 21px;
    }


    .capability-wide {
        display: block;

        padding-right: 21px;
    }


    .capability-top {
        margin-bottom: 18px;
    }


    .capability-card h3 {
        font-size: 13.5px;

        line-height: 1.55;
    }


    /* Technology */

    .technology-section {
        display: block;

        padding: 42px 22px;
    }


    .technology-intro {
        margin-bottom: 35px;
    }


    .technology-intro h2 {
        font-size: 20px;

        line-height: 1.5;
    }


    .technology-item {
        grid-template-columns: 48px 1fr;

        min-height: 100px;
    }


    .technology-content h3 {
        font-size: 13px;

        line-height: 1.6;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .manufacturing-section {
        padding: 55px 15px;
    }


    .capabilities-header h2 {
        font-size: 28px;
    }


    .capability-card,
    .capability-wide {
        min-height: 115px;

        padding: 21px 19px;
    }


    .capability-card h3 {
        font-size: 13px;
    }


    .technology-section {
        padding: 36px 18px;
    }


    .technology-intro h2 {
        font-size: 18px;
    }


    .technology-item {
        grid-template-columns: 42px 1fr;

        min-height: 95px;
    }


    .technology-content h3 {
        font-size: 12.5px;
    }


    .technology-section::after {
        width: 45px;
        height: 45px;
    }

}


/*--industry new css--*/

/* =========================================
   AEROSPACE CONTENT SECTION
========================================= */

.sa-aerospace-section {
    width: 100%;
    background: #f4f7fc;
    padding: 10px 0 20px;
}


/* =========================================
   CONTENT
========================================= */

.sa-aerospace-content {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 45px 20px 55px;
    color: #4b5563;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================
   HEADINGS
========================================= */

.sa-aerospace-content h2 {
    position: relative;
    margin: 0 0 22px;
    padding-bottom: 14px;
    color: #273b85;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.sa-aerospace-content h2:not(:first-child) {
    margin-top: 48px;
}

.sa-aerospace-content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 58px;
    height: 4px;
    border-radius: 10px;
    background: #d52b35;
}

.sa-aerospace-content h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 115px;
    height: 1px;
    background: #dfe3ed;
}


/* =========================================
   PARAGRAPHS
========================================= */

.sa-aerospace-content p {
    margin: 0 0 22px;
    color: #555f70;
    font-size: 16px;
    line-height: 1.85;
}

.sa-aerospace-content p strong {
    color: #273b85;
    font-weight: 700;
}


/* =========================================
   TABLE
========================================= */

.sa-aerospace-content table {
    width: 100%;
    min-width: 650px;
    margin: 30px 0 35px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e1e5ed;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(39, 59, 133, 0.07);
}

.sa-aerospace-content table thead th {
    padding: 17px 22px;
    background: #273b85;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    border: 0;
}

.sa-aerospace-content table tbody td {
    padding: 17px 22px;
    color: #555f70;
    font-size: 15px;
    line-height: 1.65;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecf2;
    background: #ffffff;
}

.sa-aerospace-content table tbody tr:last-child td {
    border-bottom: 0;
}

.sa-aerospace-content table tbody td:first-child {
    width: 28%;
    color: #273b85;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
}

.sa-aerospace-content table tbody td:first-child::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d52b35;
    transform: translateY(-50%);
}

.sa-aerospace-content table tbody tr {
    transition: all 0.25s ease;
}

.sa-aerospace-content table tbody tr:hover td {
    background: #f7f9fd;
}


/* =========================================
   FUTURE UL / LI
========================================= */

.sa-aerospace-content ul {
    margin: 10px 0 25px;
    padding: 0;
    list-style: none;
}

.sa-aerospace-content ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 28px;
    color: #555f70;
    line-height: 1.75;
}

.sa-aerospace-content ul li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 3px;
    color: #d52b35;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
}

.sa-aerospace-content ul li strong {
    color: #273b85;
}


/* =========================================
   TABLE RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .sa-aerospace-section {
        padding: 5px 0 10px;
    }

    .sa-aerospace-content {
        padding: 30px 15px 40px;
        font-size: 15px;
    }

    .sa-aerospace-content h2 {
        font-size: 24px;
        line-height: 1.35;
        margin-bottom: 18px;
        padding-bottom: 12px;
    }

    .sa-aerospace-content h2:not(:first-child) {
        margin-top: 38px;
    }

    .sa-aerospace-content p {
        font-size: 15px;
        line-height: 1.75;
        margin-bottom: 18px;
    }

    .sa-aerospace-content table {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 25px 0 30px;
    }

    .sa-aerospace-content table thead th,
    .sa-aerospace-content table tbody td {
        padding: 14px 16px;
        font-size: 14px;
        white-space: nowrap;
    }

    .sa-aerospace-content table tbody td:first-child {
        padding-left: 25px;
    }

    .sa-aerospace-content table tbody td:first-child::before {
        left: 11px;
    }

    .sa-aerospace-content ul li {
        padding-left: 25px;
        font-size: 15px;
    }
}


@media (max-width: 480px) {

    .sa-aerospace-content {
        padding: 25px 12px 35px;
    }

    .sa-aerospace-content h2 {
        font-size: 22px;
    }

    .sa-aerospace-content p {
        font-size: 14.5px;
    }

    .sa-aerospace-content table thead th,
    .sa-aerospace-content table tbody td {
        padding: 13px 14px;
        font-size: 13.5px;
    }
}


/*--new section css industry--*/


.capabilities-section {
    width: 100%;
    padding: 70px 0px;
   background: #f8f7f3;
    position: relative;
    overflow: hidden;
}

.capabilities-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(10, 61, 145, 0.035);
    top: -180px;
    right: -150px;
}

.capabilities-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(215, 25, 32, 0.025);
    bottom: -150px;
    left: -120px;
}

.capabilities-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


/* HEADER */

.capabilities-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.capabilities-label {
    display: inline-block;
    color: #d71920;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.capabilities-header h2 {
    margin: 0 0 18px;
    color: #0A3D91;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
}

.capabilities-header h2::after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    background: #d71920;
    border-radius: 10px;
    margin: 18px auto 0;
}

.capabilities-header p {
    margin: 0;
    color: #637187;
    font-size: 16px;
    line-height: 1.8;
}


/* GRID */

.capabilities-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 65px;
}


/* CARD */

.capability-card {
    background: #ffffff;
    border: 1px solid #e2eaf4;
    border-radius: 16px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(10, 61, 145, 0.055);
    transition: all 0.35s ease;
}

.capability-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #d71920;
    transition: height 0.35s ease;
}

.capability-card:hover {
    transform: translateY(-7px);
    border-color: #d6e1f0;
    box-shadow: 0 18px 40px rgba(10, 61, 145, 0.12);
}

.capability-card:hover::before {
    height: 100%;
}


/* CARD TOP */

.capability-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.capability-icon {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf3fb;
    color: #0A3D91;
    font-size: 24px;
    font-weight: 700;
    transition: all 0.35s ease;
}

.capability-card:hover .capability-icon {
    background: #0A3D91;
    color: #ffffff;
}

.capability-number {
    color: #d9e2ef;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}


/* CARD CONTENT */

.capability-card h3 {
    margin: 0 0 12px;
    color: #0A3D91;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
}

.capability-card p {
    margin: 0;
    color: #68768a;
    font-size: 15px;
    line-height: 1.8;
}

.capability-line {
    width: 38px;
    height: 3px;
    background: #d71920;
    border-radius: 10px;
    margin-top: 23px;
    transition: width 0.35s ease;
}

.capability-card:hover .capability-line {
    width: 70px;
}


/* APPLICATIONS */

.applications-wrapper {
    background: #2866B5;
    border-radius: 20px;
    padding: 48px 50px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 20px 45px rgba(10, 61, 145, 0.18);
    color: #fff;
    margin-top: 40px;
}

.applications-wrapper::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 75px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #d71920;
    border-radius: 0 5px 5px 0;
}

.applications-content {
    max-width: 850px;
    position: relative;
    z-index: 2;
}

.applications-label {
    display: inline-block;
    color: #aebfdd;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.applications-content h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}

.applications-content p {
    margin: 0 0 25px;
    color: #dbe5f5;
    font-size: 15px;
    line-height: 1.75;
}

.applications-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.applications-content li {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.4;
    padding: 10px 15px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all 0.3s ease;
}

.bn-snjjjd ul li{
  color: #fff !important;
}

.applications-content li::before {
    content: "✓";
    color: #ffffff;
    font-weight: 700;
    margin-right: 7px;
}

.applications-content li:hover {
    background: #d71920;
    border-color: #d71920;
    transform: translateY(-2px);
}


/* DECORATION */

.applications-decoration {
    width: 180px;
    height: 180px;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.9;
}

.applications-decoration div {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.applications-decoration div:nth-child(1) {
    width: 180px;
    height: 180px;
    right: 0;
    top: 0;
}

.applications-decoration div:nth-child(2) {
    width: 120px;
    height: 120px;
    right: 30px;
    top: 30px;
}

.applications-decoration div:nth-child(3) {
    width: 60px;
    height: 60px;
    right: 60px;
    top: 60px;
    background: rgba(215, 25, 32, 0.18);
    border-color: rgba(215, 25, 32, 0.35);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .capabilities-section {
        padding: 70px 20px;
    }

    .capabilities-header h2 {
        font-size: 36px;
    }

    .capabilities-grid {
        gap: 18px;
    }

    .capability-card {
        padding: 25px;
    }

    .applications-wrapper {
        padding: 40px;
    }

    .applications-decoration {
        opacity: 0.35;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .capabilities-section {
        padding: 55px 15px;
    }

    .capabilities-header {
        margin-bottom: 35px;
    }

    .capabilities-label {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .capabilities-header h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .capabilities-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .capabilities-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 45px;
    }

    .capability-card {
        padding: 23px;
        border-radius: 13px;
    }

    .capability-card-top {
        margin-bottom: 18px;
    }

    .capability-icon {
        width: 48px;
        height: 48px;
        font-size: 21px;
    }

    .capability-number {
        font-size: 28px;
    }

    .capability-card h3 {
        font-size: 19px;
    }

    .capability-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    .capability-line {
        margin-top: 18px;
    }


    /* APPLICATION MOBILE */

    .applications-wrapper {
        padding: 30px 24px;
        border-radius: 15px;
        display: block;
    }

    .applications-wrapper::before {
        width: 4px;
        height: 55px;
    }

    .applications-content {
        max-width: 100%;
    }

    .applications-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .applications-content h2 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .applications-content p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 22px;
    }

    .applications-content ul {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .applications-content li {
        width: 100%;
        box-sizing: border-box;
        font-size: 13px;
        padding: 10px 13px;
        border-radius: 8px;
    }

    .applications-decoration {
        display: none;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .capabilities-section {
        padding: 45px 12px;
    }

    .capabilities-header h2 {
        font-size: 27px;
    }

    .capabilities-header p {
        font-size: 13px;
    }

    .capability-card {
        padding: 20px;
    }

    .capability-card h3 {
        font-size: 18px;
    }

    .capability-card p {
        font-size: 13px;
    }

    .applications-wrapper {
        padding: 27px 20px;
    }

    .applications-content h2 {
        font-size: 25px;
    }

    .applications-content p {
        font-size: 13px;
    }

    .applications-content li {
        font-size: 12px;
        padding: 9px 11px;
    }
}


/*--mission vission css--*/


.vision-mission-section {
    width: 100%;
    padding: 70px 0px;
    background: #f8f7f3;
    position: relative;
    overflow: hidden;
}

.vision-mission-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(10, 61, 145, 0.035);
    top: -220px;
    left: -180px;
}

.vision-mission-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(215, 25, 32, 0.025);
    right: -180px;
    bottom: -180px;
}

.vision-mission-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


/* =========================================
   HEADER
========================================= */

.vision-mission-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.vision-mission-label {
    display: inline-block;
    color: #d71920;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.vision-mission-header h2 {
    margin: 0 0 18px;
    color: #0A3D91;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
}

.vision-mission-header h2::after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    background: #d71920;
    border-radius: 10px;
    margin: 18px auto 0;
}

.vision-mission-header p {
    margin: 0;
    color: #68768a;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   GRID
========================================= */

.vision-mission-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}


/* =========================================
   CARD
========================================= */

.vision-mission-card {
    background: #ffffff;
    border: 1px solid #e5e6e7;
    border-radius: 18px;
    padding: 35px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(20, 40, 70, 0.07);
    transition: all 0.35s ease;
}

.vision-mission-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 45px rgba(10, 61, 145, 0.12);
}


/* =========================================
   CARD TOP
========================================= */

.vision-mission-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.vision-mission-icon {
    width: 62px;
    height: 62px;
    border-radius: 14px;
    background: #edf3fb;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.vision-mission-number {
    color: #e2e6eb;
    font-size: 38px;
    line-height: 1;
    font-weight: 700;
}


/* =========================================
   VISION ICON
========================================= */

.vision-icon-shape {
    width: 27px;
    height: 17px;
    border: 3px solid #0A3D91;
    border-radius: 70% 0 70% 0;
    transform: rotate(-45deg);
    position: relative;
}

.vision-icon-shape::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #d71920;
    border-radius: 50%;
    left: 7px;
    top: 2px;
}


/* =========================================
   MISSION ICON
========================================= */

.mission-icon-shape {
    width: 27px;
    height: 27px;
    border: 3px solid #0A3D91;
    border-radius: 50%;
    position: relative;
}

.mission-icon-shape::before {
    content: "";
    position: absolute;
    width: 13px;
    height: 3px;
    background: #d71920;
    top: 9px;
    left: 4px;
    transform: rotate(-45deg);
}

.mission-icon-shape::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-right: 3px solid #d71920;
    border-top: 3px solid #d71920;
    top: 5px;
    right: 1px;
}


/* =========================================
   CARD CONTENT
========================================= */

.vision-mission-title {
    color: #d71920;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.vision-mission-card h3 {
    margin: 0 0 18px;
    color: #0A3D91;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 700;
}

.vision-mission-card p {
    margin: 0;
    color: #68768a;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================
   BOTTOM ACCENT
========================================= */

.vision-mission-accent {
    width: 45px;
    height: 4px;
    background: #d71920;
    border-radius: 10px;
    margin-top: 28px;
    transition: width 0.35s ease;
}

.vision-mission-card:hover .vision-mission-accent {
    width: 85px;
}


/* =========================================
   DIFFERENT CARD ACCENT
========================================= */

.mission-card {
    border-top: 3px solid #0A3D91;
}

.vision-card {
    border-top: 3px solid #d71920;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .vision-mission-section {
        padding: 70px 20px;
    }

    .vision-mission-header h2 {
        font-size: 36px;
    }

    .vision-mission-card {
        padding: 28px;
    }

    .vision-mission-card h3 {
        font-size: 21px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .vision-mission-section {
        padding: 55px 15px;
    }

    .vision-mission-header {
        margin-bottom: 35px;
    }

    .vision-mission-label {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .vision-mission-header h2 {
        font-size: 30px;
    }

    .vision-mission-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .vision-mission-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .vision-mission-card {
        padding: 24px;
        border-radius: 14px;
    }

    .vision-mission-card-top {
        margin-bottom: 23px;
    }

    .vision-mission-icon {
        width: 52px;
        height: 52px;
    }

    .vision-mission-number {
        font-size: 30px;
    }

    .vision-mission-title {
        font-size: 11px;
    }

    .vision-mission-card h3 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .vision-mission-card p {
        font-size: 14px;
        line-height: 1.75;
    }

    .vision-mission-accent {
        margin-top: 22px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .vision-mission-section {
        padding: 45px 12px;
    }

    .vision-mission-header h2 {
        font-size: 27px;
    }

    .vision-mission-header p {
        font-size: 13px;
    }

    .vision-mission-card {
        padding: 21px;
    }

    .vision-mission-card h3 {
        font-size: 18px;
    }

    .vision-mission-card p {
        font-size: 13px;
        line-height: 1.7;
    }
}

/*--core value css--*/


.core-values-section {
    width: 100%;
    padding: 75px 20px;
    background: #eef2f6;
    position: relative;
    overflow: hidden;
}

.core-values-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


/* HEADING */

.core-values-container > h2 {
    color: #0A3D91;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    margin: 0 0 42px;
}

.core-values-container > h2::after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    background: #d71920;
    border-radius: 10px;
    margin: 15px auto 0;
}


/* TAG WRAPPER */

.core-values-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    max-width: 1000px;
    margin: 0 auto;
}


/* TAG */

.core-value-tag {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-height: 52px;
    padding: 7px 22px 7px 8px;
    background: #ffffff;
    border: 1px solid #dce3ed;
    border-radius: 50px;
    box-shadow: 0 6px 20px rgba(10, 61, 145, 0.06);
    transition: all 0.3s ease;
    cursor: default;
}

.core-value-tag:hover {
    background: #0A3D91;
    border-color: #0A3D91;
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(10, 61, 145, 0.16);
}


/* NUMBER */

.core-value-tag-number {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #edf3fb;
    color: #0A3D91;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.core-value-tag:hover .core-value-tag-number {
    background: #d71920;
    color: #ffffff;
}


/* TEXT */

.core-value-tag-text {
    color: #0A3D91;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.core-value-tag:hover .core-value-tag-text {
    color: #ffffff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .core-values-section {
        padding: 65px 20px;
    }

    .core-values-container > h2 {
        font-size: 36px;
        margin-bottom: 35px;
    }

    .core-values-tags {
        gap: 12px;
    }

    .core-value-tag {
        padding-right: 18px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .core-values-section {
        padding: 50px 15px;
    }

    .core-values-container > h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .core-values-tags {
        gap: 10px;
    }

    .core-value-tag {
        min-height: 48px;
        padding: 6px 16px 6px 6px;
        gap: 9px;
    }

    .core-value-tag-number {
        width: 35px;
        height: 35px;
        font-size: 11px;
    }

    .core-value-tag-text {
        font-size: 13px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .core-values-section {
        padding: 42px 12px;
    }

    .core-values-container > h2 {
        font-size: 27px;
    }

    .core-values-tags {
        gap: 9px;
    }

    .core-value-tag {
        min-height: 45px;
        padding: 5px 13px 5px 5px;
    }

    .core-value-tag-number {
        width: 33px;
        height: 33px;
    }

    .core-value-tag-text {
        font-size: 12px;
    }
}


/*--about us single image css--*/

/* =========================================
   SAN AERO FACTORY HIGHLIGHT
========================================= */

.san-aero-factory-highlight {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #07131f;
}

.san-aero-factory-image {
    width: 100%;
    height: 580px;
    position: relative;
    overflow: hidden;
}

.san-aero-factory-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 1.2s ease;
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.san-aero-factory-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(3, 15, 27, 0.72) 0%,
            rgba(3, 15, 27, 0.35) 30%,
            rgba(3, 15, 27, 0.05) 65%,
            rgba(3, 15, 27, 0.12) 100%
        );

    pointer-events: none;
}


/* Bottom subtle dark gradient */

.san-aero-factory-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48%;

    background: linear-gradient(
        to top,
        rgba(2, 13, 24, 0.72),
        rgba(2, 13, 24, 0)
    );

    z-index: 1;
    pointer-events: none;
}


/* =========================================
   CONTENT
========================================= */

.san-aero-factory-content {
    position: absolute;
    left: 7%;
    bottom: 70px;
    z-index: 2;

    max-width: 520px;
}

.san-aero-factory-line {
    display: block;
    width: 65px;
    height: 4px;

    background: #ffffff;

    margin-bottom: 22px;

    position: relative;
}

.san-aero-factory-line::after {
    content: "";
    position: absolute;
    left: 75px;
    top: 0;

    width: 25px;
    height: 4px;

    background: rgba(255, 255, 255, 0.35);
}


.san-aero-factory-content h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(38px, 4.2vw, 55px);
    line-height: 1.08;

    font-weight: 600;
    letter-spacing: -1.5px;

    max-width: 650px;
}


/* =========================================
   IMAGE HOVER
========================================= */

.san-aero-factory-highlight:hover
.san-aero-factory-image img {
    transform: scale(1.025);
}


/* =========================================
   LARGE SCREEN
========================================= */

@media (min-width: 1600px) {

    .san-aero-factory-image {
        height: 750px;
    }

    .san-aero-factory-content {
        left: 8%;
        bottom: 85px;
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .san-aero-factory-image {
        height: 560px;
    }

    .san-aero-factory-content {
        left: 6%;
        bottom: 55px;

        max-width: 550px;
    }

    .san-aero-factory-content h2 {
        font-size: 46px;
    }

    .san-aero-factory-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(3, 15, 27, 0.68),
                rgba(3, 15, 27, 0.12)
            );
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .san-aero-factory-image {
        height: 500px;
    }

    .san-aero-factory-image img {
        object-position: center;
    }

    .san-aero-factory-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(3, 15, 27, 0.58),
                rgba(3, 15, 27, 0.18)
            );
    }

    .san-aero-factory-image::after {
        height: 60%;
    }

    .san-aero-factory-content {
        left: 25px;
        right: 25px;
        bottom: 40px;

        max-width: none;
    }

    .san-aero-factory-line {
        width: 48px;
        height: 3px;
        margin-bottom: 17px;
    }

    .san-aero-factory-line::after {
        left: 58px;
        height: 3px;
        width: 20px;
    }

    .san-aero-factory-content h2 {
        font-size: 34px;
        line-height: 1.12;
        letter-spacing: -0.7px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .san-aero-factory-image {
        height: 430px;
    }

    .san-aero-factory-content {
        left: 20px;
        right: 20px;
        bottom: 30px;
    }

    .san-aero-factory-content h2 {
        font-size: 30px;
    }
}


/*--three points section home page css--*/



/* =========================================================
   SAN AEROSPACE PREMIUM ENGINEERING SECTION
========================================================= */

.sae-premium-engineering {
    position: relative;
    width: 100%;
    min-height: 780px;
    padding: 115px 0 95px;
    overflow: hidden;
    background: #06131e;
    isolation: isolate;
}


/* =========================================================
   BACKGROUND IMAGE
========================================================= */

.sae-engineering-backdrop {
    position: absolute;
    inset: 0;
    z-index: -4;

    background-image: url("../img/bac-2.jpg");
    background-size: cover;
    background-position: center center;

    filter: saturate(0.55) contrast(1.05);
}


/* =========================================================
   MAIN DARK OVERLAY
========================================================= */

.sae-engineering-backdrop::before {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(2, 10, 17, 0.96) 0%,
        rgba(3, 15, 25, 0.91) 42%,
        rgba(3, 16, 27, 0.82) 100%
    );
}


/* =========================================================
   BLUE ATMOSPHERE
========================================================= */

.sae-engineering-backdrop::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 80% 25%,
            rgba(55, 157, 214, 0.18),
            transparent 32%
        ),
        radial-gradient(
            circle at 15% 85%,
            rgba(31, 108, 154, 0.10),
            transparent 30%
        );
}


/* =========================================================
   BLUEPRINT GRID
========================================================= */

.sae-blueprint-grid {
    position: absolute;

    width: 800px;
    height: 800px;

    right: -250px;
    top: -260px;

    z-index: -2;

    opacity: 0.08;
    border-radius: 50%;

    background: repeating-radial-gradient(
        circle,
        transparent 0,
        transparent 47px,
        rgba(150, 215, 244, 0.55) 48px,
        transparent 49px
    );
}


/* =========================================================
   CONTAINER
========================================================= */

.sae-engineering-container {
    position: relative;
    z-index: 3;

    width: min(1400px, calc(100% - 80px));
    margin: 0 auto;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.sae-engineering-heading {
    max-width: 950px;

    margin: 0 auto 65px;

    text-align: center;
}


/* =========================================================
   HEADING LABEL
========================================================= */

.sae-heading-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #8bd7ff;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 1;

    text-transform: uppercase;
}


/* LABEL LINE */

.sae-heading-label > i {
    display: block;

    width: 38px;
    height: 1px;

    flex-shrink: 0;

    background: #8bd7ff;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.sae-engineering-heading h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.02;

    font-weight: 600;
    letter-spacing: -2px;
}


/* HEADING ACCENT */

.sae-engineering-heading h2 em {
    color: #79c9f0;
    font-style: normal;
}


/* =========================================================
   HEADING DESCRIPTION
========================================================= */

.sae-engineering-heading p {
    max-width: 650px;

    margin: 22px auto 0;

    color: rgba(255, 255, 255, 0.65);

    font-size: 16px;
    line-height: 1.7;
}


/* =========================================================
   CARD GRID
========================================================= */

.sae-engineering-cards {
    display: grid;

    grid-template-columns: repeat(
        3,
        minmax(0, 1fr)
    );

    gap: 22px;
}


/* =========================================================
   ENGINEERING CARD
========================================================= */

.sae-engineering-card {
    position: relative;

    min-height: 485px;

    padding: 31px 32px 36px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.20);

    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.075),
        rgba(255, 255, 255, 0.025)
    );

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    transition:
        transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
        border-color 0.45s ease,
        background 0.45s ease,
        box-shadow 0.45s ease;
}


/* =========================================================
   CARD TOP LIGHT
========================================================= */

.sae-engineering-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(111, 203, 247, 0.9),
        transparent
    );

    opacity: 0.55;

    transition: opacity 0.4s ease;
}


/* =========================================================
   CARD DECORATIVE CIRCLE
========================================================= */

.sae-engineering-card::after {
    content: "";

    position: absolute;

    right: -145px;
    bottom: -145px;

    width: 250px;
    height: 250px;

    border: 1px solid rgba(116, 202, 239, 0.13);
    border-radius: 50%;

    box-shadow:
        0 0 0 35px rgba(116, 202, 239, 0.025),
        0 0 0 70px rgba(116, 202, 239, 0.018);

    transition: transform 0.6s ease;
}


/* =========================================================
   FEATURED CARD
========================================================= */

.sae-card-featured {
    border-color: rgba(112, 199, 239, 0.34);

    background: linear-gradient(
        145deg,
        rgba(75, 158, 201, 0.13),
        rgba(255, 255, 255, 0.035)
    );
}


/* =========================================================
   CARD HOVER
========================================================= */

.sae-engineering-card:hover {
    transform: translateY(-10px);

    border-color: rgba(115, 204, 246, 0.58);

    background: linear-gradient(
        145deg,
        rgba(70, 151, 195, 0.14),
        rgba(255, 255, 255, 0.055)
    );

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.30);
}


.sae-engineering-card:hover::before {
    opacity: 1;
}


.sae-engineering-card:hover::after {
    transform: scale(1.12);
}


/* =========================================================
   CARD NUMBER
========================================================= */

.sae-card-number {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-bottom: 35px;
}


/* NUMBER */

.sae-card-number > div {
    color: rgba(255, 255, 255, 0.90);

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
}


/* NUMBER LINE */

.sae-card-number b {
    display: block;

    width: 48px;
    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.55),
        transparent
    );
}


/* =========================================================
   CARD ICON
   FONT AWESOME 5 FREE
========================================================= */

.sae-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 70px;
    height: 70px;

    margin-bottom: 30px;

    color: #86d6fa;

    border: 1px solid rgba(131, 211, 247, 0.38);
    border-radius: 50%;

    background: rgba(90, 175, 220, 0.055);

    transition:
        transform 0.45s ease,
        background 0.45s ease,
        border-color 0.45s ease;
}


/* FONT AWESOME ICON */

.sae-card-icon i {
    display: inline-block;

    color: #86d6fa;

    font-family: "Font Awesome 5 Free";

    font-size: 30px;
    font-style: normal;
    font-weight: 900;

    line-height: 1;

    transition:
        color 0.45s ease,
        transform 0.45s ease;
}


/* =========================================================
   ICON HOVER
========================================================= */

.sae-engineering-card:hover .sae-card-icon {
    transform: rotate(8deg) scale(1.07);

    border-color: rgba(134, 214, 250, 0.75);

    background: rgba(80, 170, 220, 0.12);
}


.sae-engineering-card:hover .sae-card-icon i {
    color: #a6e4ff;
}


/* =========================================================
   CARD BODY
========================================================= */

.sae-card-body {
    position: relative;

    z-index: 3;
}


/* =========================================================
   CARD CATEGORY
========================================================= */

.sae-card-category {
    display: block;

    margin-bottom: 13px;

    color: #7bcaf1;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 2.5px;

    line-height: 1.4;

    text-transform: uppercase;
}


/* =========================================================
   CARD TITLE
========================================================= */

.sae-card-body h3 {
    margin: 0 0 18px;

    color: #ffffff;

    font-size: 27px;
    line-height: 1.17;

    font-weight: 600;

    letter-spacing: -0.7px;
}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.sae-card-body p {
    margin: 0;

    color: rgba(255, 255, 255, 0.68);

    font-size: 15px;
    line-height: 1.72;

    font-weight: 400;
}


/* =========================================================
   CARD CORNER DETAIL
========================================================= */

.sae-card-corner {
    position: absolute;

    top: 0;
    right: 0;

    width: 34px;
    height: 34px;

    border-left: 1px solid rgba(123, 202, 241, 0.25);
    border-bottom: 1px solid rgba(123, 202, 241, 0.25);
}


/* CORNER DOT */

.sae-card-corner::after {
    content: "";

    position: absolute;

    top: 8px;
    right: 8px;

    width: 7px;
    height: 7px;

    border: 1px solid rgba(123, 202, 241, 0.55);
    border-radius: 50%;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1500px) {

    .sae-premium-engineering {
        padding-top: 130px;
        padding-bottom: 110px;
    }


    .sae-engineering-container {
        width: min(
            1450px,
            calc(100% - 100px)
        );
    }


    .sae-engineering-cards {
        gap: 26px;
    }


    .sae-engineering-card {
        min-height: 510px;

        padding: 36px 38px 40px;
    }


    .sae-card-body h3 {
        font-size: 29px;
    }


    .sae-card-body p {
        font-size: 15.5px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sae-premium-engineering {
        padding: 85px 0;
    }


    .sae-engineering-container {
        width: min(
            calc(100% - 50px),
            720px
        );
    }


    .sae-engineering-heading {
        margin-bottom: 45px;
    }


    .sae-engineering-heading h2 {
        font-size: 48px;
    }


    .sae-engineering-cards {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .sae-engineering-card {
        min-height: auto;

        padding: 32px;
    }


    .sae-card-body h3 {
        font-size: 27px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .sae-premium-engineering {
        padding: 70px 0 65px;
    }


    .sae-engineering-container {
        width: calc(100% - 36px);
    }


    .sae-engineering-heading {
        margin-bottom: 38px;
    }


    .sae-heading-label {
        gap: 9px;

        font-size: 9px;
        letter-spacing: 2.5px;
    }


    .sae-heading-label > i {
        width: 24px;
    }


    .sae-engineering-heading h2 {
        font-size: 37px;
        line-height: 1.08;

        letter-spacing: -1px;
    }


    .sae-engineering-heading p {
        margin-top: 17px;

        font-size: 14px;
        line-height: 1.65;
    }


    .sae-engineering-card {
        padding: 28px 24px 30px;
    }


    .sae-card-number {
        margin-bottom: 27px;
    }


    .sae-card-icon {
        width: 62px;
        height: 62px;

        margin-bottom: 24px;
    }


    .sae-card-icon i {
        font-size: 26px;
    }


    .sae-card-body h3 {
        font-size: 23px;
        line-height: 1.2;
    }


    .sae-card-body p {
        font-size: 14px;
        line-height: 1.7;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

    .sae-engineering-heading h2 {
        font-size: 32px;
    }


    .sae-engineering-card {
        padding: 25px 20px 28px;
    }


    .sae-card-body h3 {
        font-size: 21px;
    }


    .sae-card-body p {
        font-size: 13.5px;
    }
}


/*--new global map css--*/




.global-reach-section-xk29 {
    width: 100%;
    position: relative;
    overflow: hidden;

    background: #06111c;

    padding: 55px 0 45px;

    isolation: isolate;
}


/* Background Glow */

.global-reach-section-xk29::before {
    content: "";

    position: absolute;

    width: 700px;
    height: 700px;

    right: -250px;
    top: -250px;

    background: radial-gradient(
        circle,
        rgba(36, 54, 118, 0.20) 0%,
        rgba(36, 54, 118, 0.05) 45%,
        transparent 72%
    );

    pointer-events: none;
}


/* =========================================
   CONTAINER
========================================= */

.global-reach-container-xk29 {
    width: min(1450px, calc(100% - 50px));

    min-height: 650px;

    margin: 0 auto;

    position: relative;

    display: flex;

    align-items: center;
}


/* =========================================
   LEFT CONTENT
========================================= */

.global-reach-content-xk29 {
    width: 43%;

    position: relative;

    z-index: 5;

    padding: 10px 0 25px;
}


/* =========================================
   HEADING
========================================= */

.global-reach-heading-xk29 h2 {
    margin: 0 0 4px;

    padding: 0;

    color: #ffffff;

    font-size: 30px;

    line-height: 1.15;

    font-weight: 800;

    letter-spacing: 0.3px;
}


.global-reach-heading-xk29 h1 {
    margin: 0;

    padding: 0;

    color: #1a52be;

    font-size: 38px;

    line-height: 1.03;

    font-weight: 900;

    letter-spacing: -0.5px;

    text-transform: uppercase;
}


/* =========================================
   HEADING LINE
========================================= */

.global-heading-line-xk29 {
    display: block;

    width: 50px;

    height: 3px;

    margin-top: 17px;

    background: #002c81;

    border-radius: 10px;
}


/* =========================================
   COUNTRY LIST
========================================= */

.global-country-list-xk29 {
    width: 100%;

    max-width: 430px;

    display: flex;

    gap: 11px;

    margin-top: 22px;
}


.global-country-column-xk29 {
    width: 50%;

    display: flex;

    flex-direction: column;

    gap: 7px;
}


/* =========================================
   COUNTRY BOX
========================================= */

.global-country-item-xk29 {
    width: 100%;

    min-height: 35px;

    padding: 7px 12px 7px 34px;

    display: flex;

    align-items: center;

    position: relative;

    box-sizing: border-box;

   border: 1px solid rgba(255, 255, 255, 0.8);

    border-radius: 5px;

    background: rgba(4, 17, 28, 0.60);

    transition: all 0.3s ease;
}


/* =========================================
   COUNTRY LOCATION ICON
========================================= */

.global-country-item-xk29::before {
    content: "\f3c5";

    position: absolute;

    left: 12px;

    top: 50%;

    transform: translateY(-50%);

    color: #fff;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 13px;

    line-height: 1;
}


/* =========================================
   COUNTRY TEXT
========================================= */

.global-country-item-xk29 p {
    margin: 0;

    padding: 0;

    color: #ffffff;

    font-size: 13px;

    line-height: 1.2;

    font-weight: 500;
}


/* =========================================
   COUNTRY HOVER
========================================= */

.global-country-item-xk29:hover {
    background: rgba(206, 25, 42, 0.08);

    border-color: #ce192a;

    transform: translateX(3px);
}


/* =========================================
   MAP
========================================= */

.global-reach-map-xk29 {
    position: absolute;

    z-index: 1;

    width: 69%;

    right: -5%;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    pointer-events: none;
}


.global-reach-map-xk29 img {
    width: 100%;

    height: auto;

    display: block;

    object-fit: contain;
}


/* =========================================
   BOTTOM STATS
========================================= */

.global-reach-stats-xk29 {
    width: 430px;

    min-height: 64px;

    margin-top: 27px;

    padding: 7px 10px;

    display: flex;

    align-items: center;

    box-sizing: border-box;

    border: 1px solid rgba(255, 255, 255, 0.18);

    border-radius: 17px;

    background: rgba(4, 17, 28, 0.75);

    backdrop-filter: blur(7px);

    -webkit-backdrop-filter: blur(7px);
}


/* =========================================
   STAT ITEM
========================================= */

.global-stat-item-xk29 {
    flex: 1;

    display: flex;

    align-items: center;

    gap: 9px;

    min-width: 0;
}


/* =========================================
   STAT ICON
========================================= */

.global-stat-icon-xk29 {
    width: 39px;

    height: 39px;

    flex: 0 0 39px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* First Icon - Globe */

.global-stat-item-xk29:nth-child(1)
.global-stat-icon-xk29::before {
    content: "\f0ac";
}


/* Second Icon - Globe Americas */

.global-stat-item-xk29:nth-child(3)
.global-stat-icon-xk29::before {
    content: "\f57d";
}


/* Third Icon - Shield */

.global-stat-item-xk29:nth-child(5)
.global-stat-icon-xk29::before {
    content: "\f3ed";
}


/* Common Icon */

.global-stat-icon-xk29::before {
    color: #0049d6;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 27px;

    line-height: 1;
}


/* =========================================
   STAT TEXT
========================================= */

.global-stat-text-xk29 {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 0;
    font-size: 11px;
}


/* =========================================
   STAT MAIN TEXT
   Replaces <b>
========================================= */

.global-stat-main-xk29 {
    display: block;

    margin: 0;

    padding: 0;

    color: #ffffff;

    font-size: 16px;

    line-height: 1.1;

    font-weight: 800;

    white-space: nowrap;
}


/* =========================================
   STAT LABEL
   Replaces <small>
========================================= */

.global-stat-label-xk29 {
    display: block;

    margin: 3px 0 0;

    padding: 0;

    color: rgba(255, 255, 255, 0.82);

    font-size: 9px;

    line-height: 1.1;

    font-weight: 500;

    white-space: nowrap;
}


/* =========================================
   STAT DIVIDER
========================================= */

.global-stat-divider-xk29 {
    width: 1px;

    height: 35px;

    flex: 0 0 1px;

    background: rgba(255, 255, 255, 0.20);

    margin: 0 8px;
}


/* =========================================
   LARGE SCREEN
========================================= */

@media (min-width: 1500px) {

    .global-reach-container-xk29 {
        min-height: 700px;
    }


    .global-reach-content-xk29 {
        width: 42%;
    }


    .global-reach-heading-xk29 h2 {
        font-size: 31px;
    }


    .global-reach-heading-xk29 h1 {
        font-size: 48px;
    }


    .global-reach-map-xk29 {
        width: 70%;

        right: -4%;
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .global-reach-section-xk29 {
        padding: 45px 0;
    }


    .global-reach-container-xk29 {
        width: min(1100px, calc(100% - 40px));

        min-height: 570px;
    }


    .global-reach-content-xk29 {
        width: 46%;
    }


    .global-reach-heading-xk29 h2 {
        font-size: 25px;
    }


    .global-reach-heading-xk29 h1 {
        font-size: 38px;
    }


    .global-reach-map-xk29 {
        width: 67%;

        right: -6%;
    }


    .global-country-list-xk29 {
        max-width: 390px;
    }


    .global-reach-stats-xk29 {
        width: 390px;
    }


    .global-stat-main-xk29 {
        font-size: 15px;
    }


    .global-stat-label-xk29 {
        font-size: 8px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .global-reach-section-xk29 {
        padding: 45px 0 35px;
    }


    .global-reach-container-xk29 {
        width: calc(100% - 30px);

        min-height: auto;

        display: flex;

        flex-direction: column;

        align-items: stretch;
    }


    .global-reach-content-xk29 {
        width: 100%;

        padding: 0;
    }


    /* Heading */

    .global-reach-heading-xk29 {
        text-align: left;
    }


    .global-reach-heading-xk29 h2 {
        font-size: 22px;

        line-height: 1.2;
    }


    .global-reach-heading-xk29 h1 {
        font-size: 34px;

        line-height: 1.04;
    }


    .global-heading-line-xk29 {
        margin-top: 14px;
    }


    /* Country */

    .global-country-list-xk29 {
        width: 100%;

        max-width: none;

        gap: 8px;

        margin-top: 20px;
    }


    .global-country-column-xk29 {
        gap: 7px;
    }


    .global-country-item-xk29 {
        min-height: 37px;

        padding: 7px 9px 7px 30px;
    }


    .global-country-item-xk29::before {
        left: 10px;

        font-size: 12px;
    }


    .global-country-item-xk29 p {
        font-size: 12px;
    }


    /* Map */

    .global-reach-map-xk29 {
        position: relative;

        width: calc(100% + 30px);

        right: auto;

        top: auto;

        margin: 15px -15px 0;

        transform: none;

        order: 2;
    }


    .global-reach-map-xk29 img {
        width: 100%;
    }


    /* Stats */

    .global-reach-stats-xk29 {
        width: 100%;

        min-height: 70px;

        margin-top: 20px;

        padding: 8px 7px;

        border-radius: 13px;

        order: 3;
    }


    .global-stat-item-xk29 {
        gap: 5px;
    }


    .global-stat-icon-xk29 {
        width: 29px;

        height: 29px;

        flex: 0 0 29px;
    }


    .global-stat-icon-xk29::before {
        font-size: 20px;
    }


    .global-stat-main-xk29 {
        font-size: 12px;
    }


    .global-stat-label-xk29 {
        font-size: 7px;

        margin-top: 2px;
    }


    .global-stat-divider-xk29 {
        height: 32px;

        margin: 0 4px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .global-reach-section-xk29 {
        padding: 35px 0 30px;
    }


    .global-reach-container-xk29 {
        width: calc(100% - 24px);
    }


    .global-reach-heading-xk29 h2 {
        font-size: 19px;
    }


    .global-reach-heading-xk29 h1 {
        font-size: 29px;
    }


    /* Country */

    .global-country-list-xk29 {
        gap: 6px;
    }


    .global-country-column-xk29 {
        gap: 6px;
    }


    .global-country-item-xk29 {
        min-height: 34px;

        padding: 6px 7px 6px 27px;
    }


    .global-country-item-xk29::before {
        left: 8px;

        font-size: 11px;
    }


    .global-country-item-xk29 p {
        font-size: 10px;
    }


    /* Map */

    .global-reach-map-xk29 {
        width: calc(100% + 24px);

        margin-left: -12px;

        margin-right: -12px;
    }


    /* Stats */

    .global-reach-stats-xk29 {
        min-height: 62px;

        padding: 6px 4px;
    }


    .global-stat-item-xk29 {
        gap: 3px;
    }


    .global-stat-icon-xk29 {
        width: 24px;

        height: 24px;

        flex-basis: 24px;
    }


    .global-stat-icon-xk29::before {
        font-size: 17px;
    }


    .global-stat-main-xk29 {
        font-size: 10px;
    }


    .global-stat-label-xk29 {
        font-size: 6px;

        margin-top: 2px;
    }


    .global-stat-divider-xk29 {
        height: 27px;

        margin: 0 2px;
    }
}




/*--new team css---*/


.professional-team-section {
    padding: 70px 0px;
    background: #f8f9fb;
    overflow: hidden;
}


/* =========================================
   TEAM SLIDER
========================================= */

.professional-team-slider {
    margin-top: 55px;
}

/* ================================
   PROFESSIONAL TEAM GRID 2026
================================ */

.professional-team-grid-2026 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
/*    gap: 25px;*/
    width: 100%;
}

/* Keep existing card design */

.professional-team-grid-2026 .professional-team-item {
    width: 100%;
    min-width: 0;
}

/* Responsive */

@media (max-width: 1199px) {
    .professional-team-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .professional-team-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .professional-team-grid-2026 {
        grid-template-columns: 1fr;
    }
}

.professional-team-slider .owl-stage {
    display: flex;
}

.professional-team-slider .owl-item {
    display: flex;
}

.professional-team-item {
    width: 100%;
    padding: 10px 12px 25px;
}


/* =========================================
   TEAM CARD
========================================= */

.professional-team-card {
    position: relative;

    width: 100%;

    background: #ffffff;

    border: 1px solid #e8ebf0;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 8px 28px rgba(20, 35, 60, 0.06);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}


.professional-team-card:hover {
    transform: translateY(-7px);

    border-color: #dce3ed;

    box-shadow: 0 18px 42px rgba(20, 35, 60, 0.11);
}


/* =========================================
   IMAGE
========================================= */

.professional-team-image {
    position: relative;

    width: 100%;

/*    height: 335px;*/

    overflow: hidden;

    background: #f0f2f5;
}


.professional-team-image img {
    width: 100%;
    /*height: 100%;

    display: block;

    object-fit: cover;
    object-position: center top;*/

    transition: transform 0.6s ease;
}


.professional-team-card:hover
.professional-team-image img {
    transform: scale(1.035);
}


/* =========================================
   IMAGE BOTTOM LINE
========================================= */

.professional-team-image::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 3px;

    background: #0A3D91;
}


/* =========================================
   TEAM INFORMATION
========================================= */

.professional-team-info {
    position: relative;

    min-height: 118px;

    padding: 23px 24px 24px;

    background: #ffffff;

    text-align: left;
}


/* Small decorative line */

.professional-team-info::before {
    content: "";

    position: absolute;

    left: 24px;
    top: 0;

    width: 32px;
    height: 3px;

    background: #0A3D91;

    transition: width 0.35s ease;
}


.professional-team-card:hover
.professional-team-info::before {
    width: 55px;
}


/* =========================================
   NAME
========================================= */

.professional-team-info h3 {
    margin: 0 0 8px;

    color: #182337;

    font-size: 19px;

    line-height: 1.35;

    font-weight: 700;

    letter-spacing: -0.2px;
}


/* =========================================
   DESIGNATION
========================================= */

.professional-team-info span {
    display: block;

    color: #7a8492;

    font-size: 11px;

    line-height: 1.65;

    font-weight: 500;

    letter-spacing: 0.6px;

    text-transform: uppercase;
}


/* =========================================
   OWL NAV
========================================= */

.professional-team-slider .owl-nav {
    display: flex;

    justify-content: center;

    gap: 10px;

    margin-top: 20px;
}


.professional-team-slider .owl-nav button {
    width: 45px;
    height: 45px;

    margin: 0 !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    border: 1px solid #dfe4eb !important;

    border-radius: 50% !important;

    background: #ffffff !important;

    color: #0A3D91 !important;

    font-size: 13px !important;

    transition: all 0.3s ease;
}


.professional-team-slider .owl-nav button:hover {
    background: #0A3D91 !important;

    border-color: #0A3D91 !important;

    color: #ffffff !important;
}


/* =========================================
   OWL DOTS
========================================= */

.professional-team-slider .owl-dots {
    margin-top: 18px;

    text-align: center;
}


.professional-team-slider .owl-dot {
    margin: 0 4px !important;
}


.professional-team-slider .owl-dot span {
    width: 6px !important;
    height: 6px !important;

    margin: 0 !important;

    background: #ccd3dd !important;

    border-radius: 10px !important;

    transition: all 0.3s ease;
}


.professional-team-slider .owl-dot.active span {
    width: 25px !important;

    background: #0A3D91 !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .professional-team-image {
        height: 320px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .professional-team-section {
        padding: 80px 0 90px;
    }

    .professional-team-slider {
        margin-top: 45px;
    }

    .professional-team-image {
        height: 330px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .professional-team-section {
        padding: 65px 0 70px;
    }

    .professional-team-slider {
        margin-top: 30px;
    }

    .professional-team-item {
        padding: 8px 7px 20px;
    }

    .professional-team-image {
        height: 370px;
    }

    .professional-team-info {
        min-height: 112px;

        padding: 21px 21px 22px;
    }

    .professional-team-info::before {
        left: 21px;
    }

    .professional-team-info h3 {
        font-size: 18px;
    }

    .professional-team-info span {
        font-size: 10px;
    }

    .professional-team-slider .owl-nav {
        margin-top: 12px;
    }

    .professional-team-slider .owl-nav button {
        width: 42px;
        height: 42px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .professional-team-image {
        height: 345px;
    }

    .professional-team-info {
        min-height: 108px;

        padding: 20px 18px 21px;
    }

    .professional-team-info::before {
        left: 18px;
    }

    .professional-team-info h3 {
        font-size: 17px;
    }

}



/*--focus css--*/

/* =========================================
   OUR FOCUS SECTION
========================================= */

.our-focus-section {
    position: relative;

    padding: 70px 0;

    background: #f7f9fc;

    overflow: hidden;
}


/* =========================================
   MAIN BOX
========================================= */

.our-focus-box {
    position: relative;

    max-width: 1000px;

    margin: 0 auto;

    padding: 55px 70px;

    background: #ffffff;

    border: 1px solid #e8ecf2;

    text-align: center;

    box-shadow:
        0 15px 45px rgba(20, 35, 60, 0.06);
}


/* =========================================
   TOP ACCENT
========================================= */

.our-focus-box::before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 70px;
    height: 3px;

    background: #0A3D91;

    transform: translateX(-50%);
}


/* =========================================
   HEADING
========================================= */

.our-focus-heading {
    margin-bottom: 30px;
}

.our-focus-heading h2 {
    margin: 0;

    color: #172238;

    font-size: 30px;

    line-height: 1.35;

    font-weight: 600;

    letter-spacing: -0.4px;
}


/* =========================================
   FOCUS POINTS
========================================= */

.our-focus-points {
    width: 100%;
}

.our-focus-points ul {
    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 12px;

    margin: 0;

    padding: 0;

    list-style: none;
}


/* =========================================
   PASTEL TAGS
========================================= */

.our-focus-points ul li {
    display: inline-flex;
   background: #eef4ff !important;
    align-items: center;

    justify-content: center;

    min-height: 42px;

    padding: 10px 20px;

    border-radius: 50px;

    font-size: 14px;

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: 0.2px;

    color: #344054 !important;

    border: 1px solid rgba(0, 0, 0, 0.04);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* =========================================
   INDIVIDUAL PASTEL COLORS
========================================= */

.our-focus-points ul li:nth-child(1) {
    background: #eef4ff;
    color: #315a9f;
}

.our-focus-points ul li:nth-child(2) {
    background: #eefaf5;
    color: #2f765d;
}

.our-focus-points ul li:nth-child(3) {
    background: #fff4e8;
    color: #a7652d;
}

.our-focus-points ul li:nth-child(4) {
    background: #f5efff;
    color: #7251a5;
}


/* =========================================
   TAG HOVER
========================================= */

.our-focus-points ul li:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(30, 50, 80, 0.08);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .our-focus-section {
        padding: 60px 0;
    }

    .our-focus-box {
        padding: 42px 25px 40px;
    }

    .our-focus-heading {
        margin-bottom: 24px;
    }

    .our-focus-heading h2 {
        font-size: 24px;

        line-height: 1.4;
    }

    .our-focus-points ul {
        gap: 9px;
    }

    .our-focus-points ul li {
        min-height: 38px;

        padding: 8px 15px;

        font-size: 12px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .our-focus-section {
        padding: 50px 0;
    }

    .our-focus-box {
        padding: 38px 20px 36px;
    }

    .our-focus-heading {
        margin-bottom: 22px;
    }

    .our-focus-heading h2 {
        font-size: 21px;

        line-height: 1.4;
    }

    .our-focus-points ul {
        gap: 8px;
    }

    .our-focus-points ul li {
        min-height: 36px;

        padding: 8px 13px;

        font-size: 11px;
    }

}



/*--capability list css--*/


/* =========================================
   CAPABILITY SECTION
========================================= */

.sancapabilty-dnhhdg {
    position: relative;

    padding: 80px 0;

    background: #f7f9fc;

    overflow: hidden;
}


/* =========================================
   CARD
========================================= */

.new-san-capability-sbb {
    position: relative;

    margin-bottom: 30px;

    background: #ffffff;

    border: 1px solid #e8ecf2;

    border-radius: 12px;

    overflow: hidden;

    box-shadow:
        0 12px 35px rgba(20, 35, 60, 0.06);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   CARD HOVER
========================================= */

.new-san-capability-sbb:hover {
    transform: translateY(-7px);

    box-shadow:
        0 20px 50px rgba(20, 35, 60, 0.12);
}


/* =========================================
   IMAGE
========================================= */

.image-shw {
    position: relative;

    width: 100%;

/*    height: 270px;*/

    overflow: hidden;

    background: #f1f4f8;
}


.image-shw a {
    display: block;

    width: 100%;
    height: 100%;

    position: relative;
}


.image-shw img {
    display: block;

    width: 100%;
   /* height: 100%;

    object-fit: cover;*/

    transition:
        transform 0.55s ease;
}


/* =========================================
   IMAGE ZOOM
========================================= */

.new-san-capability-sbb:hover .image-shw img {
    transform: scale(1.06);
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.capability-overlay {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 45%;

    background: linear-gradient(
        to top,
        rgba(10, 61, 145, 0.20),
        transparent
    );

    opacity: 0;

    transition:
        opacity 0.35s ease;
}


.new-san-capability-sbb:hover .capability-overlay {
    opacity: 1;
}


/* =========================================
   CONTENT
========================================= */

.contant-dbggdg {
    position: relative;

    padding: 22px 24px 21px;

    background: #ffffff;
}


/* =========================================
   TITLE
========================================= */

.contant-dbggdg h3 {
    margin: 0;

    padding-right: 50px;

    font-size: 20px;

    line-height: 1.35;

    font-weight: 600;

    letter-spacing: -0.2px;
}


.contant-dbggdg h3 a {
    color: #172238;

    text-decoration: none;

    transition:
        color 0.25s ease;
}


.new-san-capability-sbb:hover .contant-dbggdg h3 a {
    color: #0A3D91;
}


/* =========================================
   EXPLORE LINK
========================================= */

.capability-arrow {
    position: absolute;

    right: 24px;
    bottom: 22px;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #0A3D91;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    text-decoration: none;

    opacity: 0;

    transform: translateX(-5px);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}


.new-san-capability-sbb:hover .capability-arrow {
    opacity: 1;

    transform: translateX(0);
}


.capability-arrow i {
    font-size: 13px;
}


/* =========================================
   BLUE TOP ACCENT
========================================= */

.new-san-capability-sbb::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: #0A3D91;

    z-index: 5;

    transition:
        width 0.35s ease;
}


.new-san-capability-sbb:hover::before {
    width: 100%;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .sancapabilty-dnhhdg {
        padding: 65px 0;
    }

    .image-shw {
        height: 230px;
    }

    .contant-dbggdg {
        padding: 20px;
    }

    .contant-dbggdg h3 {
        font-size: 18px;

        padding-right: 0;
    }

    .capability-arrow {
        display: none;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .sancapabilty-dnhhdg {
        padding: 55px 0;
    }

    .new-san-capability-sbb {
        margin-bottom: 22px;

        border-radius: 10px;
    }

    .image-shw {
        height: 240px;
    }

    .contant-dbggdg {
        padding: 18px 20px 20px;
    }

    .contant-dbggdg h3 {
        font-size: 18px;

        line-height: 1.4;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .image-shw {
        height: 220px;
    }

    .contant-dbggdg {
        padding: 17px 18px 19px;
    }

    .contant-dbggdg h3 {
        font-size: 17px;
    }

}


/*--map global css--*/



/* =========================================================
   GLOBAL PRESENCE SECTION
========================================================= */

.rk-global-presence-2026 {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;

    background: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    box-sizing: border-box;
}


/* =========================================================
   BOX SIZING
========================================================= */

.rk-global-presence-2026 *,
.rk-global-presence-2026 *::before,
.rk-global-presence-2026 *::after {
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.rk-global-presence-2026-container {

    width: 100%;
    max-width: 1450px;
    min-height: 800px;
    margin: 0 auto;
    padding: 55px 25px 165px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.rk-global-presence-2026-content {

    width: 47%;

    position: relative;

    z-index: 5;
}


/* =========================================================
   TOP HEADING
========================================================= */

.rk-global-presence-2026 h3 {

    margin: 0 0 5px;
    padding: 0;

    color: #182468;

    font-size: 30px;
    line-height: 1.15;

    font-weight: 800;

    letter-spacing: 0.2px;

    text-transform: uppercase;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.rk-global-presence-2026 h2 {

    margin: 0;
    padding: 0;

    color: #182468;

    font-size: 37px;
    line-height: 1.05;

    font-weight: 800;

    letter-spacing: -0.5px;

    text-transform: uppercase;
}


/* =========================================================
   RED WORD
========================================================= */

.rk-global-presence-2026 h2 strong {

    color: #cf202d;

    font-weight: 900;
}


/* =========================================================
   RED LINE
========================================================= */

.rk-global-presence-2026-line {

    width: 65px;
    height: 3px;

    margin-top: 18px;

    background: #cf202d;

    border-radius: 5px;
}


/* =========================================================
   COUNTRIES
========================================================= */

.rk-global-presence-2026-countries {

    width: 100%;
    max-width: 440px;

    margin-top: 42px;

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 12px 8px;
}


/* =========================================================
   COUNTRY BOX
========================================================= */

.rk-global-presence-2026-countries p {

    width: 100%;
    height: 86px;

    margin: 0;
    padding: 12px 5px 8px;

    display: flex;

    align-items: center;
    justify-content: flex-end;

    flex-direction: column;

    text-align: center;

    background: #ffffff;

    border: 1px solid #aab1d1;

    border-radius: 8px;

    color: #182468;

    font-size: 12px;
    line-height: 1.15;

    font-weight: 600;

    box-shadow: 0 1px 2px rgba(24, 36, 104, 0.02);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* FIRST COUNTRY */

/*.rk-global-presence-2026-countries p:first-child {

    border-color: #cf202d;
}*/


/* =========================================================
   LOCATION ICON
========================================================= */

.rk-global-presence-2026-countries p::before {

    content: "\f3c5";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 27px;

    line-height: 1;

    color: #182468;

    display: block;

    margin-bottom: 10px;
}


/* =========================================================
   COUNTRY HOVER
========================================================= */

.rk-global-presence-2026-countries p:hover {

    border-color: #182468;

    box-shadow:
        0 5px 14px rgba(24, 36, 104, 0.10);

    transform: translateY(-2px);
}


/* =========================================================
   MAP
========================================================= */

.rk-global-presence-2026-map {

    width: 63%;

    position: absolute;

    right: -1%;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;
    justify-content: center;

    z-index: 2;

    pointer-events: none;

    overflow: visible;
}


/* =========================================================
   MAP IMAGE
========================================================= */

.rk-global-presence-2026-map img {

    display: block;

    width: 100%;
    max-width: 100%;

    height: auto;

    object-fit: contain;
}


/* =========================================================
   BOTTOM STATS
========================================================= */

.rk-global-presence-2026-stats {

    position: absolute;

    left: 50%;
    bottom: 50px;

    transform: translateX(-50%);

    width: min(840px, 85%);

    min-height: 110px;

    padding: 10px 20px;

    display: flex;

    align-items: center;

    justify-content: space-around;

    background: #ffffff;

    border: 1px solid #9299bf;

    border-radius: 17px;

    z-index: 20;

    box-shadow: 0 3px 12px rgba(24, 36, 104, 0.03);
}


/* =========================================================
   STAT ITEM
========================================================= */

.rk-stat-item {

    flex: 1;

    min-width: 0;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;
}


/* =========================================================
   STAT ICON
========================================================= */

.rk-stat-icon {

    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #182468;

    font-family: "Font Awesome 5 Free";

    font-size: 48px;

    font-weight: 900;

    line-height: 1;

    position: relative;
}


/* GLOBE */

.rk-globe-icon::before,
.rk-global-icon::before {

    content: "\f0ac";
}


/* SHIELD */

.rk-shield-icon::before {

    content: "\f3ed";
}


/* =========================================================
   GLOBAL REACH RED LOCATION DOT
========================================================= */

.rk-global-icon::after {

    content: "\f3c5";

    position: absolute;

    left: 34px;
    top: 50%;

    transform: translateY(-55%);

    color: #cf202d;

    font-family: "Font Awesome 5 Free";

    font-size: 12px;

    font-weight: 900;
}


/* =========================================================
   SHIELD CHECK
========================================================= */

.rk-shield-icon::after {

    content: "\f00c";

    position: absolute;

    left: 26px;
    top: 50%;

    transform: translateY(-50%);

    color: #cf202d;

    font-family: "Font Awesome 5 Free";

    font-size: 14px;

    font-weight: 900;
}


/* =========================================================
   STAT TEXT
========================================================= */

.rk-global-presence-2026-stats p {

    margin: 0;
    padding: 0;

    display: flex;

    flex-direction: column;

    gap: 4px;

    color: #182468;

    font-size: 15px;

    line-height: 1.2;

    font-weight: 700;
}


/* =========================================================
   STAT STRONG
========================================================= */

.rk-global-presence-2026-stats p strong {

    color: #cf202d;

    font-size: 23px;

    line-height: 1;

    font-weight: 900;
}


/* =========================================================
   DIVIDERS
========================================================= */

.rk-stat-divider {

    width: 1px;
    height: 55px;

    flex: 0 0 1px;

    margin: 0 10px;

    background: #b4b8ce;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1500px) {

    .rk-global-presence-2026-container {

        min-height: 730px;

        padding-left: 35px;
        padding-right: 35px;
    }


    .rk-global-presence-2026 h3 {

        font-size: 31px;
    }


    .rk-global-presence-2026 h2 {

        font-size: 48px;
    }


    .rk-global-presence-2026-map {

        width: 66%;

        right: -2%;
    }


    .rk-global-presence-2026-countries {

        max-width: 455px;

        gap: 13px 8px;
    }


    .rk-global-presence-2026-countries p {

        height: 88px;
    }
}


/* =========================================================
   TABLET / LAPTOP
========================================================= */

@media (max-width: 1199px) {

    .rk-global-presence-2026-container {

        min-height: 600px;

        padding:
            45px 20px 135px;
    }


    .rk-global-presence-2026-content {

        width: 48%;
    }


    .rk-global-presence-2026 h3 {

        font-size: 25px;
    }


    .rk-global-presence-2026 h2 {

        font-size: 38px;
    }


    .rk-global-presence-2026-countries {

        max-width: 390px;

        gap: 9px 6px;

        margin-top: 30px;
    }


    .rk-global-presence-2026-countries p {

        height: 70px;

        padding: 9px 3px 7px;

        font-size: 10px;
    }


    .rk-global-presence-2026-countries p::before {

        font-size: 23px;

        margin-bottom: 7px;
    }


    .rk-global-presence-2026-map {

        width: 65%;

        right: -2%;
    }


    .rk-global-presence-2026-stats {

        width: 88%;

        min-height: 90px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .rk-global-presence-2026 {

        overflow: hidden;
    }


    .rk-global-presence-2026-container {

        width: 100%;

        max-width: 100%;

        min-height: auto;

        margin: 0;

        padding:
            40px 15px 30px;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        overflow: hidden;
    }


    /* LEFT CONTENT */

    .rk-global-presence-2026-content {

        width: 100%;
    }


    /* HEADING */

    .rk-global-presence-2026 h3 {

        font-size: 21px;
    }


    .rk-global-presence-2026 h2 {

        font-size: 32px;
    }


    /* COUNTRIES */

    .rk-global-presence-2026-countries {

        width: 100%;

        max-width: none;

        margin-top: 25px;

        grid-template-columns:
            repeat(5, minmax(0, 1fr));

        gap: 8px 6px;
    }


    .rk-global-presence-2026-countries p {

        height: 70px;

        padding: 9px 3px 7px;

        font-size: 10px;

        border-radius: 7px;
    }


    .rk-global-presence-2026-countries p::before {

        font-size: 22px;

        margin-bottom: 7px;
    }


    /* MAP */

    .rk-global-presence-2026-map {

        position: relative;

        width: 100%;

        right: auto;

        top: auto;

        margin: 25px 0 0;

        transform: none;

        order: 2;

        z-index: 1;

        overflow: hidden;
    }


    .rk-global-presence-2026-map img {

        width: 100%;

        max-width: 100%;

        height: auto;
    }


    /* STATS */

    .rk-global-presence-2026-stats {

        position: relative;

        left: auto;

        bottom: auto;

        transform: none;

        order: 3;

        width: 100%;

        max-width: 100%;

        margin-top: 25px;

        min-height: 75px;

        padding: 7px 5px;

        border-radius: 12px;

        z-index: 5;

        overflow: hidden;
    }


    /* STAT ITEM */

    .rk-stat-item {

        gap: 6px;

        justify-content: center;
    }


    /* STAT ICONS */

    .rk-stat-icon {

        width: 32px;

        height: 32px;

        flex-basis: 32px;

        font-size: 30px;
    }


    .rk-global-icon::after {

        left: 21px;

        font-size: 8px;
    }


    .rk-shield-icon::after {

        left: 18px;

        font-size: 8px;
    }


    /* STAT TEXT */

    .rk-global-presence-2026-stats p {

        font-size: 8px;

        gap: 2px;
    }


    .rk-global-presence-2026-stats p strong {

        font-size: 13px;
    }


    /* DIVIDERS */

    .rk-stat-divider {

        height: 35px;

        margin: 0 4px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .rk-global-presence-2026-container {

        padding:
            30px 12px 25px;
    }


    /* HEADING */

    .rk-global-presence-2026 h3 {

        font-size: 18px;
    }


    .rk-global-presence-2026 h2 {

        font-size: 28px;
    }


    /* COUNTRY GRID */

    .rk-global-presence-2026-countries {

        gap: 6px 4px;

        margin-top: 22px;
    }


    .rk-global-presence-2026-countries p {

        height: 62px;

        padding: 7px 2px 6px;

        font-size: 9px;

        border-radius: 6px;
    }


    .rk-global-presence-2026-countries p::before {

        font-size: 19px;

        margin-bottom: 6px;
    }


    /* MAP */

    .rk-global-presence-2026-map {

        width: 100%;

        margin-top: 22px;
    }


    /* STATS */

    .rk-global-presence-2026-stats {

        min-height: 65px;

        padding: 5px 3px;

        margin-top: 22px;
    }


    .rk-stat-item {

        gap: 4px;
    }


    .rk-stat-icon {

        width: 25px;

        height: 25px;

        flex-basis: 25px;

        font-size: 23px;
    }


    .rk-global-icon::after {

        left: 17px;

        font-size: 7px;
    }


    .rk-shield-icon::after {

        left: 14px;

        font-size: 7px;
    }


    .rk-global-presence-2026-stats p {

        font-size: 7px;

        gap: 2px;
    }


    .rk-global-presence-2026-stats p strong {

        font-size: 11px;
    }


    .rk-stat-divider {

        height: 27px;

        margin: 0 2px;
    }
}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .rk-global-presence-2026-container {

        padding-left: 10px;
        padding-right: 10px;
    }


    .rk-global-presence-2026 h3 {

        font-size: 16px;
    }


    .rk-global-presence-2026 h2 {

        font-size: 25px;
    }


    .rk-global-presence-2026-countries p {

        height: 58px;

        font-size: 8px;
    }


    .rk-global-presence-2026-countries p::before {

        font-size: 17px;

        margin-bottom: 5px;
    }


    .rk-global-presence-2026-stats {

        padding-left: 2px;
        padding-right: 2px;
    }


    .rk-stat-item {

        gap: 3px;
    }


    .rk-stat-icon {

        width: 22px;

        height: 22px;

        flex-basis: 22px;

        font-size: 20px;
    }


    .rk-global-presence-2026-stats p {

        font-size: 6px;
    }


    .rk-global-presence-2026-stats p strong {

        font-size: 10px;
    }
}


/*--product detail css--*/


.premium-product-detail {
    width: 100%;
    padding: 80px 0;
    background: #ffffff;
}

.premium-product-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.premium-product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 75px;
}


/* =========================================================
   IMAGE
========================================================= */

.premium-product-media {
    width: 100%;
}

.premium-product-image-box {
    position: relative;
    width: 100%;
    min-height: 500px;

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

    padding: 45px;

    background: #f5f7fa;
    border-radius: 24px;

    overflow: hidden;
}

.premium-product-image-box::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;

    top: -100px;
    left: -100px;

    background: #123477;
    opacity: 0.06;

    border-radius: 50%;
}

.premium-product-image-box::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;

    right: -80px;
    bottom: -80px;

    background: #fedd00;
    opacity: 0.12;

    border-radius: 50%;
}

.premium-product-image-box img {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 460px;
    height: 410px;

    object-fit: contain;

    transition: transform 0.5s ease;
}

.premium-product-image-box:hover img {
    transform: scale(1.04);
}


/* =========================================================
   CONTENT
========================================================= */

.premium-product-info {
    width: 100%;
    max-width: 520px;
}

.premium-product-label {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    color: #123477;
}

.premium-product-label span {
    width: 38px;
    height: 3px;

    display: block;

    background: #fedd00;
    border-radius: 10px;
}

.premium-product-title {
    position: relative;

    margin: 0 0 32px;

    padding-bottom: 6px;

    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;

    color: #123477;
}

.premium-product-title::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 55px;
    height: 4px;

    background: #d71920;

    border-radius: 10px;
}

.premium-product-text {
    font-size: 17px;
    line-height: 1.8;

    color: #5f6673;
}

.premium-product-text p {
    margin: 0 0 15px;
}

.premium-product-text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   BUTTON
========================================================= */

.premium-product-action {
    display: inline-flex;
    align-items: center;
    gap: 20px;

    margin-top: 32px;
    padding: 15px 18px 15px 25px;

    background: #d71920;
    color: #ffffff;

    text-decoration: none;

    border-radius: 50px;

    font-size: 15px;
    font-weight: 600;

    transition: all 0.3s ease;
}

.premium-product-action i {
    width: 40px;
    height: 40px;

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

    background: #fedd00;
    color: #123477;

    border-radius: 50%;

    transition: transform 0.3s ease;
}

.premium-product-action:hover {
    background: #0d285e;
    color: #ffffff;

    transform: translateY(-2px);
}

.premium-product-action:hover i {
    transform: translateX(4px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .premium-product-detail {
        padding: 60px 0;
    }

    .premium-product-grid {
        gap: 45px;
    }

    .premium-product-image-box {
        min-height: 420px;
        padding: 30px;
    }

    .premium-product-image-box img {
        height: 340px;
    }

    .premium-product-title {
        font-size: 36px;
    }

    .premium-product-text {
        font-size: 16px;
        line-height: 1.7;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .premium-product-detail {
        padding: 45px 0;
    }

    .premium-product-container {
        padding: 0 15px;
    }

    .premium-product-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .premium-product-image-box {
        min-height: 320px;
        padding: 25px;

        border-radius: 18px;
    }

    .premium-product-image-box img {
        height: 270px;
    }

    .premium-product-info {
        max-width: 100%;
    }

    .premium-product-label {
        margin-bottom: 13px;
        font-size: 12px;
    }

    .premium-product-label span {
        width: 30px;
    }

    .premium-product-title {
        margin-bottom: 17px;
        font-size: 30px;
        line-height: 1.2;
    }

    .premium-product-text {
        font-size: 15px;
        line-height: 1.7;
    }

    .premium-product-action {
        margin-top: 25px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .premium-product-image-box {
        min-height: 280px;
    }

    .premium-product-image-box img {
        height: 230px;
    }

    .premium-product-title {
        font-size: 27px;
    }
}



/*--product range css--*/



.product-range-section {
    width: 100%;
    padding: 55px 0;

    background: #f3f7fc;
}

.product-range-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


/* HEADING */

.product-range-heading {
    margin-bottom: 30px;
}

.product-range-heading h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #123477;
}

.product-range-heading span {
    display: block;

    width: 55px;
    height: 4px;

    margin-top: 12px;

    background: #d71920;
    border-radius: 10px;
}


/* PRODUCT LIST */

.product-range-data {
    width: 100%;
}

.product-range-data ul {
    margin: 0;
    padding: 0;
    list-style: none;

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    border-top: 1px solid #dfe6ef;
}

.product-range-data li {
    position: relative;

    padding: 18px 25px 18px 45px;

    font-size: 16px;
    font-weight: 600;
    color: #123477;

    border-bottom: 1px solid #dfe6ef;

    transition: all 0.3s ease;
}

.product-range-data li:nth-child(odd) {
    border-right: 1px solid #dfe6ef;
}

.product-range-data li::before {
    content: "";

    position: absolute;
    left: 25px;
    top: 50%;

    width: 7px;
    height: 7px;

    background: #d71920;
    border-radius: 50%;

    transform: translateY(-50%);
}

.product-range-data li:hover {
    background: #fff;
    color: #d71920;
    padding-left: 50px;
}

@media (max-width: 767px) {

    .product-range-data ul {
        grid-template-columns: 1fr;
    }

    .product-range-data li {
        padding: 16px 15px 16px 38px;
        font-size: 14px;
    }

    .product-range-data li:nth-child(odd) {
        border-right: 0;
    }

    .product-range-data li::before {
        left: 18px;
    }

    .product-range-data li:hover {
        padding-left: 42px;
    }
}

/*--new exhibition css--*/

.exhibition-section {
    width: 100%;
    padding: 65px 0;
    background: #f3f7f6;
}


/* =========================================================
   CARD
========================================================= */

.exhibition-card {
    position: relative;
    height: 100%;
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e9edf2;
    border-radius: 20px;

    box-shadow: 0 8px 30px rgba(18, 52, 119, 0.06);

    transition: all 0.35s ease;
}

.exhibition-card:hover {
    transform: translateY(-6px);

    box-shadow: 0 16px 40px rgba(18, 52, 119, 0.12);
}


/* =========================================================
   IMAGE
========================================================= */

.exhibition-image {
    position: relative;

    width: 100%;
/*    height: 400px;*/

    overflow: hidden;

    background: #edf2f6;
}

.exhibition-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.6s ease;
}

.exhibition-card:hover .exhibition-image img {
    transform: scale(1.05);
}


/* IMAGE OVERLAY */

.exhibition-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        to bottom,
        rgba(18, 52, 119, 0.02),
        rgba(18, 52, 119, 0.18)
    );

    pointer-events: none;
}


/* BADGE */

.exhibition-badge {
    position: absolute;

    left: 20px;
    bottom: 18px;

    z-index: 2;

    padding: 7px 15px;

    background: #ffffff;
    color: #123477;

    border-radius: 30px;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   CONTENT
========================================================= */

.exhibition-content {
    padding: 25px 27px 27px;
}

.exhibition-title {
    margin: 0 0 15px;

    color: #123477;

    font-size: 27px;
    line-height: 1.25;
    font-weight: 700;
}


/* =========================================================
   DETAILS
========================================================= */

.exhibition-details {
    display: flex;
    align-items: center;
    gap: 22px;

    padding-top: 19px;

    border-top: 1px solid #edf0f4;
}

.exhibition-detail {
    display: flex;
    align-items: center;
    gap: 10px;

    flex: 1;
    min-width: 0;
}

.exhibition-detail-icon {
    width: 38px;
    height: 38px;

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

    flex-shrink: 0;

    background: #f2f6fb;
    color: #123477;

    border-radius: 50%;
}

.exhibition-detail-icon i {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 13px;
}

.exhibition-detail div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.exhibition-detail small {
    color: #9aa1ac;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.exhibition-detail span {
    color: #555e6c;

    font-size: 13px;
    font-weight: 500;

    white-space: nowrap;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .exhibition-details {
        gap: 12px;
    }

    .exhibition-detail {
        gap: 8px;
    }

    .exhibition-detail span {
        font-size: 12px;
    }

    .exhibition-content {
        padding: 23px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .exhibition-section {
        padding: 45px 0;
    }

    .exhibition-image {
        height: 235px;
    }

    .exhibition-content {
        padding: 22px 20px 24px;
    }

    .exhibition-title {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .exhibition-details {
        gap: 12px;
    }

    .exhibition-detail-icon {
        width: 35px;
        height: 35px;
    }

    .exhibition-detail span {
        font-size: 12px;
    }
}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .exhibition-image {
        height: 210px;
    }

    .exhibition-details {
        gap: 10px;
    }

    .exhibition-detail {
        gap: 7px;
    }

    .exhibition-detail-icon {
        width: 33px;
        height: 33px;
    }

    .exhibition-detail span {
        font-size: 11px;
    }
}




/*--exhibition description css--*/

.exhibition-intro-section {
    width: 100%;
    padding: 65px 0;
    background: #eef3fa;
    overflow: hidden;
}

.exhibition-intro-wrap {
    display: grid;
    grid-template-columns: 36% 64%;
    align-items: center;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================
   LEFT HEADING
========================= */

.exhibition-intro-heading {
    position: relative;
    padding-right: 55px;
}

.intro-small-title {
    display: inline-block;
    margin-bottom: 18px;
    color: #123477;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.intro-small-title::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 3px;
    margin-right: 10px;
    vertical-align: middle;
    background: #d71920;
    border-radius: 5px;
}

.exhibition-intro-heading h2 {
    margin: 0;
    color: #123477;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.12;
}

.exhibition-intro-heading h2 strong {
    display: block;
    color: #123477;
    font-weight: 700;
}


/* =========================
   RIGHT CONTENT
========================= */

.exhibition-intro-text {
    position: relative;
    padding-left: 55px;
    border-left: 1px solid #d7dfdd;
}

.exhibition-intro-text p {
    max-width: 720px;
    margin: 0;
    color: #5d6672;
    font-size: 16px;
    line-height: 1.85;
}

.exhibition-intro-divider {
    width: 55px;
    height: 3px;
    margin: 25px 0;
    background: #d71920;
    border-radius: 5px;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 991px) {

    .exhibition-intro-section {
        padding: 65px 0;
    }

    .exhibition-intro-wrap {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .exhibition-intro-heading {
        padding-right: 0;
    }

    .exhibition-intro-heading h2 {
        font-size: 40px;
    }

    .exhibition-intro-text {
        padding-left: 0;
        padding-top: 30px;
        border-left: 0;
        border-top: 1px solid #d7dfdd;
    }

}


@media (max-width: 575px) {

    .exhibition-intro-section {
        padding: 50px 0;
    }

    .exhibition-intro-wrap {
        gap: 28px;
    }

    .intro-small-title {
        margin-bottom: 14px;
        font-size: 11px;
    }

    .exhibition-intro-heading h2 {
        font-size: 32px;
    }

    .exhibition-intro-text {
        padding-top: 25px;
    }

    .exhibition-intro-text p {
        font-size: 14px;
        line-height: 1.75;
    }

    .exhibition-intro-divider {
        margin: 20px 0;
    }

}

.exhibition-title a{
  color: #123477;
}


/*--hibition detail css--*/

.exhibition-detail-section {
    width: 100%;
    padding: 75px 0;
    background: #f5f8fa;
}

.exhibition-detail-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 65px;

    max-width: 1180px;
    margin: 0 auto;

    padding: 35px;

    background: #ffffff;
    border: 1px solid #e9eef2;
    border-radius: 20px;

    box-shadow: 0 15px 45px rgba(21, 35, 48, 0.07);
}


/* =========================
   IMAGE
========================= */

.exhibition-detail-image {
    position: relative;
}

.exhibition-image-frame {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    border-radius: 15px;
    background: #edf1f4;
}

.exhibition-image-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 65%,
        rgba(0, 0, 0, 0.08)
    );
    pointer-events: none;
}

.exhibition-image-frame img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;

    transition: transform 0.6s ease;
}

.exhibition-detail-wrap:hover .exhibition-image-frame img {
    transform: scale(1.035);
}


/* =========================
   CONTENT
========================= */

.exhibition-detail-content {
    position: relative;
    padding: 10px 5px;
}

.exhibition-detail-label {
    position: relative;

    display: inline-block;

    margin-bottom: 14px;
    padding-left: 34px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    color: #66737d;
}

.exhibition-detail-label::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 24px;
    height: 2px;

    background: #66737d;

    transform: translateY(-50%);
}


.exhibition-detail-content h2 {
    margin: 0 0 18px;
    max-width: 600px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;

    color: #17212b;
}


/* =========================
   DESCRIPTION
========================= */

.exhibition-description {
    max-width: 580px;

    margin-bottom: 30px;

    font-size: 15px;
    line-height: 1.8;

    color: #687580;
}

.exhibition-description p {
    margin: 0 0 10px;
}

.exhibition-description p:last-child {
    margin-bottom: 0;
}


/* =========================
   INFORMATION
========================= */

.exhibition-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.exhibition-info-item {
    display: flex;
    align-items: center;

    gap: 13px;

    min-height: 78px;

    padding: 14px 15px;

    background: #f8fafb;

    border: 1px solid #e8edf0;
    border-radius: 12px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.exhibition-info-item:hover {
    background: #ffffff;
    transform: translateY(-3px);

    box-shadow: 0 8px 22px rgba(21, 35, 48, 0.08);
}


/* ICON */

.exhibition-info-icon {
    width: 43px;
    height: 43px;
    min-width: 43px;

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

    border-radius: 10px;

    background: #ffffff;
    border: 1px solid #e5eaed;

    color: #53616b;

    font-size: 16px;
}


/* TEXT */

.exhibition-info-item > div:last-child {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 4px;
}

.exhibition-info-item small {
    font-size: 11px;
    line-height: 1;

    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;

    color: #8a959d;
}

.exhibition-info-item span:not(.exhibition-info-icon) {
    font-size: 14px;
    line-height: 1.4;

    font-weight: 600;

    color: #26323b;

    word-break: break-word;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .exhibition-detail-section {
        padding: 55px 0;
    }

    .exhibition-detail-wrap {
        grid-template-columns: 1fr;
        gap: 35px;

        padding: 28px;
    }

    .exhibition-image-frame {
        height: 420px;
    }

    .exhibition-detail-content {
        padding: 0;
    }

    .exhibition-detail-content h2 {
        font-size: 32px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 575px) {

    .exhibition-detail-section {
        padding: 35px 0;
    }

    .exhibition-detail-wrap {
        gap: 25px;

        padding: 14px;

        border-radius: 15px;
    }

    .exhibition-image-frame {
        height: 270px;
        border-radius: 11px;
    }

    .exhibition-detail-content {
        padding: 5px;
    }

    .exhibition-detail-label {
        margin-bottom: 10px;

        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .exhibition-detail-content h2 {
        margin-bottom: 14px;

        font-size: 26px;
        line-height: 1.25;
    }

    .exhibition-description {
        margin-bottom: 22px;

        font-size: 14px;
        line-height: 1.7;
    }

    .exhibition-info {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .exhibition-info-item {
        min-height: 68px;
        padding: 11px 12px;
    }

    .exhibition-info-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

}


/*--gear product detail css--*/



/* =========================================
   SAN AEROSPACE - PREMIUM GEAR CARD
========================================= */

.san-gear-card {
    width: 100%;
    max-width: 1200px;
    margin: 60px auto;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #eeeeee;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.10);
}


/* =========================================
   IMAGE
========================================= */

.san-gear-image {
    width: 100%;
    position: relative;
}

.san-gear-image img {
    width: 100%;
    transition: transform 0.7s ease;
}

.san-gear-card:hover .san-gear-image img {
    transform: scale(1.025);
}


/* =========================================
   CONTENT AREA
========================================= */

.san-gear-content {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 70px;
    padding: 55px 60px 60px;
}


/* =========================================
   LEFT DESCRIPTION
========================================= */

.san-gear-description {
    position: relative;
    padding-left: 28px;
}

.san-gear-description::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 70px;
    background: #da1b2c;
    border-radius: 10px;
}

.san-gear-description h2,
.san-gear-range h2 {
    margin: 0;
    color: #202020;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 700;
}


/* RED TITLE LINE */

.san-title-line {
    width: 55px;
    height: 3px;
    background: #da1b2c;
    margin: 18px 0 25px;
    border-radius: 5px;
}


/* DESCRIPTION */

.san-gear-description p {
    margin: 0 0 20px;
    color: #666;
    font-size: 16px;
    line-height: 1.85;
}

.san-gear-description p:last-child {
    margin-bottom: 0;
}


/* =========================================
   PRODUCT RANGE
========================================= */

.san-gear-range {
    padding-left: 35px;
    border-left: 1px solid #e8e8e8;
}

.san-gear-range h2 {
    font-size: 28px;
}


/* RANGE RED LINE */

.san-range-line {
    width: 55px;
    height: 3px;
    background: #da1b2c;
    margin: 18px 0 25px;
    border-radius: 5px;
}


/* =========================================
   PRODUCT LIST
========================================= */

.san-product-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}


/* PRODUCT ITEM */

.san-product-list div {
    position: relative;
    padding: 15px 15px 15px 20px;

    background: #f8f8f8;
    border: 1px solid #eeeeee;
    border-radius: 8px;

    color: #444;
    font-size: 14px;
    font-weight: 600;

    transition: all 0.3s ease;
}


/* SMALL RED DETAIL */

.san-product-list div::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 4px;
    height: 4px;
    background: #da1b2c;
    border-radius: 50%;
    transform: translateY(-50%);
}


/* HOVER */

.san-product-list div:hover {
    background: #da1b2c;
    color: #fff;
    border-color: #da1b2c;
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(218, 27, 44, 0.18);
}

.san-product-list div:hover::before {
    background: #fff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .san-gear-card {
        margin: 40px 20px;
    }

    .san-gear-image {
        height: 420px;
    }

    .san-gear-content {
        grid-template-columns: 1fr;
        gap: 45px;
        padding: 45px;
    }

    .san-gear-range {
        padding-left: 0;
        padding-top: 40px;
        border-left: 0;
        border-top: 1px solid #e8e8e8;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .san-gear-card {
        margin: 30px 15px;
        border-radius: 15px;
    }

    .san-gear-image {
        height: 280px;
    }

    .san-gear-content {
        padding: 35px 25px 40px;
        gap: 35px;
    }

    .san-gear-description {
        padding-left: 20px;
    }

    .san-gear-description h2,
    .san-gear-range h2 {
        font-size: 25px;
    }

    .san-gear-description p {
        font-size: 15px;
        line-height: 1.75;
    }

    .san-product-list {
        grid-template-columns: 1fr;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .san-gear-image {
        height: 230px;
    }

    .san-gear-content {
        padding: 30px 20px 35px;
    }

}


/* --second child dropdown css--*/


/*.header,
.header .container,
.header .navbar,
.header .navbar-nav,
.header .nav-item,
.header .dropdown-menu {
    overflow: visible !important;
}

.header .dropdown-submenu {
    position: relative !important;
}


.header .dropdown-submenu > .dropdown-menu {
    display: none;
    position: absolute !important;
    top: 0 !important;
    left: auto !important;
    right: 100% !important;

    width: 240px;
    min-width: 240px;

    margin: 0 !important;
    padding: 5px 0;

    transform: none !important;
    visibility: visible;
    opacity: 1;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;

    z-index: 99999;
}


.header .dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
}


.header .dropdown-submenu > .dropdown-menu .dropdown-item {
    display: block;
    padding: 9px 20px;
    white-space: normal;
}


.header .dropdown-submenu > .dropdown-toggle {
    position: relative;
    padding-right: 30px !important;
}


.header .dropdown-submenu > .dropdown-toggle::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;

    position: absolute;
    top: 50%;
    right: 12px;

    transform: translateY(-50%);
}


@media (max-width: 991px) {
    .header .dropdown-submenu > .dropdown-menu {
        position: static !important;
        left: auto !important;
        right: auto !important;

        width: 100%;
        min-width: 0;

        margin: 0 0 0 12px !important;
        padding: 5px 0;

        box-shadow: none;
        border: none;
        background: #f8f9fa;
    }

    .header .dropdown-submenu:hover > .dropdown-menu {
        display: block !important;
    }
}


.header .dropdown-submenu > .dropdown-toggle::before {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 12px;
    bottom: auto !important;
    margin: 0 !important;
    display: none;
}
*/

.kg-new-bhhdg img{
  width: 130px;
}

.kg-new-bhhdg-2 img{
 width: 200px; 
}

.footer-contact li p {
 padding-bottom: 6px;
}