/* ========================================================================
   CSS CUSTOM PROPERTIES (VARIABLES)
   ======================================================================== */
:root {
  /* Colors */
  --midnight-dark: #083139;
  --midnight-primary: #0c4651;
  --midnight-light: #4d767b;
  --lime: #d3f954;
  --lime-light: #e0fb87;
  --white: #fff;
  --border-light: #e0e0e0;
  --bg-light: #eaeaea;
  --bg-overlay: #ffffff1a;
  --placeholder-color: #959595;
  --muted-text: #dcdcdc;
  --off-white: #f8f8f8;
  --grey-bg: #e9e8e6;
  --light-grey: #ebe9e5;
  --off-white: #f7f6f5;
  --greyscale-100: #f8f8f8;
  --greyscale-200: #eaeaea;
  --greyscale-300: #dcdcdc;
  --greyscale-400: #bdbdbd;
  --greyscale-500: #989898;
  --greyscale-600: #7c7c7c;
  --greyscale-700: #656565;
  --greyscale-800: #525252;
  --greyscale-900: #3d3d3d;
  --greyscale-1000: #000000;
  --swiper-theme-color: transparent !important;

  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 40px;
  --spacing-3xl: 70px;
  --spacing-4xl: 80px;

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --radius-full: 50%;
  /* Layout */
  --max-container-width: 1920px;
  --header-logo-width: 106px;

  /* Z-index */
  --z-sticky: 9999;
  --z-overlay: 1;
  --z-content: 6;
}

/* ========================================================================
    BASE STYLES
======================================================================== */
body {
  font-size: 16px;
  font-family: var(--body-font);
  color: var(--greyscale-1000) !important;
}
body * {
  font-family: var(--body-font);
}
.fa-regular,
.far {
  font-family: "Font Awesome 6 Pro" !important;
}
h1 {
  font-weight: 400 !important;
  line-height: 120% !important;
}
h2 {
  font-weight: 500 !important;
  line-height: 110% !important;
}
h3 {
  font-weight: 600 !important;
  line-height: 120% !important;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  color: var(--greyscale-1000);
}

.white-bg {
  background-color: var(--white);
}
.midnight-bg {
  background-color: var(--midnight-primary);
}

#smooth-wrapper {
  max-width: var(--max-container-width);
  margin: 0 auto;
}
#smooth-content {
  width: 100%;
  max-width: 100%;
}
.p-0 {
  padding: 0 !important;
}
.preloader {
  background-color: var(--midnight-primary);
}
.otgs-development-site-front-end {
  display: none !important;
}

.elementor-pagination {
  text-align: left !important;
  margin-top: 60px !important;
}
.elementor-pagination .page-numbers {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  color: var(--midnight-primary);
  border: 1px solid var(--midnight-primary);
}
.elementor-pagination .page-numbers.current {
  background: var(--midnight-primary);
  color: var(--white);
}

.widget_banner,
.bg-with-animation {
  overflow: hidden;
  position: relative;
}
.widget_banner,
.bg-with-animation .e-con-inner {
  background: var(--midnight-primary);
  overflow: hidden;
}
.widget.widget_banner:after,
.bg-with-animation .e-con-inner:after {
  content: "";
  position: absolute;
  bottom: -400px;
  left: 0;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(211, 249, 84, 0.6) 0%,
    rgba(12, 70, 81, 0) 100%
  );
  opacity: 0.6;
  animation: focusAnimate linear infinite;
  animation-duration: var(--bubble-duration, 10s);
  z-index: 0;
}
@keyframes focusAnimate {
  0% {
    left: -40%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: -40%;
  }
}

.download-file-btn a {
  font-weight: 700;
  font-size: 16px;
  color: var(--midnight-primary) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  line-height: 24px;
}
.download-file-btn a:hover {
  color: var(--midnight-dark);
}
.download-file-btn a .elementor-button-icon svg {
  width: 24px !important;
  height: 24px !important;
}

.know-more-btn a {
  font-weight: 700;
  font-size: 16px;
  color: var(--midnight-primary) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  line-height: 24px;
}
.know-more-btn a:hover {
  color: var(--midnight-dark);
}
.know-more-btn a .elementor-button-icon svg {
  width: 24px !important;
  height: 24px !important;
}
.certificate-card .know-more-btn {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.elementor-element table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 5px;
  border: 0;
}

.elementor-element table th {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 140% !important;
  font-family: var(--body-font) !important;
  background-color: var(--midnight-primary) !important;
  color: var(--white) !important;
  padding: 10px 32px !important;
  text-align: left !important;
}
.elementor-element td,
.elementor-element th {
  border: 0 !important;
}

.elementor-element table tr th:first-child {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}
.elementor-element table tr th:last-child {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.elementor-element table tr td:first-child {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  font-weight: 600 !important;
}
.elementor-element table tr td:last-child {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.elementor-element table tr td {
  padding: 20px 32px !important;
  text-align: left !important;
  border-bottom: 4px solid transparent !important;
  color: var(--greyscale-1000) !important;
}
.elementor-element table tr:nth-child(odd) td {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.elementor-element table tr:nth-child(even) td {
  background-color: var(--white) !important;
}

.card-list-wrp {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.card-box {
  width: 100% !important;
  max-width: 100% !important;
  background-color: var(--white);
  border-radius: var(--radius-lg) !important;
  padding: 26px !important;
}
.card-box .elementor-widget-text-editor h3 {
  font-weight: 500 !important;
}
.certificate-card {
  padding: 40px 40px 104px !important;
  position: relative;
}
.certificate-card .download-file-btn {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.card-box .card-img {
  padding: 24px !important;
}

.card-icon {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin-bottom: 27px !important;
}
.certificate-card .card-icon {
  margin-bottom: 60px !important;
}
.certificate-card .elementor-widget-text-editor h3 {
  margin-bottom: 32px !important;
}
.card-icon.elementor-widget-image img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 0 !important;
}
.certificate-card .card-icon.elementor-widget-image img {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}
.certificate-card .elementor-widget-text-editor strong,
.elementor-widget-text-editor b {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.elementor-widget-image img {
  width: 100% !important;
  border-radius: var(--radius-md) !important;
}

.elementor-widget-text-editor {
  color: var(--greyscale-1000) !important;
  font-family: var(--body-font);
}
.elementor-widget-text-editor img {
  margin: 50px 0 !important;
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
  padding-left: 30px !important;
}

.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6,
.post-detail-content-wrp h4,
.post-detail-content-wrp h5,
.post-detail-content-wrp h6,
.blog-content-wrp h4,
.blog-content-wrp h5,
.blog-content-wrp h6 {
  font-weight: 600 !important;
  line-height: 120% !important;
  color: var(--greyscale-1000) !important;
  font-family: var(--body-font);
  text-align: left;
}
.elementor-widget-text-editor h3,
.elementor-widget-text-editor strong,
.elementor-widget-text-editor b,
.post-detail-content-wrp h3,
.blog-content-wrp h3 {
  font-weight: 600 !important;
  line-height: 120% !important;
  color: var(--greyscale-1000) !important;
  font-family: var(--body-font);
}
.elementor-widget-text-editor h2,
.post-detail-content-wrp h2,
.blog-content-wrp h2 {
  font-weight: 500 !important;
  line-height: 110% !important;
  color: var(--greyscale-1000) !important;
  font-family: var(--body-font);
}

.elementor-widget-text-editor h1,
.post-detail-content-wrp h1,
.blog-content-wrp h1 {
  font-weight: 400 !important;
  line-height: 120% !important;
  color: var(--greyscale-1000) !important;
  font-family: var(--body-font);
}

.elementor-widget-text-editor > ul > li,
.elementor-widget-text-editor > ol > li {
  margin-bottom: 20px;
}
.elementor-widget-text-editor p {
  font-weight: 400 !important;
  line-height: 140% !important;
  font-family: var(--body-font);
  color: var(--greyscale-1000) !important;
  margin-bottom: 25px;
}
.elementor-widget-text-editor h1,
.post-detail-content-wrp h1 {
  font-size: 48px !important;
  margin-bottom: 8px !important;
}
.elementor-widget-text-editor h2,
.post-detail-content-wrp h2 {
  font-size: 30px !important;
  margin-bottom: 32px !important;
}
.post-detail-content-wrp .elementor-widget-video {
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  margin: 50px 0 !important;
}

.elementor-widget-text-editor h3,
.post-detail-content-wrp h3 {
  font-size: 24px !important;
  margin-bottom: 32px !important;
}
.elementor-widget-text-editor h4,
.post-detail-content-wrp h4 {
  font-size: 16px !important;
  margin-bottom: 32px !important;
}

.elementor-widget-text-editor h5,
.post-detail-content-wrp h5 {
  font-size: 16px !important;
  margin-bottom: 32px !important;
}
.elementor-widget-text-editor h6,
.post-detail-content-wrp h6 {
  font-size: 16px !important;
  margin-bottom: 32px !important;
}

.elementor-widget-text-editor strong,
.elementor-widget-text-editor b,
.post-detail-content-wrp strong,
.post-detail-content-wrp b,
.blog-content-wrp strong,
.blog-content-wrp b {
  font-size: 16px !important;
}
.elementor-posts .elementor-post__excerpt p,
.post-loop-item .elementor-widget-theme-post-excerpt p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  font-family: var(--body-font);
}
.post-loop-item .elementor-widget-theme-post-excerpt p {
  color: var(--greyscale-900) !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.th_btn {
  white-space: nowrap;
}
.th-menu-toggle,
.content-filter-for-mob-tab {
  display: none !important;
}
.primary-btn .th_btn,
.blog-main-content .elementor-post__read-more,
.result-page-content .elementor-post__read-more,
.hero-inner .btn-group .th-btn,
.view-all-blog-btn-wrp .view-blogs-btn a,
.blog-main-content .elementor-more-link,
.primary-btn .elementor-button-link,
.primary-btn .elementor-button {
  display: inline-flex;
  height: 48px;
  min-width: auto !important;
  border-radius: var(--radius-lg);
  background-color: var(--midnight-primary);
  color: var(--white) !important;
  font-size: 16px;
  font-weight: 500;
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 1;
  position: relative;
}
.primary-btn .th_btn:hover,
.blog-main-content .elementor-post__read-more:hover,
.result-page-content .elementor-post__read-more:hover,
.hero-inner .btn-group .th-btn:hover,
.view-all-blog-btn-wrp .view-blogs-btn a:hover,
.blog-main-content .elementor-more-link:hover,
.primary-btn .elementor-button-link:hover,
.primary-btn .elementor-button:hover {
  background-color: var(--midnight-dark);
}
.secondary-btn .th_btn,
.widget-banner .th-btn,
.secondary-btn .th-btn,
.secondary-btn .elementor-button {
  display: inline-flex;
  height: 48px;
  min-width: auto !important;
  border-radius: var(--radius-lg);
  background-color: var(--lime);
  color: var(--midnight-primary);
  font-size: 16px;
  font-weight: 500;
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 0 !important;
  z-index: 1;
  position: relative;
}
.secondary-btn .th_btn:hover,
.widget-banner .th-btn:hover,
.secondary-btn .th-btn:hover,
.secondary-btn .elementor-button:hover {
  background-color: var(--lime-light);
}
.th_btn:before,
.th-btn:before {
  display: none !important;
}
.page-title-container {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.container-gap-100 .e-con-inner {
  max-width: calc(100% - 200px);
  width: calc(100% - 200px);
  margin: 0 auto;
}
.page-title-container .elementor-image-box-wrapper,
.container-gap-16 .e-con-inner {
  max-width: calc(100% - 32px);
  width: calc(100% - 32px);
  margin: 0 auto;
}
.mtb-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.section-padding-standard {
  padding: 100px 84px !important;
}
.section-standard-padding-gap .e-con-inner {
  max-width: calc(100% - 32px);
  width: calc(100% - 32px);
  margin: 0 auto;
  padding: 90px 84px 100px !important;
}

.page-title-container .elementor-image-box-img {
  width: 100% !important;
  height: 395px !important;
  border-radius: var(--radius-lg);
  margin-bottom: 0 !important;
  position: relative;
}
.page-title-container .elementor-image-box-img::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: linear-gradient(0deg, #000 12.91%, rgba(0, 0, 0, 0) 100%);
  z-index: var(--z-overlay);
  border-radius: var(--radius-lg);
}

.page-title-container .elementor-image-box-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.page-title-container .elementor-image-box-content {
  position: absolute;
  display: flex;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center;
  gap: 20px;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 60px);
  z-index: 1;
}
.page-title-container .elementor-image-box-content .elementor-image-box-title {
  color: var(--white);
  font-size: 44px;
  font-weight: 500 !important;
  line-height: 110% !important;
  width: 100%;
}
.page-title-container
  .elementor-image-box-content
  .elementor-image-box-description {
  width: 55%;
}
.page-title-container
  .elementor-image-box-content
  .elementor-image-box-description {
  color: var(--white);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.page-title-container
  .elementor-image-box-content
  .elementor-image-box-title
  br {
  display: none !important;
}
.about-us-content .e-con-inner {
  gap: 80px;
}
.content-image-container {
  gap: 80px;
}
.about-us-content .section-title.text-center h2 {
  margin-bottom: 50px !important;
  font-size: 44px !important;
  color: var(--greyscale-1000) !important;
}
.content-image-container .elementor-widget-image,
.content-image-container .elementor-widget-text-editor {
  height: 100% !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (min-width: 1200px) {
  .content-section__text {
    width: calc(60% - 40px) !important;
    align-items: center;
  }
  .content-section__image {
    width: calc(40% - 40px) !important;
  }
  .content-image-container img {
    width: 100% !important;
    height: 100% !important;
    height: 400px !important;
    object-fit: cover;
    border-radius: var(--radius-lg);
  }
}

/* ========================================================================
HEADER STYLES
======================================================================== */
.efs-header .header-layout2 {
  background-color: transparent;
  position: relative;
  padding: 20px 0;
}

.header-layout2 .header-logo {
  background-color: transparent !important;
  padding-top: 0 !important;
}

.header-layout2 .header-logo img {
  max-width: var(--header-logo-width);
}
.wpml-ls-item {
  display: none !important;
}
.esf-header-right .wpml-ls a.wpml-ls-item-toggle:after {
  content: "\f078";
  display: inline-block;
  position: relative;
  font-family: var(--icon-font);
  margin-left: 5px;
  font-weight: 600;
  top: 0;
  font-size: 0.9em;
  color: var(--midnight-primary);
  border: 0 !important;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  margin-left: 20px !important;
}
.esf-header-right .wpml-ls:hover .wpml-ls-item-toggle:after {
  transform: rotate(180deg);
}
.esf-header-right .wpml-ls-item-toggle .wpml-ls-native {
  display: none;
  color: var(--midnight-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-transform: uppercase;
}

.esf-header-right .wpml-ls-current-language a {
  padding: 10px 0 10px 10px !important;
  background: transparent !important;
  border: 0 !important;
}

.esf-header-right .wpml-ls {
  width: auto !important;
  margin-right: 3px;
}

.esf-header-right .wpml-ls .wpml-ls-sub-menu {
  right: 0;
  left: auto;
  background-color: var(--grey-bg);
  overflow: visible !important;
  border-radius: 24px;
  padding: 18px 20px 18px 18px;
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.15);
  min-width: 230px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 0 !important;
  transition: all 0.1s ease-in-out;
  display: none;
}
.esf-header-right .wpml-ls .wpml-ls-item:hover > .wpml-ls-sub-menu {
  display: block;
}
.wpml-ls-display {
  display: none !important;
}
.esf-header-right .wpml-ls .wpml-ls-sub-menu .wpml-ls-item a {
  color: var(--midnight-primary);
}
.efs-header.sticky .wpml-ls .wpml-ls-sub-menu .wpml-ls-item a,
.efs-header.sticky .wpml-ls-item-toggle .wpml-ls-native,
.efs-header.sticky .wpml-ls a.wpml-ls-item-toggle:after {
  color: var(--white);
}

.esf-header-right .wpml-ls .wpml-ls-sub-menu .wpml-ls-item:hover a {
  color: var(--midnight-light);
}
.esf-header-right .wpml-ls-legacy-dropdown .wpml-ls-flag {
  border-radius: 4px;
}

/* Menu Styles */
.header-layout2 .menu-area {
  padding: 0 10px 0 30px;
  background-color: transparent !important;
}

.main-menu > ul > li {
  margin: 0 var(--spacing-lg);
}

.header-layout2 .main-menu > ul > li > a {
  padding: 11px 0;
}

.main-menu a {
  color: var(--midnight-primary);
}

.header-layout2 .main-menu > ul > li > a:hover,
.main-menu ul.sub-menu li a:hover {
  color: var(--midnight-light);
}

.efs-header.sticky .header-layout2 .main-menu > ul > li > a:hover,
.efs-header.sticky .main-menu ul.sub-menu li a:hover,
.efs-header.sticky .wpml-ls .wpml-ls-sub-menu .wpml-ls-item:hover a {
  color: var(--lime);
}
.efs-header.sticky .header-logo {
  padding-left: 20px !important;
}

.main-menu > ul > li > a:before,
.main-menu ul.sub-menu li a:before {
  display: none;
}
.main-menu ul.sub-menu li a:hover {
  padding-left: 0px !important;
}
.main-menu ul.sub-menu {
  background-color: var(--grey-bg);
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.15);
}

.efs-header.sticky .main-menu ul.sub-menu,
.efs-header.sticky .wpml-ls .wpml-ls-sub-menu {
  background-color: var(--midnight-primary);
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.15);
}
.main-menu ul.sub-menu a {
  line-height: 40px;
}

.main-menu .menu-item-object-page,
.main-menu .wpml-ls-item {
  display: none !important;
}
/* menu styles end */

/* Search Styles */
.efs-header {
  align-items: center !important;
  flex-direction: row !important;
  width: 100%;
  max-width: 100% !important;
  padding: 0 10px;
  justify-content: space-between;
}
.efs-header-left {
  width: 75% !important;
}
.efs-header .esf-header-right {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end !important;
  width: auto !important;
  padding-right: 30px;
}
.search-toggle {
  min-width: 48px !important;
  height: 48px !important;
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 3px;
}
.search-toggle a {
  padding: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
  font-size: 16px !important;
  border-radius: var(--radius-full) !important;
  display: inline-block !important;
}

.esf-header-right .e-search i,
.esf-header-right .e-search-results-container {
  display: none !important;
}
.esf-header-right .e-search {
  position: relative;
}
.efs-search-wrapper {
  display: none;
  position: fixed;
  top: 100px;
  left: 2%;
  width: 95%;
  height: 48px;
  z-index: 9999;
  margin-left: 0px;
  padding: 0 10px;
  background-color: var(--white);
  border: 1px solid transparent;
  border-radius: var(--radius-lg);
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.15);
}
.efs-search-wrapper.efs-search-expanded {
  display: block !important;
}
.efs-search-wrapper .e-search-input-wrapper {
  padding-left: 67px;
}
.efs-search-wrapper .e-search-input {
  height: 46px !important;
  min-height: 46px !important;
  width: 100% !important;
  min-width: 100% !important;
  border: none !important;
  padding: 0 !important;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  outline: none;
  background-color: transparent;
  color: var(--greyscale-1000);
}

.efs-search-wrapper .e-search-submit {
  background-color: transparent !important;
  border: 0;
  padding: 0 !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: var(--radius-lg);
  margin-left: 0px !important;
  position: absolute;
  left: 14px;
  top: 0;
}

.efs-search-wrapper .e-search-submit svg,
.search-toggle svg {
  width: 24px !important;
  height: 24px !important;
}
.th-menu-toggle .elementor-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: transparent !important;
  color: var(--white-color) !important;
}
.sticky .search-toggle svg path {
  fill: var(--white) !important;
}
.sticky .efs-search-expanded {
  border: 1px solid var(--white) !important;
  left: 3%;
  width: 94.2%;
}
.e-search-input::placeholder {
  color: var(--greyscale-300) !important;
}
.sticky .e-search-input {
  color: var(--white) !important;
}
.sticky .header-logo img {
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.efs-header.sticky .esf-header-right {
  padding-right: 23px;
}
/* search styles end */

/* Mobile Menu Toggle */
.header-layout2 .th-menu-toggle {
  width: 46px;
  height: 46px;
  font-size: 16px;
  border-radius: var(--radius-full);
}

/* Sticky Header Styles */
.efs-header.sticky {
  background-color: var(--midnight-primary);
  right: var(--spacing-md) !important;
  left: var(--spacing-md) !important;
  width: calc(100% - var(--spacing-md) * 2) !important;
  top: 20px !important;
  border-radius: var(--radius-md);
  z-index: var(--z-sticky);
  position: fixed !important;
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.15);
}
.efs-header.sticky .header-layout2 {
  padding: 15px 0;
}

.header-layout2 .efs-header.sticky .header-logo {
  padding: 16px 0 17.2px;
}

.efs-header .header-layout2 .efs-header.sticky .header-search input {
  background-color: var(--bg-overlay);
  border: 1px solid var(--midnight-primary);
}

.efs-header .header-layout2 .efs-header.sticky .header-search .icon-btn {
  background-color: var(--lime);
  border: 4px solid var(--bg-overlay);
  color: var(--midnight-primary);
}

.efs-header .header-layout2 .efs-header.sticky .container {
  max-width: calc(100% - 40px) !important;
  padding: 0 var(--spacing-md) 0 20px;
}

.efs-header.sticky .main-menu a {
  color: var(--white);
}
.efs-header.sticky .primary-btn .elementor-button {
  background-color: var(--lime);
  color: var(--midnight-primary) !important;
}
.efs-header.sticky .primary-btn .elementor-button:hover {
  background-color: var(--lime-light);
}

/* Button Base Styles */
.th-btn {
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
}

/* ========================================================================
HERO SECTION STYLES
======================================================================== */
.hero-slider .e-con-inner {
  border-radius: 0 !important;
  overflow: hidden;
  border-radius: 20px !important;
  position: relative;
}

.hero-slider .slider-pagination {
  display: none !important;
}
.hero-slider .e-con-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 16.24%,
    rgba(0, 0, 0, 0.8) 94.97%
  );
  z-index: var(--z-overlay);
}

.hero-slider .th-btn {
  border-radius: 100px;
  min-width: 131px;
  height: 48px;
  text-transform: none;
  padding: 17px 0;
  font-weight: 500;
}
.hero-slider .title-area {
  margin: 0 !important;
}
.hero-slider .title-area .sec-title {
  color: var(--white-color);
  font-size: 60px;
  line-height: 110%;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 32px !important;
}
.hero-slider .title-area p {
  color: var(--white-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0 !important;
}
.slider-text {
  position: absolute;
  bottom: 80px;
  left: 86px;
  margin: 0 !important;
  width: 36%;
}

.company-list-section {
  margin: 60px 0 0px;
}

.contact-for-project .e-con-inner {
  background: var(--midnight-primary);
  border-radius: var(--radius-lg);
}

.contact-for-project .section-title .elementor-heading-title,
.contact-for-project .e-con-inner .section-sub-title p {
  color: var(--white) !important;
  margin-bottom: 32px !important;
  text-align: center !important;
}
.contact-cta .btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-wrp .e-con-inner {
  background: var(--white);
  border-radius: var(--radius-lg);
}
.project-wrp .section-title .elementor-heading-title {
  margin-bottom: 60px !important;
}
.home-product-section .section-title .elementor-heading-title {
  margin-bottom: 32px !important;
}
.home-product-section .section-sub-title .elementor-heading-title {
  margin-bottom: 50px !important;
}
.project-wrp .project-card .box-img img {
  min-height: 500px;
  max-height: 500px;
}
.project-wrp .project-card .box-title a {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.project-location,
.project-location .elementor-heading-title {
  display: block;
  font-weight: 500;
  color: var(--greyscale-800);
  line-height: 140%;
  font-size: 16px;
}
.project-wrp .project-card .box-content {
  padding: 16px 24px;
}
.project-wrp .project-card:hover .box-content {
  background-color: rgb(77 118 123 / 84%);
}
.project-wrp .project-card:hover .box-title,
.project-wrp .box-title a:hover {
  color: var(--white) !important;
}
.project-wrp .project-card:hover .project-location {
  color: #d9d8d8 !important;
}
.testimonial-content .swiper-slide {
  background-color: var(--white);
  padding: 40px 32px !important;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.testimonial-content .elementor-testimonial *,
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--body-font) !important;
}
.testimonial-content .swiper-slide .elementor-testimonial__text {
  margin-bottom: 100px !important;
}
.testimonial-content .swiper-slide .elementor-testimonial__text p,
.testimonial-content .swiper-slide .elementor-testimonial__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  color: var(--greyscale-800);
  text-align: left;
  font-style: normal;
}

.testimonial-content .swiper-slide .elementor-testimonial__text b {
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  color: var(--greyscale-1000);
  margin-bottom: 24px;
  font-style: normal;
}
.elementor-widget-testimonial-carousel .elementor-main-swiper {
  width: 100% !important;
}
.testimonial-content .swiper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 10%;
  height: 100%;
  background: linear-gradient(90deg, #e9e8e6 0%, rgba(233, 232, 230, 0) 100%);
  z-index: 9;
}
.testimonial-content .swiper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0%;
  width: 10%;
  height: 100%;
  z-index: 9;
  background: linear-gradient(90deg, rgba(233, 232, 230, 0) 0%, #e9e8e6 100%);
}
.testimonial-content .swiper-pagination {
  display: none !important;
}
.elementor-testimonial__footer .elementor-testimonial__name,
.elementor-testimonial__footer .elementor-testimonial__title {
  text-align: left;
}
.testimonial-content .elementor-testimonial__footer {
  justify-content: flex-start !important;
  position: absolute;
  bottom: 33px;
  left: 32px;
}
.testimonial-content
  .elementor-testimonial--align-center
  .elementor-testimonial {
  text-align: center;
  padding-bottom: 130px;
}
.testimonial-wrp {
  margin-top: 84px !important;
  margin-bottom: 60px !important;
}
.testimonial-wrp .section-title .elementor-heading-title {
  margin-bottom: 20px !important;
}
.testimonial-wrp .section-sub-title {
  margin-bottom: 50px !important;
}
.section-sub-title p {
  font-size: 18px !important;
  font-family: var(--body-font) !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: var(--greyscale-1000) !important;
}

.certificate-list-container img {
  max-height: 60px;
  border-radius: 0px !important;
}
.certificate-logo-slider {
  margin-top: 60px;
}
.certificate-list-container {
  display: block !important;
}
.certificate-list-container .swiper-slide {
  max-width: unset !important;
  min-width: unset !important;
  height: 60px !important;
  display: inline-block !important;
  text-align: center !important;
}
.about-site-section {
  gap: 80px;
}
/* ========================================================================
END HOME - BLOG SECTION STYLES
======================================================================== */

.blog-post-container .col-xl-4 {
  width: 25%;
}
.blog-post-container .blog-card {
  background-color: var(--white);
  padding: 0px;
}
.blog-post-container .blog-content .blog-meta {
  display: none;
}
.blog-post-container .blog-card .blog-img {
  border-radius: 12px 12px 0 0;
}
.blog-post-container .blog-card .box-date {
  display: block;
  margin: 20px 0 0;
  font-weight: 500;
  color: var(--greyscale-500);
  padding: 0 20px;
}
.blog-post-container .blog-card .box-date::before,
.blog-post-container .blog-card .line-btn:before {
  display: none;
}
.blog-post-container .blog-card .blog-content {
  padding: 0 20px 32px;
}
.blog-post-container .blog-card .box-title {
  margin: 0px 0 32px;
  font-size: 20px;
  font-weight: 500;
  color: var(--midnight-dark);
  line-height: normal;
  min-height: 48px;
}
.blog-post-container .blog-card .line-btn {
  text-transform: none;
  color: var(--midnight-primary);
  font-size: 16px;
  font-weight: 600;
}
.view-all-blog-btn-wrp {
  margin-top: 50px;
  text-align: center;
}

.blog-post-container .title-area {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 37px;
}
.blog-post-container .title-area .sec-title {
  font-size: 44px !important;
  line-height: 110% !important;
  font-weight: 400 !important;
  text-transform: none !important;
}
.blog-post-container .title-area p {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: var(--greyscale-1000);
}
.blog-post-container .title-area .sec-title,
.blog-post-container .title-area p {
  text-align: left !important;
}

/* ========================================================================
HOME - SOLUTIONS SECTION STYLES
======================================================================== */
.solution-section-wrp .e-con-inner {
  padding: 70px 84px 100px !important;
}
.solution-section-wrp .hero-4 {
  background: transparent !important;
  border-radius: var(--radius-md);
  padding: 0;
}
.solution-section-wrp .slider-arrow {
  display: none !important;
}
.solution-section-wrp .hero-4 .hero-inner {
  display: flex;
  align-items: center;
}
.hero-inner .btn-group .th-btn i {
  display: none;
}
.solution-section-wrp .hero-4 .hero-inner .hero-img {
  order: 1;
  position: relative;
}
.solution-section-wrp .hero-4 .hero-inner .hero-img img {
  mask-image: none !important;
  border-radius: var(--radius-md) !important;
}
.solution-section-wrp .hero-4 .hero-inner .sub-title2 {
  color: var(--midnight-dark);
  font-size: 44px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 120px;
}
.solution-section-wrp .hero-4 .hero-inner .container {
  width: 61%;
  margin: 0;
  order: 2;
  padding-left: 60px;
}
.solution-section-wrp .slider-arrow {
  display: none !important;
}
.solution-section-wrp .hero-4 .hero-inner .hero-title,
.solution-section-title .elementor-heading-title {
  color: var(--greyscale-1000);
  font-size: 44px;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 32px;
}
.solution-section-wrp .hero-4 .hero-inner .hero-text {
  color: var(--greyscale-1000);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.solution-section-wrp .hero-style4 .hero-text {
  max-width: 100% !important;
}
.solution-section-wrp .hero-4 .hero-inner .hero-style4 {
  margin: 120px 0;
}
.solution-section-wrp .hero-4 .hero-inner .th-btn {
  text-transform: none;
}
.solution-section-wrp .hero-4:after {
  display: none;
}
.solution-section-wrp img {
  border-radius: 30px !important;
}
/* ========================================================================
HOME - PROJECT SECTION STYLES
======================================================================== */
.home-project-listing-wrap {
  border-radius: 0 !important;
  max-width: 100%;
  width: 100%;
}

.home-project-listing-wrap .filter-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.home-project-listing-wrap .project-grid,
.home-project-listing-wrap .project-grid .box-img,
.home-project-listing-wrap .project-grid .box-img img {
  height: 375px;
  border-radius: 10px;
}

.home-project-listing-wrap .project-grid .box-content {
  width: calc(100% - 20px);
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 0 10px 0 23px;
  border-radius: var(--spacing-sm);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  height: 67px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-project-listing-wrap .project-grid .box-title {
  margin-bottom: 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.home-project-listing-wrap .project-grid .th-btn {
  background: var(--midnight-primary);
  margin: 0;
  border: 0;
  min-width: 41px !important;
  width: 41px !important;
  height: 41px;
  border-radius: var(--radius-full);
  padding: 0;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.home-project-listing-wrap .project-grid .th-btn i {
  margin-left: 0 !important;
}

.home-project-listing-wrap .project-grid .box-content .th-btn:before,
.related-post-wrp .blog-single .primary-btn {
  display: none !important;
}

/* ========================================================================
FOOTER SECTION STYLES
======================================================================== */

.effisus-footer {
  width: calc(100% - 32px);
  margin: 0 auto var(--spacing-md);
  padding: var(--spacing-xs) 80px 0 !important;
  border-radius: var(--radius-lg);
  color: var(--white) !important;
}

.effisus-footer p {
  color: var(--white) !important;
}
.effisus-footer .footer-mid-content-wrapper {
  border-top: 1px solid rgba(77, 118, 123, 0.5);
  border-bottom: 1px solid rgba(77, 118, 123, 0.5);
  padding: 60px 0 0;
}

/* Footer Menu Styles */
.effisus-footer .footer-widget.widget_nav_menu .widget_title img {
  display: none;
}

.effisus-footer .footer-widget.widget_nav_menu a {
  padding-left: 0;
}

.effisus-footer .footer-widget.widget_nav_menu a:hover {
  color: #f1f1f1;
}

.effisus-footer .footer-widget.widget_nav_menu a:before {
  content: "";
  display: none;
}

.effisus-footer .all-service-link .footer-widget {
  max-width: 220px;
}
.effisus-footer .legal-link .footer-widget {
  max-width: 195px;
}
/* Newsletter Form Styles */
.effisus-footer .elementor-widget-container,
.effisus-footer .newsletter-widget {
  max-width: 100%;
  width: 100%;
}
.effisus-footer .newsletter-widget {
  display: flex;
  margin: 70px 0 60px !important;
  justify-content: space-between;
}
.effisus-footer .newsletter-widget .widget_title {
  max-width: 400px;
  width: 400px;
  font-size: 48px;
  font-weight: 400;
  color: var(--white);
  margin-bottom: 0 !important;
}
.effisus-footer .newsletter-widget .newsletter-form {
  max-width: 50%;
  width: 50%;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.wpcf7-response-output {
  display: none !important;
}
.effisus-footer .newsletter-form .form-control {
  border-radius: var(--radius-lg);
  height: 50px;
  background-color: var(--bg-overlay);
  border: 1px solid var(--midnight-primary);
  width: calc(100% - 136px);
  color: var(--white);
}
.effisus-footer .newsletter-form .form-control:focus {
  border-color: var(--white) !important;
}

.effisus-footer .newsletter-form .form-control::placeholder {
  color: var(--muted-text);
}

.effisus-footer .newsletter-form .th-btn {
  width: 120px;
  border-radius: var(--radius-lg);
  background-color: var(--lime);
  color: var(--midnight-dark);
  font-size: 16px;
  padding: var(--spacing-md) 20px;
}

.effisus-footer .newsletter-form .th-btn::before {
  content: "";
  display: none !important;
}

/* Social Media Styles */
.effisus-social-btn-wrp .th-social {
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}

.effisus-social-btn-wrp .th-social a {
  background-color: transparent;
  width: var(--spacing-xl);
  border-radius: 0;
  margin-right: 0;
  width: 40px;
  height: 40px;
  box-shadow: none;
}
.effisus-social-btn-wrp .th-social a svg {
  border-radius: 10px;
  background-color: var(--midnight-primary);
}
.effisus-social-btn-wrp .th-social a:hover svg {
  background-color: var(--lime);
}
.effisus-social-btn-wrp .th-social a:hover svg path,
.effisus-social-btn-wrp .th-social a:hover svg rect {
  fill: var(--midnight-dark);
}

.effisus-footer .e-con.e-flex > .e-con-inner {
  margin: 0;
  width: 100%;
  max-width: 100%;
  flex-direction: row;
}
.efs-footer-bottom .e-con-inner {
  justify-content: flex-start !important;
}
.efs-footer-bottom .elementor-widget-container {
  padding: 0 !important;
}
.efs-footer-bottom .footer-links li {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.efs-footer-bottom .footer-links li a {
  text-decoration: underline;
}
.efs-footer-bottom .footer-links li a:hover {
  color: var(--white);
}
.effisus-footer .footer-widget.widget_nav_menu a:hover {
  color: var(--lime) !important;
}

.efs-footer-bottom .footer-links li:before {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  background: var(--white);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: relative;
  margin-left: 10px;
  margin-right: 5px;
  top: -2px;
}
.efs-footer-bottom .footer-links li:after {
  display: none !important;
}
.preloader .preloader-inner {
  text-align: center !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  line-height: 1 !important;
  height: 100% !important;
}
.preloader .loader {
  width: 48px !important;
  height: 48px !important;
  background: var(--theme-color);
  display: block !important;
  margin: 20px auto !important;
  position: relative !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  animation: rotationBack 1s ease-in-out infinite reverse !important;
  left: 0 !important;
}
.project-list-container .loader,
.product-list-container .loader {
  position: absolute !important;
}

/* ========================================================================
    BLOG PAGE STYLES
    ======================================================================== */

.blog-main-content > .e-con-inner,
.single-post-main-content > .e-con-inner,
.result-page-content > .e-con-inner {
  max-width: calc(100% - 200px) !important;
  width: calc(100% - 200px) !important;
  gap: 32px;
  flex-direction: row !important;
}
.single-post-main-content > .e-con-inner .elementor-widget-image {
  margin: 40px 0 !important;
}
.single-post-main-content > .e-con-inner .post-meta-info {
  margin-bottom: 40px !important;
}

.single-post-main-content
  > .e-con-inner
  .elementor-widget-theme-post-featured-image {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}
.single-post-title .e-con-inner,
.single-page-title .e-con-inner {
  max-width: calc(100% - 200px) !important;
  width: calc(100% - 200px) !important;
  gap: 25px;
  flex-direction: column !important;
}
.result-page-content {
  padding-bottom: 100px !important;
}
.blog-main-content .e-con-inner,
.blog-main-content .e-con-inner {
  flex-direction: row !important;
  margin: 110px auto;
}

.single-post-title .e-con-inner {
  margin: 92px auto 54px !important;
}
.single-page-title .e-con-inner {
  margin: 0px auto 54px !important;
}
.post-detail-content-wrp,
.blog-content-wrp {
  width: 65% !important;
}
.post-detail-content-wrp .slider-area,
.post-detail-content-wrp .img-box2 {
  margin: 50px 0 !important;
}

.blog-main-content .elementor-post__thumbnail {
  padding-bottom: 0 !important;
}
.blog-main-content .elementor-post__thumbnail img {
  width: 100% !important;
  height: auto !important;
  max-height: 495px !important;
  position: static !important;
  border-radius: var(--radius-lg);
  transform: none !important;
}
.blog-main-content .blog-single {
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
.blog-main-content .elementor-post__title,
.result-page-content .elementor-post__title,
.related-post-wrp .elementor-post__title {
  margin-bottom: 8px !important;
}
.blog-main-content .elementor-post__title a,
.result-page-content .elementor-post__title a,
.post-loop-item .elementor-widget-theme-post-title .elementor-heading-title {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 120% !important;
  color: var(--greyscale-1000) !important;
  margin-bottom: 0 !important;
}
.post-loop-item .elementor-widget-theme-post-title .elementor-heading-title {
  margin-bottom: 16px !important;
}
.elementor-post__thumbnail__link {
  margin-bottom: 8px !important;
}
.elementor-post__excerpt p:after {
  content: "...";
  display: inline-block;
  color: var(--greyscale-1000) !important;
}
.blog-main-content .elementor-post__excerpt,
.result-page-content .elementor-post__excerpt {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
}
.result-page-content .elementor-grid-item {
  padding: 10px !important;
  border-radius: var(--radius-lg) !important;
  /* background: var(--white) !important; */
  border: 1px solid var(--white) !important;
}
.result-page-content .elementor-post__text {
  padding: 0 5px 5px !important;
}
.blog-main-content .elementor-post__excerpt * {
  color: var(--greyscale-900) !important;
}
.blog-main-content .elementor-post__excerpt ul,
.blog-main-content .elementor-post__excerpt ol {
  padding-left: 40px !important;
}
.blog-main-content .elementor-post__read-more {
  padding: 0 24px !important;
}
.blog-main-content .elementor-post__meta-data {
  color: var(--midnight-primary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 120% !important;
}
.blog-main-content .elementor-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.blog-main-content .elementor-post__meta-data {
  display: inline-block !important;
  padding: 0 !important;
}
.elementor-posts .elementor-post__badge {
  position: static !important;
  background-color: transparent !important;
  margin: 0 !important;
  display: inline-block !important;
  text-transform: none !important;
  order: 0 !important;
}
.elementor-posts .elementor-post__card,
.elementor-post__meta-data {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.elementor-posts__hover-gradient
  .elementor-post__card
  .elementor-post__thumbnail__link:after {
  display: none !important;
}
.blog-main-content .elementor-post__read-more {
  display: inline-flex !important;
  align-items: center;
  justify-content: center !important;
  text-transform: none !important;
  margin-bottom: 0px !important;
}
.blog-main-content .elementor-post__card .elementor-post__meta-data {
  order: 0 !important;
}
.post-meta-info {
  margin: 12px 0 !important;
  align-items: center;
}
.post-meta-info * {
  color: var(--midnight-primary) !important;
}
.post-meta-info .post-type-label,
.post-meta-info .elementor-post-info__item,
.post-detail-content-wrp .elementor-post__badge {
  display: inline-flex;
  align-items: center;
  color: var(--midnight-primary);
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
}
.post-meta-info .post-type-label:after,
.post-detail-content-wrp .elementor-post__badge:before {
  content: "";
  display: inline-flex;
  align-items: center;
  width: 1px;
  height: 16px;
  background-color: var(--midnight-primary);
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
  top: 0px;
  left: 3px;
}

/* Blog Wrapper Styles */
.post-template-default,
.project-template-default {
  background-color: var(--white) !important;
}
.th-blog-wrapper,
.th-blog-wrapper.space-top.space-extra-bottom {
  padding-top: var(--spacing-3xl);
}

.th-blog-wrapper .container {
  max-width: calc(100% - 150px);
  padding: 0;
}

/* Blog Post Styles */
.blog-single {
  margin-right: 0 !important;
  margin-bottom: 16px !important;
}
.single-post-main-content {
  position: relative;
  background: transparent;
}
.post-detail-content-wrp img,
.blog-content-wrp img {
  max-height: 495px !important;
  width: 100% !important;
  border-radius: var(--radius-lg);
  margin-bottom: 10px !important;
}

.blog-single .blog-title {
  margin-bottom: 15px;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 400;
  color: #000;
}

.blog-single .blog-audio,
.blog-single .blog-img,
.blog-single .blog-video {
  margin-bottom: var(--spacing-xl);
}

.blog-img img {
  width: 100%;
}

/* Blog Content Buttons */
.blog-content .th-btn {
  display: inline-flex;
  width: 115px;
  min-width: 115px;
  height: 40px;
  padding: var(--spacing-sm);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-transform: lowercase;
}

.blog-content .th-btn::first-letter {
  text-transform: uppercase;
}

.blog-content .th-btn i {
  display: none;
}

.blog-details .blog-single {
  padding: 19px var(--spacing-sm) var(--spacing-xl);
  background-color: var(--white);
  border-radius: var(--radius-lg);
}
.single-post-title .elementor-page-title .elementor-heading-title,
.single-page-title .elementor-page-title .elementor-heading-title {
  font-size: 48px !important;
  font-weight: 400 !important;
  line-height: 110% !important;
  color: var(--greyscale-1000) !important;
  text-align: center !important;
}
.page-share-wrp {
  display: flex;
  gap: 32px;
  flex-direction: row !important;
  align-items: center !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  color: var(--greyscale-1000) !important;
  margin-top: 40px !important;
}
.page-share-wrp .elementor-share-btn {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: 25px !important;
  width: 25px !important;
  min-width: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-share-wrp .elementor-share-btn i,
.page-share-wrp .elementor-share-btn__icon {
  display: none !important;
}
.page-share-wrp .elementor-widget-share-buttons .elementor-grid-item {
  margin: 0 !important;
  height: 25px !important;
  width: 25px !important;
  min-width: 25px !important;
}
.page-share-wrp .elementor-share-btn_linkedin {
  background: url(../img/linkedin-icon.svg) no-repeat center center;
  background-size: 23px 22px;
}
.page-share-wrp .elementor-share-btn_facebook {
  background: url(../img/facebook-icon.svg) no-repeat center center;
  background-size: 12px 22px;
}
.page-share-wrp .elementor-share-btn_x-twitter {
  background: url(../img/x-icon.svg) no-repeat center center;
  background-size: 21px 22px;
}

.page-share-wrp .elementor-share-btn_email {
  background: url(../img/email-icon.svg) no-repeat center center;
  background-size: 24px 22px;
}
.page-share-wrp > div {
  display: inline-flex !important;
}
.related-post-wrp {
  margin-top: 100px;
}
.related-post-wrp > .e-con-inner {
  background: #ebe9e5;
  width: calc(100% - var(--spacing-xl));
  max-width: calc(100% - var(--spacing-xl));
  padding: 100px 84px;
  border-radius: var(--radius-lg);
}
.related-post-wrp .blog-single {
  margin-bottom: 0px !important;
}
.related-post-wrp .elementor-post__thumbnail,
.related-post-wrp .elementor-widget-theme-post-featured-image {
  height: 270px !important;
  border-radius: var(--radius-lg);
  padding: 0 !important;
}
.related-post-wrp .elementor-post__thumbnail img,
.related-post-wrp .elementor-widget-theme-post-featured-image img {
  max-height: 270px !important;
  width: 100% !important;
  border-radius: var(--radius-lg);
  margin-bottom: 10px !important;
  position: static !important;
  transform: none !important;
}

.related-post-wrp .elementor-post-date,
.result-page-content .elementor-post-date {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  color: var(--midnight-primary) !important;
}
.related-post-wrp .elementor-post__title a {
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  color: var(--greyscale-1000) !important;
  margin-bottom: 10px !important;
}
.related-post-wrp .elementor-post__excerpt p,
.result-page-content .elementor-post__excerpt p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: var(--greyscale-900) !important;
}
.result-page-content .elementor-post__thumbnail img {
  max-height: 270px !important;
  width: 100% !important;
  border-radius: var(--radius-lg);
  margin-bottom: 10px !important;
  position: static !important;
  transform: none !important;
}
.related-post-title {
  font-size: 48px;
  font-weight: 400;
  line-height: 110%;
  color: var(--greyscale-1000) !important;
  text-align: center !important;
  margin-bottom: 60px !important;
}
/* ========================================================================
    SIDEBAR STYLES
    ======================================================================== */
.sidebar-area {
  width: 35% !important;
  max-width: 35% !important;
}
.sidebar-area .widget_search input {
  height: 48px;
  border-radius: var(--radius-lg) !important;
}
.sidebar-area .widget {
  padding: 24px;
  border-radius: var(--radius-lg);
  border: none !important;
  background-color: #f5f4f2;
}
.sidebar-area .widget.widget_banner {
  background: var(--midnight-primary);
  text-align: center;
  padding: 60px 48px !important;
}
.sidebar-area .widget.widget_banner .section-title .elementor-heading-title {
  color: var(--white) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}
.sidebar-area
  .widget.widget_banner
  .section-sub-title
  .elementor-heading-title {
  color: var(--white) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  text-align: center !important;
  margin-bottom: 40px !important;
}
.widget-banner .secondary-btn {
  margin-top: 25px !important;
}
.sidebar-area .no-banner-widget {
  padding: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  background-color: transparent !important;
}
.sidebar-area .elementor-widget-sidebar {
  width: 100% !important;
}

.sidebar-area .widget .search-form button {
  height: 32px;
  width: 32px;
  min-width: 32px;
  top: 9px;
  right: 9px;
}

.sidebar-area .widget .search-form button:hover {
  background-color: var(--midnight-dark);
}

.sidebar-area .widget_categories li > span,
.sidebar-area .widget_categories li > a:before,
.content-filter-for-mob-tab
  .elementor-widget-wp-widget-rakar_category_list_widget
  li
  span {
  display: none;
}
.sidebar-area .widget_categories ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  margin: 14px 0 0px !important;
}
.sidebar-area .widget_categories ul li,
.content-filter-for-mob-tab
  .elementor-widget-wp-widget-rakar_category_list_widget
  ul
  li {
  display: inline-flex;
}
.content-filter-for-mob-tab
  .elementor-widget-wp-widget-rakar_category_list_widget
  ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
.sidebar-area .widget_categories li > a,
.content-filter-for-mob-tab
  .elementor-widget-wp-widget-rakar_category_list_widget
  li
  > a {
  padding: 11px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  background-color: var(--white) !important;
  color: var(--midnight-primary) !important;
  border: none;
  border-radius: var(--radius-md);
}
.sidebar-area .widget_categories ul li:hover a,
.content-filter-for-mob-tab
  .elementor-widget-wp-widget-rakar_category_list_widget
  li:hover
  a {
  background-color: var(--midnight-primary) !important;
  color: var(--white) !important;
}
.sidebar-area .widget_title {
  font-size: 24px;
  font-weight: 500 !important;
  line-height: 120% !important;
  padding-bottom: 0 !important;
}

.sidebar-area .widget_title,
.sidebar-area .widget_nav_menu a,
.sidebar-area .widget_meta a,
.sidebar-area .widget_pages a,
.sidebar-area .widget_archive a,
.sidebar-area .widget_categories a,
.sidebar-area .wp-block-categories a {
  color: #000;
}

.sidebar-area .widget_title:after,
.sidebar-area .widget_title:before {
  display: none;
}

.sidebar-area .recent-post .media-img::after,
.sidebar-area .recent-post .media-img::before {
  color: var(--white) !important;
}
.widget-banner .logo,
.widget-banner .th-btn i,
.widget-banner .box-link {
  display: none;
}
.widget-banner .th-btn {
  margin-top: 25px;
}
.widget-banner .box-title {
  font-weight: 600;
}
.widget-banner .box-text {
  font-weight: 400;
}
.widget .search-form input {
  padding-right: 50px;
  font-size: 15px;
}
.recent-post .post-title a {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 140% !important;
}
.recent-post .recent-post-meta a {
  color: var(--midnight-primary) !important;
}
.recent-post-wrap .post-title .text-inherit {
  display: -webkit-box; /* enable webkit box layout */
  -webkit-box-orient: vertical; /* vertical stacking */
  -webkit-line-clamp: 2; /* number of lines to show */
  overflow: hidden; /* hide the rest */
  text-overflow: ellipsis; /* show "..." at cutoff */
  /* optional niceties */
  line-height: 1.2;
  max-height: 45px; /* enforce exact 2-line height if needed */
}
/* Tag Cloud Styles */
.wp-block-tag-cloud a,
.tagcloud a {
  padding: var(--spacing-sm) 18px;
  border-radius: var(--radius-lg);
}
.recent-post .media-body {
  display: flex;
  flex-direction: column-reverse;
}
.recent-post-meta i {
  display: none !important;
}

/* ========================================================================
        CONTACT FORM STYLES
    ======================================================================== */

.contact-us-form-section .e-con-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  background: var(--midnight-primary) !important;
  border-radius: var(--radius-lg);
}
.contact-us-form-section.bg-with-animation .e-con-inner:after {
  bottom: -700px;
  width: 1000px;
  height: 1000px;
}
.contact-us-form-section .title-area {
  max-width: 90%;
}

.contact-us-form-section .cf-title .elementor-heading-title {
  color: var(--lime);
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.contact-us-form-section .cf-description .elementor-heading-title {
  color: var(--white);
  font-size: 44px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.44px;
}
.contact-us-form-section select,
.contact-us-form-section textarea,
.contact-us-form-section input {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: var(--radius-lg) !important;
  border: none !important;
  color: var(--white) !important;
}

.contact-us-form-section input::placeholder,
.contact-us-form-section textarea::placeholder {
  color: var(--white) !important;
}
.country-select.inside input,
.country-select.inside input[type="text"] {
  padding-left: 26px !important;
}
.country-select .selected-flag {
  border-radius: var(--radius-lg);
  background-color: transparent !important;
  width: 100% !important;
}
.country-select.inside .flag-dropdown {
  width: 100%;
  right: auto;
  left: 0px !important;
}
.country-select .selected-flag:hover,
.flag-dropdown:hover {
  background-color: transparent !important;
}
.country-select .selected-flag .arrow {
  border-top: 4px solid var(--white) !important;
  right: 19px;
}
.country-select .country-list {
  background-color: #2a5963 !important;
  border: 1px solid #2c6470 !important;
  border-radius: 20px !important;
  color: var(--white) !important;
}
.address-card-list {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 60px;
}

.address-card-list .card-box .card-heading {
  flex-direction: row;
  gap: 10px;
}

.address-card-list .card-box .card-heading .elementor-heading-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.address-card-list .card-box {
  background-color: #ebe9e5;
  padding: 40px 32px !important;
}

.address-card-list .card-box .card-heading {
  margin-bottom: 40px;
}
.contact-us-support .e-con-inner {
  padding: 100px 84px;
  flex-direction: row !important;
  gap: 80px;
  align-items: center !important;
}
.cf-submit-btn {
  margin-top: 16px !important;
}
.cf-terms p {
  color: var(--white) !important;
  margin-top: 40px !important;
  line-height: 140% !important;
}
.social-media-follow-wrp .section-sub-title p {
  color: var(--greyscale-1000) !important;
}
.country-select .flag-dropdown .flag {
  display: none !important;
}
.form-control {
  resize: none !important;
}
/* ========================================================================
      ABOUT US PAGE STYLES
    ======================================================================== */

.about-us-content .e-con-inner {
  background-color: var(--white);
  border-radius: var(--radius-lg);
}

.about-title-content .elementor-widget-text-editor {
  text-align: center;
}
.about-title-content .elementor-widget-text-editor p {
  font-size: 18px !important;
}

.section-title .elementor-heading-title {
  font-size: 44px !important;
  color: var(--greyscale-1000) !important;
  font-weight: 500 !important;
  letter-spacing: -0.44px !important;
  line-height: 110% !important;
  text-align: left !important;
  margin-bottom: 60px;
}
.section-title.text-center h2 {
  text-align: center !important;
}
.section-sub-title .elementor-widget-text-editor,
.section-sub-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-align: left !important;
}
.sustainability-section .e-con-inner {
  background-color: var(--midnight-primary);
  border-radius: var(--radius-lg);
  color: var(--white);
}
.sustainability-section .elementor-widget-text-editor {
  height: auto !important;
}
.sc-text-section {
  justify-content: center;
}
.sustainability-section .th-btn {
  margin-top: 60px;
}
.sustainability-section .elementor-widget-text-editor * {
  color: var(--white) !important;
}
.sustainability-section .content-image-container {
  padding: 0 !important;
}
.otc-text-box {
  margin-bottom: 44px !important;
}
.certificate-section {
  margin-bottom: 16px;
}
.certificate-section .e-con-inner {
  padding: 112px 88px;
  background-color: var(--white);
  border-radius: var(--radius-lg);
}
.certificate-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  row-gap: 12px;
}
.certificate-list .elementor-element {
  border-radius: 12px;
  background: rgba(235, 233, 229, 0.5);
  max-height: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
.certificate-list .elementor-element img {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

.view-all-crf-btn-wrp {
  margin-top: 60px;
}
.view-all-crf-btn-wrp .btn-wrapper {
  text-align: center !important;
}

.big-numbers-title-wrp {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 80px;
}

.big-numbers-title-wrp .bn-tile {
  border-radius: 20px;
  background: rgba(235, 233, 229, 0.5);
  padding: 24px;
  flex-direction: row;
  gap: 24px;
}
.bn-tile .elementor-widget-image {
  align-self: center;
}
.big-numbers-title-wrp .bn-tile img {
  width: auto !important;
  height: auto;
  border-radius: 0 !important;
}
.tile-value .elementor-heading-title {
  color: var(--midnight-primary);
  font-size: 38px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 8px !important;
}

.tile-label .elementor-heading-title {
  color: var(--greyscale-1000);
}
.cft-section-header .section-title .elementor-heading-title {
  margin-bottom: 32px !important;
  text-align: center !important;
}
.cft-section-header .section-sub-title .elementor-heading-title {
  margin-bottom: 60px !important;
  text-align: center !important;
  font-size: 18px !important;
  padding: 0 100px !important;
}
.why-us-section .section-title .elementor-heading-title {
  text-align: center !important;
}
/*=======================================================================
        Contact Us Page Styles
    ======================================================================== */
.contact-us-content {
  margin-top: 10px;
}
.contact-us-content .e-con-inner {
  background-color: var(--white);
  border-radius: var(--radius-lg);
}
.contact-us-content .section-title.text-center h2 {
  font-size: 44px !important;
  margin-bottom: 32px !important;
  line-height: 110% !important;
  letter-spacing: -0.44px !important;
  font-weight: 500 !important;
  color: var(--greyscale-1000) !important;
}

/* ========================================================================
                  Common Styles
    ======================================================================== */
.data-filter-section .e-con-inner {
  padding: 60px 84px 0px !important;
}
.data-filter-section .filter-title {
  display: none !important;
}
.data-filter-section .filter-container {
  padding-bottom: 24px !important;
  border-bottom: 1px solid var(--white) !important;
}

.select2-selection {
  border-radius: 20px !important;
}
.select2-dropdown {
  border-radius: 10px !important;
  overflow: hidden !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background: #eaeaea;
}
.pfwe-select2 .select2-selection__rendered {
  line-height: 48px !important;
  padding-right: 45px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 40px !important;
}
.form-tax .pfwe-select2 .select2-selection::after {
  background: url(../img/down-arrow-small.svg) no-repeat center center;
  background-size: 14px 14px;
  width: 16px;
  height: 16px;
  border: 0 !important;
  right: 20px !important;
  transition: all 0.2s ease-in-out !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: var(--midnight-primary) !important;
  color: var(--white) !important;
}
.select2-results__option {
  padding: 10px 15px !important;
}
.form-tax .pfwe-select2 .select2-container--open .select2-selection::after {
  transform: rotate(-180deg);
  top: 31%;
}
.no-post {
  max-width: calc(100% - 32px);
  width: calc(100% - 32px);
  margin: 0 auto;
  padding: 100px 84px;
  color: var(--midnight-primary);
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

.data-list-container .e-con-inner {
  padding: 60px 84px 100px !important;
}

.data-filter-section .e-con-inner {
  padding: 60px 84px 0px !important;
}
.data-filter-section .filter-title {
  display: none !important;
}
.data-filter-section .filter-container {
  padding-bottom: 24px !important;
  border-bottom: 1px solid var(--white) !important;
}

.no-post {
  max-width: calc(100% - 32px);
  width: calc(100% - 32px);
  margin: 0 auto;
  padding: 100px 84px;
  color: var(--midnight-primary);
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

/* ========================================================================
                   PROJECT PAGE STYLES
    ======================================================================== */
.project-list-container .e-con-inner {
  padding: 60px 84px 100px !important;
}

.project-title-section .project-location .elementor-heading-title {
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 130% !important;
  color: var(--greyscale-1000) !important;
  text-align: center !important;
}
.sidebar-area .project-info-wrap {
  padding: 0 !important;
  margin: 0 !important;
}
.sidebar-area .project-info-wrap .box-title {
  display: none !important;
}
.project-details {
  background-color: #f5f4f2 !important;
  border-radius: var(--radius-lg) !important;
  padding: 32px !important;
}
.project-info-wrap {
  background-color: transparent !important;
}

.project-details .box-title .elementor-heading-title {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 130% !important;
  color: var(--midnight-primary) !important;
  margin-bottom: 32px !important;
}
.project-details .project-info .box-label,
.project-details .project-info .box-label .elementor-heading-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  color: var(--greyscale-700) !important;
}

.project-details .project-info .box-name,
.project-details .project-info .box-name .elementor-heading-title {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 130% !important;
  color: var(--midnight-primary) !important;
}
.project-feature-image {
  margin-bottom: 60px !important;
}
.project-template-default .contact-for-project .e-con-inner {
  margin-top: 80px !important;
}
.author-details .elementor-image-box-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.author-details .elementor-image-box-wrapper .elementor-image-box-img {
  width: 64px !important;
  height: 64px !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}
.author-details .elementor-image-box-wrapper .elementor-image-box-img img {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
}
.author-details .elementor-image-box-title {
  margin-bottom: 8px !important;
}
.author-details .elementor-image-box-description {
  color: var(--greyscale-1000) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  text-align: left !important;
}
.project-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.project-item .elementor-widget-image {
  height: 350px;
}

.project-item .elementor-widget-image img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  height: 100% !important;
}

.project-item .project-title-wrp {
  width: calc(100% - 32px);
  position: absolute;
  bottom: 16px;
  left: 16px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 16px;
  padding: 16px 24px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.project-item:hover .project-title-wrp {
  background-color: rgb(77 118 123 / 84%);
}

.project-item .project-title .elementor-heading-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 5px;
  color: var(--greyscale-1000) !important;
}
.project-item:hover .project-title .elementor-heading-title {
  color: var(--white) !important;
}
.project-item:hover .project-location .elementor-heading-title {
  color: #d9d8d8 !important;
}
.project-item:hover .elementor-widget-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* ========================================================================
   ACF AJAX LOADING STATE STYLES
   ======================================================================== */
.acf-field.is-loading {
  position: relative;
  opacity: 0.6;
  pointer-events: none;
}

.acf-field.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 2px solid var(--midnight-primary);
  border-top-color: transparent;
  border-radius: 50%;
  animation: acf-spin 0.6s linear infinite;
  z-index: 10;
}

@keyframes acf-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ========================================================================
        PRODUCTS SLIDER STYLES
======================================================================== */
.post-loop-slider .elementor-loop-container.swiper {
  position: relative;
  overflow: visible;
}

.post-loop-slider .elementor-widget-container {
  overflow: hidden;
  padding-right: 100px;
}
.post-loop-slider .elementor-widget-container.slidable {
  padding-right: 32px;
}
.post-loop-slider.product-list-container .related-product-slider {
  padding-right: 0px !important;
}
.post-loop-slider .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

.post-loop-slider .swiper-slide {
  height: auto !important;
  box-sizing: border-box;
}

.post-loop-slider .last-slide {
  margin-right: 32px !important;
}

/* Swiper Navigation Buttons */
.post-loop-slider .swiper-button-next,
.post-loop-slider .swiper-button-prev {
  width: 48px;
  height: 48px;
  background-color: transparent;
  border: 1px solid var(--midnight-primary);
  border-radius: var(--radius-full);
  color: var(--white);
  transition: all 0.3s ease;
}

.post-loop-slider .swiper-button-next:after,
.post-loop-slider .swiper-button-prev:after {
  display: none !important;
}
.post-loop-slider .swiper-btn {
  top: -87px !important;
}
.post-loop-slider .swiper-btn.swiper-button-prev {
  left: auto !important;
  right: 160px !important;
}
.post-loop-slider .swiper-btn.swiper-button-next {
  left: auto !important;
  right: 100px !important;
}
.post-loop-slider .related-product-slider .swiper-btn.swiper-button-prev {
  left: auto !important;
  right: 60px !important;
}
.post-loop-slider .related-product-slider .swiper-btn.swiper-button-next {
  left: auto !important;
  right: 0px !important;
}
.swiper-btn i {
  color: var(--midnight-primary);
}

.post-loop-slider .swiper-button-next:hover,
.post-loop-slider .swiper-button-prev:hover {
  background-color: var(--midnight-primary);
  border-color: var(--midnight-dark);
  transform: scale(1.05);
}

.post-loop-slider .swiper-button-next.swiper-button-disabled,
.post-loop-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  background-color: transparent !important;
  cursor: not-allowed;
  border-color: var(--midnight-primary) !important;
}
.swiper-btn:hover i {
  color: var(--white) !important;
}
.swiper-btn.swiper-button-disabled i {
  color: var(--midnight-primary) !important;
}
.technical-data-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--midnight-primary) var(--white) !important;
  scrollbar-gutter: stable !important;
}
.technical-data-table-wrapper table,
.technical-data-table-wrapper table th,
.technical-data-table-wrapper table td {
  border: 0 !important;
}
.product-template-default .certificate-card .download-file-btn {
  position: static;
  margin-top: 30px;
}
.product-template-default .certificate-card .download-file-btn a {
  position: static;
  display: inline-flex;
  height: 48px;
  min-width: auto !important;
  border-radius: var(--radius-lg);
  background-color: var(--midnight-primary);
  color: var(--white) !important;
  font-size: 16px;
  font-weight: 500;
  padding: 14px 12px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 1;
}
.product-template-default .certificate-card .elementor-button-icon {
  display: none;
}
.product-template-default .certificate-card .elementor-heading-title {
  font-size: 24px;
  line-height: 120% !important;
  height: 80px;
}

.product-feature-image img {
  max-height: 400px;
  object-fit: contain;
}
/* ========================================================================
                   PRODUCT PAGE STYLES
======================================================================== */
.single-product {
  background-color: var(--white) !important;
}
.product-list-container .e-con-inner {
  padding: 60px 84px 100px !important;
}
.product-list-container .swiper-slide,
.product-list-container .e-loop-item {
  background-color: var(--white) !important;
  border-radius: var(--radius-lg) !important;
  padding-top: 20px !important;
}
.product-list-container .product-item .product-content {
  padding: 24px !important;
  gap: 12px !important;
  flex-direction: column !important;
  margin-top: 8px !important;
  min-height: 175px;
  max-height: 190px;
}
.product-list-container .product-item .product-img a {
  display: block;
  width: 100%;
}
.product-list-container .product-item .product-img {
  height: 250px;
  max-height: 250px;
  object-fit: contain;
  border-radius: 0 !important;
}
.product-list-container .product-item .product-img img {
  width: 100% !important;
  max-height: 250px;
  object-fit: contain;
  border-radius: 0 !important;
}
.product-list-container .product-item .elementor-heading-title {
  margin-bottom: 0 !important;
}

.product-list-container .product-item .product-title {
  height: 48px;
}
.product-list-container .product-item .product-title,
.product-list-container .product-item .product-title a {
  display: block;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 120% !important;
  color: var(--greyscale-1000) !important;
  text-transform: uppercase;
}
.product-list-container .product-item .product-desc {
  color: var(--greyscale-800) !important;
}
.product-list-container .product-item .product-desc * {
  color: var(--greyscale-800) !important;
  margin-bottom: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  display: inline-block !important;
}
.product-list-container .product-item .product-desc > p:after,
.product-list-container .product-item .product-desc > h3:after,
.product-list-container .product-item .product-desc > h4:after,
.product-list-container .product-item .product-desc > h5:after,
.product-list-container .product-item .product-desc > h6:after,
.product-list-container .product-item .product-desc > ul:after,
.product-list-container .product-item .product-desc > ol:after,
.product-list-container .product-item .product-desc > strong:after {
  content: "...";
  display: inline-block;
}
.product-detail-hero-section .e-con-inner {
  gap: 80px;
}
.product-feature-image {
  background-color: #0000000a !important;
  padding: 24px !important;
  border-radius: var(--radius-md) !important;
  align-items: center;
  justify-content: center;
}
.product-feature-image .elementor-element {
  width: 100% !important;
}
.product-hero-content {
  justify-content: center;
  height: 100%;
}
.product-certifacate-list {
  justify-content: flex-start;
  gap: 20px;
}
.pc-item {
  display: inline-flex !important;
  background: rgba(235, 233, 229, 0.4);
  padding: 16px 20px;
  border-radius: 16px;
  width: auto !important;
  align-items: center !important;
  gap: 32px !important;
}

.pc-item img {
  height: 40px;
  border-radius: 0;
}
.pc-item .elementor-button-link {
  padding: 0 !important;
  background-color: transparent !important;
}
.pc-item .elementor-element {
  display: inline-flex !important;
  align-items: center !important;
}
.pc-item .elementor-button-link svg {
  width: 26px !important;
  height: 26px !important;
}

.product-title .elementor-heading-title {
  font-size: 44px !important;
  font-weight: 500 !important;
  line-height: 110% !important;
  letter-spacing: -0.44px !important;
  margin-bottom: 32px !important;
}

.product-hero-content .product-sort-desc h2,
.product-hero-content .product-sort-desc h3,
.product-hero-content .product-sort-desc h4 {
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 130% !important;
  margin-bottom: 32px;
}
.product-hero-content .product-sort-desc p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  margin-bottom: 32px;
  color: var(--greyscale-1000) !important;
}
.product-hero-content .product-sort-desc p:last-child {
  margin-bottom: 0 !important;
}

.product-details-open-btn {
  justify-items: flex-end;
}
.product-details-open-btn .elementor-button-link {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 140% !important;
  margin-bottom: 32px;
  color: var(--midnight-primary) !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.product-details-open-btn
  .elementor-button-link
  .elementor-button-content-wrapper {
  gap: 0 !important;
}
.product-details-open-btn .elementor-button-link svg {
  width: 24px !important;
  height: 24px !important;
}
.product-details-tabs-wrapper .e-n-tabs {
  gap: 0 !important;
}

.product-details-tabs-wrapper .e-n-tab-title {
  background-color: #ebe9e5 !important;
  padding: 20px 24px !important;
  border-radius: 16px 16px 0 0 !important;
}
.product-details-tabs-wrapper .e-n-tab-title .e-n-tab-title-text {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 140% !important;
  color: var(--greyscale-700) !important;
}
.product-details-tabs-wrapper .e-n-tab-title[aria-selected="true"] {
  background-color: var(--off-white) !important;
}
.product-details-tabs-wrapper
  .e-n-tab-title[aria-selected="true"]
  .e-n-tab-title-text {
  color: var(--greyscale-1000) !important;
}

.product-details-tabs-wrapper
  .e-n-tabs-content
  > .elementor-element
  > .elementor-element {
  background-color: var(--off-white) !important;
  border-radius: 16px !important;
  padding: 100px 84px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.img-video-card-listing {
  gap: 32px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}
.img-video-card-listing > .elementor-element {
  background-color: var(--white) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
}
.img-video-card-listing > .elementor-element figure {
  width: 100% !important;
}
.img-video-card-listing > .elementor-element img {
  width: 100% !important;
  height: 290px !important;
  object-fit: cover !important;
}
.img-video-card-listing .img-box2 {
  margin-left: 0px !important;
}
.img-video-card-listing .elementor-image-box-title,
.img-video-card-listing .elementor-heading-title {
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: var(--greyscale-1000) !important;
  text-align: center !important;
  padding: 0 10px !important;
}
.img-video-card-listing .elementor-heading-title {
  margin-bottom: 15px !important;
}
.img-video-card-listing .elementor-image-box-img {
  margin-bottom: 10px !important;
}
.img-video-card-listing .elementor-widget-rakarvideo {
  margin-bottom: 17px !important;
}
.certificate-list-wrp {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
}
.certificate-list-wrp .certificate-card {
  padding: 32px !important;
}
.certificate-list-wrp .certificate-card .elementor-widget-image img {
  height: 80px !important;
  border-radius: 0 !important;
}
.certificate-list-wrp .certificate-card .card-icon {
  margin-bottom: 48px !important;
}
.tools-list-wrp {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.tools-list-wrp .tool-card {
  background-color: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  overflow: hidden;
  padding: 32px 0;
}
.tools-list-wrp .tool-card .elementor-widget-image img {
  max-width: 100% !important;
  height: 300px !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  margin-bottom: 30px;
}

.tool-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  color: var(--greyscale-1000);
  text-transform: uppercase;
  padding: 0 24px;
  margin-bottom: 32px !important;
}
.tool-desc {
  color: var(--greyscale-800) !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  padding: 0 24px;
}
.file-listing-wrp {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 32px !important;
  row-gap: 16px !important;
}
.file-listing-wrp .file-item {
  width: 100% !important;
  background-color: var(--white);
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
  padding: 13px 16px;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center;
  gap: 12px !important;
}
.file-name-box {
  flex-direction: row !important;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 134px);
}
.file-listing-wrp .download-file-btn .elementor-button {
  min-width: auto !important;
  padding: 14px 12px !important;
}
.file-listing-wrp .file-item .elementor-widget-icon .elementor-icon-wrapper {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 26px;
  height: 32px;
}
.file-listing-wrp .file-item .elementor-widget-icon svg {
  height: 26px;
}

.applied-product-list .e-con-inner {
  border-radius: var(--radius-lg) !important;
  padding: 100px 0px 100px 100px !important;
  background-color: #ebe9e5 !important;
}
.applied-product-list .section-title .elementor-heading-title,
.related-product-list .section-title .elementor-heading-title {
  margin-bottom: 60px !important;
}
.applied-product-list .section-title,
.related-product-list .section-title {
  width: 100% !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
.related-product-list .e-con-inner {
  background-color: #e9e8e6;
  border-radius: var(--radius-lg) !important;
  padding: 90px 80px 100px !important;
  margin-bottom: 16px !important;
}
.product-post-container .e-con-inner {
  background-color: var(--white);
  border-radius: var(--radius-lg);
  padding: 100px 84px !important;
}
.product-post-container .product-list-container .e-loop-item {
  background-color: #0000000a !important;
  border-radius: var(--radius-lg) !important;
  padding-top: 48px !important;
}
.product-post-container .product-list-container .product-item {
  background-color: transparent !important;
}
.product-post-container .title-area {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between !important;
  margin-bottom: 80px !important;
}
.product-post-container .title-area p {
  color: var(--greyscale-1000) !important;
  width: 35% !important;
}

.content-page ol,
.content-page ul {
  padding-left: 40px !important;
}
.content-page .e-con-inner {
  padding-bottom: 30px;
}
.content-page .elementor-widget-text-editor {
  overflow-x: auto;
}
#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  a.mgbutton,
#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  button.mgbutton {
  background-color: var(--midnight-primary) !important;
}

#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  a.mgbutton:hover,
#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  button.mgbutton:hover {
  background-color: var(--midnight-dark) !important;
}

#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar)
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  button.mgbutton.moove-gdpr-infobar-settings-btn {
  background-color: transparent !important;
  color: var(--midnight-primary) !important;
  border: 1px solid var(--midnight-primary) !important;
}

#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar)
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button.gdpr-fbo-2:hover {
  background-color: var(--midnight-primary) !important;
  color: var(--white) !important;
}
.no-related-project {
  margin-top: 16px !important;
}