/*
Theme Name: Armor Roofing
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {
  --p: clamp(14px, 1.8vw, 18px);
  --p2: clamp(14px, 2vw, 15px);
  --p3: clamp(14px, 2vw, 20px);
  --btn1: clamp(14px, 1.6vw, 17px);
  --font-1: "Inter", sans-serif;
  --font-2: "Bebas Neue", sans-serif;

  --color1: #173f62;
  --color2: #886451;
  --color3: #246197;
  --color4: #0b1e2f;
  --color5: #051218;
  --color6: #5e5e70;
  --color7: #d9d9d9;
  --color8: #1f4363;

  --h1: clamp(48px, 8.8vw, 85px);
  --h2: clamp(32px, 6vw, 55px);
  --h3: clamp(20px, 3.5vw, 32px);
  --h4: clamp(18px, 3vw, 30px);
  --h4-24: clamp(16px, 3vw, 24px);
  --h4-20: clamp(14px, 2vw, 20px);
  --h5: clamp(14px, 1.5vw, 16px);
  --h6: clamp(14px, 2vw, 20px);

  --a: #886451;
  --hover: #886451;

  --darktitle: white;
  --darktext: white;
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */

main {
  overflow: hidden;
}

.main-overflow-visible main {
  overflow: visible;
}

.element.top-ticker {
  background-color: var(--color5);
  z-index: 1;
}

.top-ticker .top-alert {
  padding: 10px 0px 8px;
}

.top-alert .item {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  column-gap: 30px;
}

.top-alert .item p {
  margin-bottom: 0;
  color: #fff;
  font-family: var(--font-1);
  font-size: var(--p2);
  font-weight: 400;
  line-height: normal;
}

.top-alert .item strong {
  color: var(--color2);
  font-family: var(--font-2);
  font-size: var(--btn1);
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.7px;
}

.top-ticker .top-alert .svg-close svg {
  width: 8px;
  height: 8px;
}

.element .h1,
body:not(.wp-admin) h1 {
  color: #fff;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  font-family: var(--font-2);
  font-size: var(--h1);
  font-weight: 400;
  line-height: 100%;
}

.element .h2,
body:not(.wp-admin) h2 {
  color: var(--color4);
  font-family: var(--font-2);
  font-size: var(--h2);
  font-weight: 400;
  line-height: 100%;
}

.element .h3,
body:not(.wp-admin) h3 {
  color: #fff;
  font-family: var(--font-2);
  font-size: var(--h3);
  font-weight: 400;
  line-height: 100%;
}

.element .h4,
body:not(.wp-admin) h4 {
  color: #fff;
  font-family: var(--font-2);
  font-size: var(--h4);
  font-weight: 400;
  line-height: 100%;
}

.element .h5,
body:not(.wp-admin) h5 {
  color: var(--color2);
  font-family: var(--font-1);
  font-size: var(--h5);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 4.8px;
  text-transform: uppercase;
}

.element .h6,
body:not(.wp-admin) h6 {
  color: #fff;
  font-family: var(--font-2);
  font-size: var(--h6);
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2px;
}

.dtext,
.ptext {
  color: var(--color6);
  font-family: var(--font-1);
  font-size: var(--p);
  font-weight: 400;
  line-height: 150%;
}

.dtext strong {
  color: var(--color4);
  font-weight: 600;
}

.dtext ul {
  padding-left: 20px;
}

.dtext > *:not(:last-child),
.ptext > *:not(:last-child) {
  margin-bottom: 27px;
}

.dtext ul li::marker {
  color: var(--color2);
  font-size: 24px;
}

.dtext ul li:not(:last-child) {
  margin-bottom: 28px;
}

.clr1 {
  color: var(--color2);
}

.element.obg-bpy-41 .wrap > .overlay-bg {
  background-position-y: 41%;
}

.element.w-overflow-hidden .wrap {
  overflow: hidden;
}

.element .owlbtn {
  background-color: var(--color2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.element .is-inner .owlprev {
  left: -20px;
}

.element .is-inner .owlnext {
  right: -20px;
}

.element .container-xl {
  z-index: 2;
}

.element .mobile-view-lg {
  position: sticky;
  top: 98px;
  z-index: 99;
}

.element .dcustom-select {
  border: 0;
}

.element .custom-select__trigger {
  padding: 0 15px;
  border-color: var(--color3);
  color: var(--color4);
  height: 50px;
  line-height: 50px;
}

.element .custom-options {
  border: 1px solid var(--color3);
  border-top: 0;
}

.element .custom-options .nav-link {
  padding: 17.5px 15px;
  color: var(--color4);
  transition: 0.3s;
}

.element .custom-option.selected,
.element .custom-option:hover {
  background-color: hsla(208, 61%, 37%, 0.4);
  color: #fff;
}

.element.w-mt-minus-40px .wrap {
  margin-top: -40px;
}

.element.w-mt-minus-64px .wrap {
  margin-top: -64px;
}

.element.w-mt-minus-98px .wrap {
  margin-top: -98px;
}

.element.w-mt-minus-140px .wrap {
  margin-top: -140px;
}

.element.w-mt-minus-170px .wrap {
  margin-top: -170px;
}

.element.container-mxw-771 .container-xl {
  max-width: 771px;
}

.element.r-colgap-85px .row {
  margin-inline: -42.5px;
}

.element.r-colgap-85px .row > div {
  padding-inline: 42.5px;
}

.element.dinfo-mxw-500 .dinfo {
  max-width: 500px;
}

.element.dinfo-mxw-100pct .dinfo {
  max-width: 100%;
}

/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */

.btn {
  padding: 14px 25px;
  border-radius: 100px;
  border: 2px solid var(--color2);
  background-color: transparent;
}

.btn::after {
  background-color: var(--color2);
}

.btn:hover span {
  color: #fff;
}

.btn span {
  color: var(--color2);
  font-family: var(--font-1);
  font-size: var(--btn1);
  font-weight: 500;
  line-height: normal;
  transition: 0.3s;
}

.btn[data-icon="icon"] {
  border: 0;
  border-radius: 0;
}

.btn[data-icon="icon"]::after {
  background-color: transparent;
}

.btn[data-icon="icon"] img {
  max-width: 173;
  width: auto;
}

.link-text {
  padding-bottom: 10px;
  position: relative;
}

.link-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 2px;
  background-color: var(--color2);
  opacity: 0;
  transition: 0.3s;
}

.link-text:hover::after {
  width: 100%;
  opacity: 1;
}

.link-text span {
  color: #fff;
  font-family: var(--font-1);
  font-size: var(--btn1);
  font-weight: 500;
  line-height: normal;
}

.menu-extension .btn {
  padding: 15.5px 25.4px;
  border: 0;
  background-color: var(--color3);
}

.menu-extension .btn span {
  color: #fff;
  text-transform: uppercase;
}

/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */

.navbar-brand {
  width: 300px;
}

header .menu_wrap {
  padding: 30px 0;
  position: relative;
  transition: 0.3s;
}

header.sticky-me .menu_wrap {
  padding: 20px 0 0;
}

header .navbar-brand {
  position: relative;
}

header .navbar-brand::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -162px;
  width: 931px;
  height: 160px;
  background-image: url(images/upload/HEAD_BG.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.4;
  pointer-events: none;
  z-index: -1;
  transition: 0.3s;
}

header[data-sticky="sticky-fixed"]:not(.menu-overlay) .menu_wrap,
header[data-sticky="sticky-fixed"].sticky-me .menu_wrap {
  background-color: hsla(208, 62%, 24%, 0.99);
}

header.sticky-me {
  top: -20px;
}

.home header[data-sticky="sticky-fixed"].sticky-me .menu_wrap::after {
  opacity: 0.4;
}

.home header .menu_wrap::after {
  opacity: 0.1;
}

.home header .navbar-brand::after {
  width: 920px;
  height: 139px;
  background-image: url(images/upload/H_HEAD_BG.svg);
}

.error404 header .menu_wrap,
.single header .menu_wrap {
  background-color: var(--color4);
}

header .navbar-collapse {
  margin-bottom: 18px;
  transition: 0.3s;
}

#navbar-home .menu-extension {
  margin-left: 40px;
}

header .mobile-menu .navbar-nav {
  margin-top: 30px;
}

header.element .f-icon svg {
  width: 36px;
  max-height: 36px;
}

.menu-toggle .f-icon svg g {
  fill: #fff;
}

.menu-toggle .closer .f-icon svg {
  width: 25px;
  max-height: 25px;
}

.menu-toggle .closer .f-icon svg g {
  fill: var(--color2);
}

/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */

#navbar-home .navbar-nav {
  gap: 41px;
}

#menu-main.navbar-nav .nav-link {
  padding: 10px 0;
  position: relative;
}

#menu-main.navbar-nav .nav-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 2px;
  background-color: var(--color2);
  opacity: 0;
  transition: 0.3s;
}

#menu-main .menu-item.active .nav-link::before,
#menu-main.navbar-nav .nav-link:hover::before {
  opacity: 1;
  width: 100%;
}

#menu-main .nav-link span {
  color: #fff;
  font-family: var(--font-1);
  font-size: var(--btn1);
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  transition: 0.3s;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-menu .menu-item a {
  background-color: #fff;
}

.dropdown-menu .menu-item a span {
  transition: 0.3s;
}

.dropdown-menu .menu-item.active a span,
.dropdown-menu .menu-item a:hover span {
  color: var(--color2);
}

.dropdown-menu .menu-item a span {
  color: var(--color4);
}

.mobile-menu .m-toggler:hover, .mobile-menu .m-toggler.active {
  opacity: 1;
}

header .mobile-menu .m-toggler {
  border: 1px solid var(--color2);
  border-radius: 4px;
  background-color: transparent;
  right: 0;
  top: 9px;
  opacity: 1;
}

header .mobile-menu .m-toggler svg {
  filter: none;
}

header .mobile-menu .dropdown-menu .menu-item, header .mobile-menu .dropdown-item:hover {
  background-color: transparent;
}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */

.contact footer {
  display: none;
}

.footer-mt-minus-50px footer {
  margin-top: -50px;
}

.page-id-4067 footer,
.page-id-3177 footer {
  background-color: hsla(0, 0%, 94%, 0.6);
}

footer .lines-container {
  top: -90px;
  max-height: 183px;
  max-width: 1657px;
  left: 50%;
  transform: translateX(-50%);
}

footer .lines-container > .overlay.lines {
  width: calc(100% + 217px);
  background-image: url(images/upload/F_LINES.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

footer > .overlay.mask,
footer > .footer-bg {
  mask-image: url(images/mask/F_Mask.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center top;
}

footer > .footer-bg {
  mask-image: url(images/mask/F_Mask2.svg);
  max-height: 788px;
}

footer > .overlay.mask .overlay.color1 {
  background: linear-gradient(360deg, #051218 0%, rgba(5, 18, 24, 0) 53.67%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

footer > .overlay.mask .overlay.color2 {
  background: linear-gradient(0deg, #051218 20.19%, rgba(5, 18, 24, 0) 43.15%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

footer > .overlay.mask .overlay.color3 {
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 66.34%
  );
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.ff-cta .wrap {
  min-height: 580px;
  align-items: center;
  z-index: 1;
}

.ff-cta .dinfo {
  max-width: 506px;
  margin-bottom: 10px;
}

.ff-cta .h5,
.ff-cta .h2,
.ff-cta .dtext,
.ff-cta .btn span {
  color: #fff;
}

.ff-cta .h5 {
  margin-bottom: 34px;
}

.ff-cta .h2 {
  margin-bottom: 28px;
}

.ff-cta .btn-loop {
  margin-top: 40px;
}

.ff-cta.cta-1 .dinfo {
  max-width: 525px;
}

.ff-cta.cta-2 .dinfo {
  max-width: 399px;
}

.areas-ticker .wrap {
  padding: 26px 0 24px;
  background-color: hsla(208, 62%, 24%, 0.6);
  z-index: 1;
}

.areas-ticker .dinfo {
  min-width: 135px;
}

.areas-ticker .owl-bg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 64px;
  row-gap: 10px;
}

.areas-ticker .slide-bg.is-grid {
  padding: 0;
  max-width: 971px;
}

.areas-ticker .owl-stage {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 5px;
  text-align: center;
}

.areas-ticker .tick-btn img {
  max-width: 15px;
  width: auto;
}

.areas-ticker .location {
  color: #fff;
  font-size: var(--p2);
  font-weight: 400;
  line-height: normal;
}

.areas-ticker .is-grid .tick-btn {
  display: none;
}

.ff-content .wrap {
  padding: 31px 0 30px;
}

.ff-content .dflex-between {
  gap: 30px;
}

.ff-content .dtop {
  padding-bottom: 38px;
  margin-bottom: 34px;
  border-bottom: 1px solid hsla(0, 0%, 85%, 0.15);
  column-gap: 57px;
}

.ff-content .dbot {
  column-gap: 113px;
  padding-bottom: 11px;
  margin-bottom: 29px;
  border-bottom: 4px solid hsla(21, 25%, 43%, 0.8);
}

.ff-content .menu-title {
  display: none;
}

.ff-content .navbar-brand {
  width: 330px;
  min-width: 330px;
}

.ff-content .dcompany {
  margin-bottom: 23px;
}

.ff-content .sc-div {
  align-items: center;
}

.ff-content .sc-div .sc-ba {
  display: none;
}

.ff-content .dcompany,
.ff-content .footer-menu {
  flex-grow: 1;
}

.ff-content .menu-links.mv {
  border: 1px solid hsla(0, 0%, 85%, 0.15);
  background-color: hsla(0, 0%, 100%, 0.8);
}

.ff-content .menu-links.is-mobile li::before {
  top: 12px;
  /* filter: brightness(0) invert(1); */
}

.ff-content .menu-links.is-mobile li {
  border-color: hsla(0, 0%, 85%, 0.6);
}

.ff-content .menu-links.dv {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.ff-content .is-link.is-active span,
.ff-content .is-link:hover span {
  color: var(--color2);
}

.ff-content .menu-item,
.ff-content .is-link span {
  color: hsla(0, 0%, 100%, 0.7);
  font-family: var(--font-1);
  font-size: var(--btn1);
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.3s;
}

.ff-content .social-icons {
  gap: 24px;
}

.ff-content .social-icons .soc-link {
  border: 1px solid hsla(0, 0%, 92%, 0.2);
  background-color: transparent;
  transition: 0.3s;
}

.ff-content .social-icons .soc-link:hover {
  background-color: var(--color2);
  border-color: var(--color2);
}

.ff-content .social-icons .soc-link:hover img {
  filter: brightness(0) invert(1);
}

.ff-content .social-icons .soc-link img {
  max-width: 14px;
  max-height: 14px;
  min-width: auto;
  filter: none;
  opacity: 1;
  transition: 0.3s;
}

.element .ff-content .ssc .sc-icon {
  height: auto;
  max-width: 25px;
  max-height: 24px;
}

.ff-content .copyright .dflex-between {
  flex-wrap: wrap;
  row-gap: 10px;
}

.ff-content .sc-contact:hover p,
.ff-content .sc-contact:hover span {
  color: var(--color2);
}

.ff-content .sc-contact p,
.ff-content .sc-contact span {
  color: hsla(0, 0%, 100%, 0.7);
  font-family: var(--font-1);
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 400;
  line-height: 120%;
  transition: 0.3s;
}

.ff-content .copy,
.ff-content .web,
.ff-content .web a {
  color: hsla(0, 0%, 100%, 0.7);
  font-family: var(--font-1);
  font-size: clamp(13px, 2vw, 14px);
  font-weight: 400;
  line-height: normal;
  transition: 0.3s;
}

.ff-content .web a:hover {
  color: var(--color2);
}

/* #endregion */

/*------------------------------------------
    #MARK: GFORM
------------------------------------------*/
/* #region */

.gform .gform_heading {
  display: none;
}

.gform .gform-theme--framework form .gform_fields {
  row-gap: 31px;
}

.gform .gform-theme--framework .gfield_required_text,
.gform .gform-theme--framework .gfield_validation_message,
.gform .gform-theme--framework .gform_validation_errors {
  display: none;
}

.gform .gform-theme--framework [aria-invalid="true"] {
  border-color: var(--color2);
}

.gform .gform-theme--framework form .gfield_label {
  margin-bottom: 10px;
  color: hsla(0, 0%, 100%, 0.7);
  font-family: var(--font-1);
  font-size: var(--p2);
  font-weight: 400;
  line-height: 150%;
}

.gform .gform-theme--framework form .gfield_required_asterisk {
  color: var(--color2);
}

.gform .gform-theme--framework form textarea,
.gform .gform-theme--framework form input {
  border: 2px solid #fff;
  border-radius: 0;
  color: var(--color6);
  font-family: var(--font-1);
  font-size: var(--p2);
  font-weight: 400;
  line-height: 150%;
  box-shadow: none;
  outline: none;
}

.gform .gform-theme--framework form input {
  height: 50px;
}

.gform .gform-theme--framework form textarea:focus,
.gform .gform-theme--framework form input:focus {
  background-color: #fff;
}

.gform .gform-theme--framework form textarea {
  height: 150px;
  resize: none;
}

.gform .gform-theme--framework form textarea.large {
  min-block-size: auto;
}

.gform .btn {
  padding: 14px 25px !important;
  border-radius: 100px !important;
  border: 2px solid var(--color2) !important;
  background-color: var(--color2) !important;
  transition: 0.3s !important;
}

.gform .btn:hover {
  background-color: transparent !important;
}

.gform .btn span {
  color: #fff;
  font-family: var(--font-1);
  font-size: var(--btn1);
  font-weight: 500;
  line-height: normal;
  transition: 0.3s;
}

.gform .gform-theme--framework form .gform_footer {
  margin-block-start: 59px;
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

.hero-01 .overlay.mask {
  mask-image: url(images/mask/B_Mask1.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center bottom;
  max-height: 810px;
}

.element.obg-h-flip .overlay-bg {
  transform: scaleX(-1);
}

.hero-01 .overlay.mask2 {
  mask-image: url(images/mask/B_Mask1.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center bottom;
  max-height: 810px;
}

.hero-01 .overlay.mask3 {
  mask-image: url(images/mask/B_Mask2.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center bottom;
  max-height: 810px;
  top: 30px;
  z-index: -1;
}

.hero-01 .overlay.color1 {
  background: linear-gradient(
    303.83deg,
    rgba(1, 8, 18, 0.7) 0%,
    rgba(1, 8, 18, 0) 60.16%
  );
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.hero-01 .overlay.color2 {
  background: linear-gradient(
    180deg,
    rgba(1, 8, 18, 0.3) 0%,
    rgba(1, 8, 18, 0) 28.7%
  );
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.hero-01 .overlay.color3 {
  background: linear-gradient(
    180deg,
    rgba(1, 8, 18, 0.3) 0%,
    rgba(1, 8, 18, 0) 100%
  );
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.hero-01 .overlay.color4 {
  background-color: var(--color3);
}

.hero-01 .hero-opt {
  padding: 0;
  max-width: 543px;
}

.home .hero-01 [data-vflex="default"] .dinfo {
  margin-top: 174px;
}

.hero-01 [data-vflex="default"] .dinfo {
  margin-top: 198px;
}

.hero-01 .btn-loop {
  margin-top: 40px;
}

.hero-01 .btn span {
  color: #fff;
}

.hero-01 .ver-2 .overlay.mask2,
.hero-01 .ver-2 .overlay.mask {
  height: 810px;
  top: -260px;
}

.hero-01.obg-top-35px .ver-2 .overlay.mask .overlay-bg {
  top: 35px;
}

.hero-01.obg-top-66px .ver-2 .overlay.mask .overlay-bg {
  top: 66px;
}

.hero-01.obg-top-94px .ver-2 .overlay.mask .overlay-bg {
  top: 94px;
}

.hero-01.obg-top-125px .ver-2 .overlay.mask .overlay-bg {
  top: 125px;
}

.hero-01.obg-top-184px .ver-2 .overlay.mask .overlay-bg {
  top: 184px;
}

.hero-01 .ver-2 .overlay.mask3 {
  height: 810px;
  top: -234px;
}

.hero-01 .ver-2 .overlay.color4 {
  background-color: var(--color1);
}

.hero-01 .ver-2 .overlay.line {
  max-width: 596px;
  max-height: 70px;
  top: unset;
  bottom: 45px;
  left: calc(50% + 107px);
  background-image: url(images/upload/B_LINE.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

.hero-01.line-pos2 .ver-2 .overlay.line {
  bottom: 77px;
  left: calc(50% + 430px);
}

.contact .hero-01 .overlay.line,
.hero-01 .overlay.lines {
  display: none;
}

.contact .hero-01 .wrap {
  z-index: 1;
}

.contact .hero-01 .overlay.lines {
  display: block;
}

.contact .hero-01 .overlay.color4 {
  background-color: var(--color2);
}

.hero-01 .overlay.lines {
  max-width: 1055px;
  max-height: 118px;
  top: unset;
  bottom: -6px;
  left: 62%;
  transform: translateX(-50%);
  background-image: url(images/upload/B_LINES.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW COUNT UP 01
------------------------------------------*/
/* #region */

.rowcount-01 .dinfo,
.rowcount-01 .dcounters,
.rowcount-01 .card {
  position: relative;
}

.rowcount-01 .cc > .dinfo {
  max-width: 507px;
}

.rowcount-01 .cc > .dinfo .h5 {
  margin-bottom: 35px;
}

.rowcount-01 .card .dinfo {
  margin-bottom: 24px;
}

.rowcount-01 .h2 {
  margin-bottom: 30px;
}

.rowcount-01 .btn-loop {
  margin-top: 40px;
  column-gap: 45px;
}

.rowcount-01 [data-design*="row"][data-rtl="1"] .card {
  margin-left: auto;
}

.rowcount-01 .card {
  max-width: 470px;
  min-height: 854px;
  margin-top: -318px;
  padding: 94px 60px 60px;
  position: relative;
}

.rowcount-01 .card::after {
  content: "";
  position: absolute;
  left: -70px;
  bottom: -35px;
  width: calc(100% + 70px);
  height: 100%;
  max-height: 436px;
  background-image: url(images/upload/R_17.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.rowcount-01 .card .overlay-bg {
  mask-image: url(images/mask/C_Mask1.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center center;
}

.rowcount-01 .item {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 30px;
}

.rowcount-01 .item:not(:last-child) {
  border-bottom: 1px solid hsla(214, 48%, 23%, 0.1);
}

.rowcount-01 .count_up {
  /* min-width: 136px; */
  padding-left: 15px;
  color: var(--color4);
  font-family: var(--font-2);
  font-size: 75px;
  font-weight: 400;
  line-height: 100%;
}

.rowcount-01 .pad {
  min-width: 184px;
}

.rowcount-01 .count_up > span > span {
  font-family: var(--font-1);
  font-size: 33px;
  color: var(--color2);
  vertical-align: middle;
}

.rowcount-01 .ititle {
  color: var(--color6);
  font-family: var(--font-2);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW CARDS 01
------------------------------------------*/
/* #region */

.rowcards-01 .overlay-set {
  max-width: 493px;
  max-height: 550px;
  top: -41px;
  left: calc(50% + 391px);
}

.rowcards-01 .overlay-set::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 329px;
  max-height: 226px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.rowcards-01 .dinfo {
  max-width: 500px;
}

.rowcards-01 .dinfo > div {
  max-width: 450px;
}

.rowcards-01 .cc .row {
  margin-inline: -5px;
  row-gap: 10px;
}

.rowcards-01 .cc .row > div {
  padding-inline: 5px;
}

.rowcards-01 .pad {
  position: relative;
}

.rowcards-01 .dimage {
  padding-inline: 60px;
  min-height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.rowcards-01 .diconn {
  max-width: 40px;
  margin-bottom: 27px;
}

.rowcards-01 .dimage .overlay.color {
  background-color: hsla(208, 62%, 24%, 0.9);
}

.rowcards-01 .h5 {
  margin-bottom: 34px;
}

.rowcards-01 .h2 {
  margin-bottom: 30px;
}

.rowcards-01 .btn-loop {
  margin-top: 40px;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW POSTER QUOTE 01
------------------------------------------*/
/* #region */

.rowposter-quote-01 [data-design*="poster"][data-col="6-6"] .overlay-bg {
  max-width: calc(50% - 15px);
}

.rowposter-quote-01 .overlay.line {
  max-width: 538px;
  max-height: 36.5px;
  top: unset;
  left: unset;
  bottom: -28px;
  right: calc(50% + 395px);
  background-image: url(images/upload/LINE.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

.rowposter-quote-01 .wrap {
  margin-block: 94px;
}

.rowposter-quote-01 .wrap:not([data-custom="v-align"]) .row {
  align-items: start;
}

.rowposter-quote-01 .wrap:not([data-custom="v-align"]) .dinfo {
  margin-top: 47px;
}

.rowposter-quote-01 [data-custom="v-align"] .dinfo {
  margin-bottom: 55px;
}

.rowposter-quote-01 .cc:first-child {
  min-height: 520px;
  display: flex;
  align-items: end;
}

.rowposter-quote-01 .dinfo {
  max-width: 500px;
}

.rowposter-quote-01 .dinfo .dtext {
  max-width: 384px;
}

.rowposter-quote-01 .h2 {
  margin-bottom: 30px;
  max-width: 384px;
}

.rowposter-quote-01 .h5 {
  margin-bottom: 35px;
}

.rowposter-quote-01 .btn-loop {
  margin-top: 40px;
}

.rowposter-quote-01 .slide-bg.is-inner {
  padding-inline: 0;
  width: calc(100% + 160px);
  margin-left: -200px;
  margin-bottom: -50px;
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
}

.rowposter-quote-01 .owl-item .item {
  padding: 40px 60px;
  height: auto;
  min-height: 245px;
}

.rowposter-quote-01 .item::after {
  content: "";
  position: absolute;
  top: 27px;
  left: 42px;
  width: 18px;
  height: 13px;
  background-image: url(images/icons/quote.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.rowposter-quote-01 .col-info {
  max-width: 609px;
  margin-bottom: 35px;
}

.rowposter-quote-01 .item .dtext {
  font-style: italic;
  font-weight: 300;
}

.rowposter-quote-01 .davatar {
  height: 50px;
  width: 50px;
  background-color: transparent;
}

.rowposter-quote-01 .davatar .bg-img {
  min-height: auto;
}

.rowposter-quote-01 .ititle {
  color: var(--color4);
  font-family: var(--font-2);
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 400;
  line-height: 100%;
}

.rowposter-quote-01 .posn,
.rowposter-quote-01 .company {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
}

.rowposter-quote-01 .dflex-center {
  gap: 20px;
}

.rowposter-quote-01 .rating {
  max-width: 170px;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */

.rowmedia-01 .wrap {
  z-index: 1;
}

.rowmedia-01 .dinfo {
  /* max-width: 500px; */
  max-width: 497px;
}

.rowmedia-01 .h2 {
  margin-bottom: 30px;
}

.rowmedia-01 .wrap:not([data-custom="v-align"]) .dinfo {
  margin-top: 60px;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW ACCORDION 01
------------------------------------------*/
/* #region */

.rowaccordion-01 .d-popmedia {
  margin-top: 67px;
}

.rowaccordion-01 .dinfo {
  max-width: 500px;
}

.rowaccordion-01 .h5 {
  margin-bottom: 25px;
}

.rowaccordion-01 .h2 {
  margin-bottom: 20px;
}

.rowaccordion-01 .item {
  padding: 20px 0;
}

.rowaccordion-01 .item:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 85%, 0.6);
}

.rowaccordion-01 .ihead:hover .ititle,
.rowaccordion-01 [aria-expanded="true"] .ititle {
  color: var(--color2);
}

.rowaccordion-01 .ititle {
  color: var(--color4);
  font-family: var(--font-1);
  font-size: var(--h4-20);
  font-weight: 600;
  line-height: 110%;
  transition: 0.3s;
}

.rowaccordion-01 [data-accordion] .acc-indicator {
  width: 14px;
  height: 14px;
}

.rowaccordion-01 [data-accordion] .acc-indicator div {
  width: 100%;
  height: 100%;
  transition: 0.3s;
}

.rowaccordion-01 .ihead:hover .acc-indicator .on::before,
.rowaccordion-01 .ihead:hover .acc-indicator .off::before,
.rowaccordion-01 .ihead:hover .acc-indicator .off::after,
.rowaccordion-01 [aria-expanded="true"] .acc-indicator .on::before,
.rowaccordion-01 [aria-expanded="true"] .acc-indicator .off::before,
.rowaccordion-01 [aria-expanded="true"] .acc-indicator .off::after {
  background-color: var(--color2);
}

.rowaccordion-01 .acc-indicator .on::before,
.rowaccordion-01 .acc-indicator .off::before,
.rowaccordion-01 .acc-indicator .off::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 2px;
  background-color: var(--color4);
  transition: 0.3s;
}

.rowaccordion-01 .acc-indicator .off::after {
  transform: translateY(-50%) rotate(90deg);
}

.rowaccordion-01 .pad {
  padding-top: 20px;
}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS 01
------------------------------------------*/
/* #region */

.cards-01 .overlay.lines {
  width: calc(100% + 402px);
  max-height: 183px;
  top: -58px;
  background-image: url(images/upload/LINES.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

.cards-01 .wrap > .overlay.color1 {
  background-color: var(--color2);
  mask-image: url(images/mask/S_Mask2.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center top;
  max-height: 98%;
}

.cards-01 .wrap > .overlay.color2 {
  background: linear-gradient(180deg, #173f62 6.97%, #0b1e2f 155.85%);
  mask-image: url(images/mask/S_Mask1.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center top;
  max-height: 97%;
}

.cards-01 .wrap > .overlay.color3 {
  background-color: var(--color2);
  mask-image: url(images/mask/S_Mask2.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center bottom;
  top: unset;
  bottom: 0;
  max-height: 10%;
}

.cards-01 .wrap > .overlay.color4 {
  background: linear-gradient(360deg, #173f62 6.97%, #0b1e2f 155.85%);
  mask-image: url(images/mask/S_Mask1.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center bottom;
  top: unset;
  bottom: 0;
  max-height: 10%;
}

.cards-01.homepage-services .wrap > .overlay.color3,
.cards-01.homepage-services .wrap > .overlay.color4 {
  display: none;
}

.cards-01 .dinfo {
  margin-bottom: 60px;
  align-items: start;
  column-gap: 109px;
  row-gap: 30px;
}

.cards-01 .dinfo > div:last-child {
  max-width: 511px;
  margin-top: 73px;
}

.cards-01 .h5,
.cards-01 .h2 {
  color: #fff;
}

.cards-01 .h5 {
  margin-bottom: 35px;
}

.cards-01 .dtext,
.cards-01 .ptext {
  color: hsla(0, 0%, 100%, 0.8);
}

.cards-01 .row {
  margin-inline: -5px;
  row-gap: 10px;
}

.cards-01 .row > div {
  padding-inline: 5px;
}

.cards-01 .dimage {
  min-height: 370px;
  padding: 30px 28px 30px 30px;
  display: flex;
  align-items: end;
}

.cards-01 .dimage .overlay.color1 {
  max-height: 215px;
  top: unset;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(1, 8, 18, 0) 0%,
    rgba(1, 8, 18, 0.7) 100%
  );
  transition: 0.5s ease;
}

.cards-01 .dimage .overlay.color2 {
  background-color: hsla(199, 66%, 6%, 0.9);
  opacity: 0;
  transition: 0.5s ease;
}

.cards-01 .item:hover .overlay.color1 {
  opacity: 0;
}

.cards-01 .item:hover .overlay.color2 {
  opacity: 1;
}

.cards-01 .item:hover .hidden {
  grid-template-rows: 1fr;
}

.cards-01 .hidden {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease;
}

.cards-01 .hidden > .content {
  padding-bottom: 8px;
  overflow: hidden;
}

.cards-01 .ititle {
  padding-bottom: 19px;
  transition: 0.3s;
}

.cards-01 .item:hover .ititle {
  margin-bottom: 14px;
  padding-bottom: 15px;
}

.cards-01 .ititle,
.cards-01 .pad {
  position: relative;
}

.cards-01 .content > div {
  padding-top: 8px;
}

.cards-01 .ititle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: var(--color2);
}

.cards-01 .item .dtext {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: var(--p2);
}

.cards-01 .item .dtext ul li:not(:last-child) {
  margin-bottom: 0;
}

.cards-01 .btn-loop {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.cards-01 .btn-loop .btn span {
  color: #fff;
}

.cards-01 .abtn-loop {
  margin-top: 30px;
}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS 02
------------------------------------------*/
/* #region */

.cards-02 .wrap {
  overflow: hidden;
}

.cards-02 .overlay-bg {
  min-height: 900px;
  mask-image: url(images/mask/S_Mask3.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center top;
  mix-blend-mode: multiply;
}

.cards-02 .wrap > .overlay.color1 {
  max-height: 402px;
  background-color: var(--color2);
  mask-image: url(images/mask/S_Mask4.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center top;
  z-index: -1;
}

.cards-02 .wrap > .overlay.color2 {
  min-height: 900px;
  mask-image: url(images/mask/S_Mask3.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center top;
  background: linear-gradient(180deg, #173f62 7.65%, #0b1e2f 171.06%);
  z-index: -1;
}

.cards-02 .dinfo {
  margin-bottom: 60px;
  text-align: center;
}

.cards-02 .h2 {
  margin-bottom: 30px;
  color: #fff;
}

.cards-02 .dtext,
.cards-02 .ptext {
  color: rgba(255, 255, 255, 0.7);
}

.cards-02 .dtext {
  color: #fff;
}

.cards-02 .item {
  height: 100%;
  padding: 40px 33px;
  background-color: var(--color8);
}

.cards-02 .d-row {
  margin-bottom: 30px;
}

.cards-02 .diconn {
  justify-content: start;
  opacity: 0.1;
}

.cards-02 .ititle {
  margin-top: 4px;
  color: #fff;
  font-family: var(--font-1);
  font-size: var(--h4-24);
  font-weight: 600;
  line-height: 110%;
}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS 03
------------------------------------------*/
/* #region */

.cards-03 .dinfo {
  margin-bottom: 60px;
  text-align: center;
}

.cards-03 .dimage {
  height: 520px;
}

.cards-03 .h2 {
  margin-bottom: 30px;
}

.cards-03 .ititle {
  margin-top: 4px;
  color: #fff;
  font-family: var(--font-1);
  font-size: var(--h4-24);
  font-weight: 600;
  line-height: 110%;
}

/* #endregion */

/*------------------------------------------
    #MARK: ICONS 01
------------------------------------------*/
/* #region */

.icon-01 .dinfo {
  max-width: 800px;
  margin-inline: auto;
  margin-bottom: 61px;
  text-align: center;
}

.icon-01 .row {
  justify-content: center;
}

.icon-01 [data-ctr="2"] .row > div {
  max-width: 425px;
}

.icon-01 .diconn {
  max-width: 80px;
  height: 80px;
  margin-bottom: 30px;
  border-radius: 50%;
  background-color: hsla(240, 9%, 60%, 0.15);
}

.icon-01 .h2:not(:only-child) {
  margin-bottom: 30px;
}

.icon-01 .ititle {
  margin-bottom: 29px;
  min-height: 52px;
  color: var(--color4);
  font-family: var(--font-1);
  font-size: var(--h4-24);
  font-weight: 600;
  line-height: 110%;
}

/* #endregion */

/*------------------------------------------
    #MARK: ICONS 02
------------------------------------------*/
/* #region */

.icon-02 .dinfo {
  margin-bottom: 60px;
  text-align: center;
}

.icon-02 .item {
  padding: 40px;
  height: 100%;
  background-color: var(--color8);
}

.icon-02 .diconn {
  margin-bottom: 30px;
  max-width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: hsla(240, 9%, 60%, 0.15);
}

.icon-02 .ititle {
  margin-bottom: 29px;
  color: #fff;
  font-family: var(--font-1);
  font-size: var(--h4-24);
  font-weight: 600;
  line-height: 110%;
}

.icon-02 .dtext {
  color: hsla(0, 0%, 100%, 0.7);
}

/* #endregion */

/*------------------------------------------
    #MARK: SLIDER LOGO 01
------------------------------------------*/
/* #region */

.sliderlogo-01 .overlay.color {
  height: 854px;
  mask-image: url(images/mask/L_Mask.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center top;
  background: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);
}

.sliderlogo-01 .overlay.line {
  max-width: 538px;
  max-height: 36.5px;
  top: 19px;
  left: calc(50% + 200px);
  background-image: url(images/upload/LINE.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

.sliderlogo-01 .dinfo {
  margin-bottom: 54px;
}

/* #endregion */

/*------------------------------------------
    #MARK: GRID CPT SLIDER 01
------------------------------------------*/
/* #region */

.slidercpt-01 .dinfo {
  margin-bottom: 60px;
  text-align: center;
}

.slidercpt-01 .h5 {
  margin-bottom: 35px;
}

.slidercpt-01 .slide-bg.is-grid {
  max-width: 100%;
  padding: 0 20px;
}

.slidercpt-01 .owl-item:nth-child(even) .item {
  margin-top: 30px;
}

.slidercpt-01 .thumb-bg {
  height: 335px;
}

.slidercpt-01 .post-item:hover .overlay.color {
  opacity: 1;
}

.slidercpt-01 .post-item .overlay.color {
  background: linear-gradient(180deg, rgba(5, 18, 24, 0.65) 0%, #051218 100%);
  opacity: 0;
  transition: 0.5s ease;
}

.slidercpt-01 .post-item .dtext {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: var(--p2);
  display: block !important;
}

.slidercpt-01 .post-item .dtext ul {
  padding-left: 0;
  list-style: none;
}

.slidercpt-01 .post-item .dtext ul li {
  position: relative;
  padding-left: 28px;
}

.slidercpt-01 .post-item .dtext ul li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 15px;
  background-image: url(images/icons/check2.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.slidercpt-01 .post-item .dtext ul li:not(:last-child) {
  margin-bottom: 11px;
}

.slidercpt-01 .post-info {
  position: relative;
}

.slidercpt-01 .post-item:hover .hidden {
  grid-template-rows: 1fr;
}

.slidercpt-01 .hidden {
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease;
}

.slidercpt-01 .hidden > .content {
  overflow: hidden;
}

.slidercpt-01 .post-title {
  max-width: 203px;
  padding-bottom: 16px;
  margin-bottom: 20px;
  position: relative;
}

.slidercpt-01 .post-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 30px;
  background-color: var(--color2);
}

.slidercpt-01 .post-item .abtn-loop {
  margin-top: 28px;
}

.slidercpt-01 .content {
  display: flex;
  align-items: end;
}

.slidercpt-01 .content > div {
  padding-bottom: 8px;
}

/* #endregion */

/*------------------------------------------
    #MARK: AJAX-LESS CPT 01
------------------------------------------*/
/* #region */

.axlessd-01 .dinfo {
  margin-bottom: 80px;
  text-align: center;
}

.axlessd-01 .dinfo h2,
.axlessd-01 .h2 {
  margin-bottom: 30px;
}

.axlessd-01 .row {
  row-gap: 60px;
}

.axlessd-01 .post-thumbnail {
  margin-bottom: 25px;
}

.axlessd-01 .thumb-bg {
  height: 370px;
}

.axlessd-01 .post-taxonomies {
  margin-bottom: 15px;
  color: var(--color2);
  font-family: var(--font-1);
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
  transition: 0.3s;
}

.axlessd-01 .cpt-link {
  display: block;
  cursor: pointer;
}

.axlessd-01 .cpt-link:hover .post-taxonomies {
  color: var(--color4);
}

.axlessd-01 .cpt-link:hover .ititle {
  color: var(--color2);
}

.axlessd-01 .cpt .ititle {
  margin-bottom: 10px;
  max-width: 458px;
  color: var(--color4);
  font-family: var(--font-2);
  font-size: 36px;
  font-weight: 400;
  line-height: 100%;
  transition: 0.3s;
}

.axlessd-01 .a-btn {
  margin-top: 99px;
  padding: 14px 25px;
  border-radius: 100px;
  border: 2px solid var(--color2);
  background-color: transparent;
  transition: 0.3s;
}

.axlessd-01 .a-btn:hover,
.axlessd-01 .a-btn::after {
  background-color: var(--color2);
}

.axlessd-01 .a-btn:hover span {
  color: #fff;
}

.axlessd-01 .a-btn span {
  color: var(--color2);
  font-family: var(--font-1);
  font-size: var(--btn1);
  font-weight: 500;
  line-height: normal;
  transition: 0.3s;
}

/* #endregion */

/*------------------------------------------
    #MARK: JS TABS 01
------------------------------------------*/
/* #region */

.js-tabs-01 .dinfo {
  margin-bottom: 59px;
  text-align: center;
}

.js-tabs-01 .dinfo .h2 {
  margin-bottom: 30px;
}

.js-tabs-01 .nav-link {
  height: 100%;
  position: relative;
  padding: 21px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.js-tabs-01 .ntabs .nav-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--color7);
  transition: 0.3s;
}

.js-tabs-01 .ntabs .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: var(--color2);
  opacity: 0;
  transition: 0.3s;
}

.js-tabs-01 .ntabs .nav-link.active::after,
.js-tabs-01 .ntabs .nav-link:hover::after {
  height: 4px;
  opacity: 1;
}

.js-tabs-01 .ntabs .nav-link:hover::before {
  height: 0;
  opacity: 0;
}

.js-tabs-01 [data-design*="tab-1"] .ntabs li .ititle {
  color: var(--color4);
  font-family: var(--font-1);
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 600;
  line-height: 110%;
  text-align: center;
}

.js-tabs-01 .sub {
  font-size: 15px;
  font-weight: 500;
}

.js-tabs-01 [data-design*="tab-1"] .nav {
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  position: sticky;
  top: 98px;
  z-index: 99;
  background-color: #fff;
}

.js-tabs-01 [data-design*="tab-1"] .ntabs li {
  padding: 0;
  border: 0;
  flex-grow: 1;
  /* max-width: 230px; */
  max-width: 300px;
}

.js-tabs-01 [data-design*="tab-1"] .tab-content {
  border: 0;
  margin-top: 80px;
}

.js-tabs-01 [data-col="5-7"] .col1 {
  flex: 0 0 42.735043%;
  max-width: 42.735043%;
}

.js-tabs-01 [data-col="5-7"] .col2 {
  flex: 0 0 57.264957%;
  max-width: 57.264957%;
}

.js-tabs-01 .tab-content .pad {
  min-height: 200px;
  padding: 40px 45px 40px 40px;
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
  position: relative;
}

.js-tabs-01 .pad .h2 {
  margin-bottom: 26px;
}

.js-tabs-01 .dtext > ul:not(:first-child),
.js-tabs-01 .dtext > ol:not(:first-child) {
  margin: -10px 0 20px;
}

.js-tabs-01 .dtext ul li:not(:last-child) {
  margin-bottom: 18px;
}

.js-tabs-01 .tab-content .dimage {
  width: calc(100% + 170px);
  height: 544px;
  margin: 60px 0 0;
}

.js-tabs-01 [data-rtl="1"] .dimage {
  margin-left: -170px;
}

.js-tabs-01 [data-rtl="0"] .dimage {
  margin-right: -170px;
}

.js-tabs-01 .mobile-view-lg {
  display: none;
}

/* #endregion */

/*------------------------------------------
    #MARK: FORM ROW CONTACT 01
------------------------------------------*/
/* #region */

.frcontact-01 .wrap {
  flex-direction: column;
}

.frcontact-01 .dinfo {
  margin-bottom: 75px;
}

.frcontact-01 .dinfo .h2 {
  max-width: 355px;
}

.frcontact-01 .company-contact > div:not(:last-child) {
  margin-bottom: 75px;
}

.frcontact-01 .sc-div {
  flex-direction: column;
  gap: 25px;
}

.frcontact-01 .sc-ba {
  color: var(--color2);
  font-family: var(--font-1);
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 4.8px;
  text-transform: uppercase;
}

.frcontact-01 .sc-contact:hover span,
.frcontact-01 .sc-contact p {
  color: var(--color2);
}

.frcontact-01 .sc-contact span,
.frcontact-01 .sc-contact p {
  color: var(--color4);
  font-family: var(--font-2);
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 400;
  line-height: 100%;
  transition: 0.3s;
}

.frcontact-01 .gform {
  margin-top: -331px;
  padding: 80px 50px;
  min-height: 856px;
  background: linear-gradient(180deg, #173f62 9.62%, #0b1e2f 215.23%);
}

.frcontact-01 .ginfo {
  margin-bottom: 60px;
}

.frcontact-01 .ginfo .mtitle {
  margin-bottom: 31px;
  color: #fff;
  font-family: var(--font-2);
  font-size: clamp(24px, 4.5vw, 40px);
  font-weight: 400;
  line-height: 100%;
}

.frcontact-01 .ginfo .dtext {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: var(--p2);
}

.frcontact-01 .copyright {
  margin-top: 100px;
  padding-top: 29px;
  border-top: 4px solid var(--color2);
}

.frcontact-01 .copyright .dflex-between {
  flex-wrap: wrap;
  row-gap: 10px;
}

.frcontact-01 .copy,
.frcontact-01 .web,
.frcontact-01 .web a {
  color: var(--color6);
  font-family: var(--font-1);
  font-size: clamp(13px, 2vw, 14px);
  font-weight: 400;
  line-height: normal;
  transition: 0.3s;
}

.frcontact-01 .web a:hover {
  color: var(--color2);
}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE 01
------------------------------------------*/
/* #region */

.title-01 .wrap {
  border-bottom: 10px solid var(--color2);
}

.title-01 .overlay.lines {
  width: calc(100% + 226px);
  max-width: 1666px;
  max-height: 118px;
  top: -81px;
  left: 55%;
  transform: translateX(-50%);
  background-image: url(images/upload/H_LINES.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

.title-01 .overlay.line {
  top: unset;
  left: calc(50% + 197px);
  bottom: -111px;
  max-width: 523px;
  max-height: 117px;
  background-image: url(images/upload/H_LINE.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.title-01 .overlay-bg {
  filter: grayscale(100%);
}

.title-01 .overlay.color {
  background: linear-gradient(180deg, #173f62 -16.71%, #0b1e2f 170.06%);
  z-index: -1;
}

.title-01 .h2 {
  margin-bottom: 40px;
  color: #fff;
}

.title-01 .dtext,
.title-01 .ptext {
  color: hsla(0, 0%, 100%, 0.8);
}

/* #endregion */

/*------------------------------------------
    #MARK: TEXT 01
------------------------------------------*/
/* #region */

.text-01 .dinfo {
  max-width: 826px;
  margin-inline: auto;
}

.text-01 .dtext,
.text-01 .ptext {
  color: var(--color4);
  font-family: var(--font-1);
  font-size: var(--p3);
  font-weight: 600;
  line-height: 150%;
}

.text-01 .h2 {
  margin-bottom: 30px;
}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE ROW TEXT 01
------------------------------------------*/
/* #region */

.titler-text-01 [data-col="4-8"] .cc:last-child .dinfo {
  max-width: 699px;
}

.titler-text-01 [data-col="3-9"] .cc:last-child .dinfo {
  max-width: 800px;
}

.titler-text-01 .cc:last-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: calc(100% + 30px);
  width: 1px;
  background-color: var(--color7);
}

/* #endregion */

/*------------------------------------------
    #MARK: SINGLE PROJECT
------------------------------------------*/
/* #region */

.project-article .wrap {
  padding: 100px 0;
}

.project-article .container-xl {
  max-width: 830px;
}

.project-article .post-thumbnail {
  margin-bottom: 30px;
}

.project-article .post-taxonomies {
  margin-bottom: 10px;
}

.project-article .cats {
  color: var(--color2);
  font-family: var(--font-1);
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
}

.project-article .meta {
  color: var(--color4);
  font-family: var(--font-1);
  font-size: var(--p2);
  font-weight: 500;
  line-height: 110%;
  display: flex;
  align-items: start;
  gap: 10px;
}

.project-article .post-title {
  margin-bottom: 40px;
}

.project-article .thumb-bg {
  height: 470px;
}

/* #endregion */