/*
Theme Name: Tricrest Management
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.6vw, 17px);
  --p2: clamp(14px, 1.5vw, 16px);
  --p3: clamp(14px, 2vw, 15px);
  --p4: clamp(14px, 1.8vw, 18px);
  --font-1: "Poppins", sans-serif;
  --font-2: "Manrope", sans-serif;
  --font-3: "Open Sans", sans-serif;
  --font-4: "League Spartan", sans-serif;
  --font-5: "Public Sans", sans-serif;

  --color1: #152150;
  --color2: #000c27;
  --color3: #2a3c56;
  --color4: #a47f4c;
  --color5: #f4f4f6;
  --color6: #f6f6f6;
  --color7: #203172;
  --color8: #072b48;
  --color9: #011c59;
  --color10: #314563;
  --color11: #d9d9d9;
  --color12: #e2e2e2;
  --color13: #010c28;
  --color14: #0c172f;
  --color15: #ddddde;
  --color16: #f3f3f3;
  --color17: #f1f5fa;
  --color18: #af9870;
  --color19: #656565;

  --h1: clamp(50px, 6vw, 72px);
  --h2: clamp(24px, 4vw, 36px);
  --h3: clamp(18px, 3vw, 27px);
  --h4: clamp(14px, 1.8vw, 18px);
  --h5: clamp(14px, 1.5vw, 16px);
  --h6: clamp(14px, 1.8vw, 18px);

  --a: #152150;
  --hover: #a47f4c;
}

/* #endregion */

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

.element .h1,
body:not(.wp-admin) h1 {
  color: var(--color8);
  font-family: var(--font-1);
  font-size: var(--h1);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.44px;
}

.element .h2,
body:not(.wp-admin) h2 {
  color: var(--color8);
  font-family: var(--font-1);
  font-size: var(--h2);
  font-weight: 700;
  line-height: 110%;
}

.element .h3,
body:not(.wp-admin) h3 {
  color: var(--color8);
  font-family: var(--font-1);
  font-size: var(--h3);
  font-weight: 400;
  line-height: 120%;
}

.element .h4,
body:not(.wp-admin) h4 {
  color: var(--color8);
  font-family: var(--font-1);
  font-size: var(--h4);
  font-weight: 600;
  line-height: 120%;
}

.element .h5,
body:not(.wp-admin) h5 {
  color: var(--color4);
  font-family: var(--font-3);
  font-size: var(--h5);
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}

.atitle {
  color: #fff;
  font-family: var(--font-1);
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 500;
  line-height: 140%;
}

.dtext,
.ptext {
  color: var(--color8);
  font-family: var(--font-1);
  font-size: var(--p);
  font-weight: 300;
  line-height: 153%;
}

main {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

sub,
sup {
  font-size: 60%;
}

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

.slide-bg,
.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-stage,
.owl-carousel .owl-item,
.slide-bg .item,
.slide-bg .slide {
  height: auto !important;
}

.grid {
  gap: 30px;
}

.thumb-bg {
  position: relative;
  background-color: var(--color9);
}

.bg-placeholder[data-ph="logo"] img {
  width: 100%;
  max-width: 375px;
  opacity: 0.6;
}

.element a,
.sc-contact {
  transition: 0.3s;
}

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

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

.element.w-mblock-80 .wrap {
  margin-block: 80px;
}

.element.w-mblock-96 .wrap {
  margin-block: 96px;
}

.home .element .h5 {
  font-size: clamp(14px, 2vw, 20px);
}

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

.element.container-left-minus-19 .wrap > .container-xl {
  left: -19px;
}

/* #endregion */

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

.btn-1 {
  padding: 19px 25px;
  border-radius: 0;
  background-color: #fff;
}

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

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

.btn-1 span {
  color: var(--color14);
  font-family: var(--font-2);
  font-size: var(--p2);
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  transition: 0.3s;
}

.btn.w-icon {
  padding: 19px 25px;
  border-radius: 0;
  background-color: var(--color7);
  transition: 0.3s;
}

.btn.w-icon img {
  transition: 0.3s;
}

.btn.w-icon:hover {
  background-color: var(--color4);
}

.btn.w-icon span {
  color: #fff;
  font-family: var(--font-2);
  font-size: var(--p2);
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  transition: 0.3s;
}

.btn.w-icon img {
  max-width: 21px;
}

.link-text span {
  color: var(--color6);
  font-family: var(--font-1);
  font-size: var(--p);
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

.btn.w-icon span::before {
  display: none;
}

.btn.w-icon img {
  max-width: 21px;
  margin-top: 0;
}

.btn.w-icon[data-icon="pre"] img {
  max-width: 12px;
}

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

.menu-extension .btn-loop {
  gap: 40px;
}

.element .owlbtn {
  width: 36px;
  height: 36px;
  border: 1px solid var(--color4);
  border-radius: 50%;
  transition: 0.3s;
}

.element .owlbtn:hover {
  background-color: var(--color4);
  border-color: var(--color4);
}

.element .owlbtn img {
  transition: 0.3s;
}

.element .owlbtn:hover img {
  filter: brightness(0) invert(1);
}

/* #endregion */

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

.navbar-brand {
  width: 275px;
}

header .menu_wrap {
  padding: 28px 0 29px;
  transition: 0.3s;
}

.error404 header .menu_wrap,
header.menu-overlay[data-sticky="sticky-fixed"].sticky-me .menu_wrap,
.single header .menu_wrap {
  background-color: var(--color13);
}

.contact header .menu_wrap {
  background-color: var(--color1);
}

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(--color4);
}

header[data-sticky="sticky-fixed"]:not(.menu-overlay) + main.main-inner,
header[data-sticky="sticky-fixed"] + main.page-inner {
  padding-top: 114px;
}

/* #endregion */

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

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

#menu-main.navbar-nav .nav-link {
  padding: 20px 0;
}

#menu-main .nav-link span {
  color: var(--color6);
  font-family: var(--font-1);
  font-size: var(--p);
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

#menu-main .nav-link {
  position: relative;
}

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

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

#menu-main [title="Investor Login"] span {
  display: flex;
  align-items: center;
  gap: 10px;
}

#menu-main [title="Investor Login"] span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 14px;
  background-image: url(images/upload/lock.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.mobile-menu .nav-link span {
  color: var(--color1);
  font-family: var(--font-1);
  font-size: var(--p);
  font-weight: 600;
  text-transform: uppercase;
}

.mobile-menu .menu-item {
  border-color: hsla(35, 37%, 47%, 0.1);
}

a.nav-link:not([href]) {
  cursor: default;
}

/* #endregion */

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

.contact footer,
.hide-ff-cta .ff-cta {
  display: none;
}

.ff-cta.element .wrap {
  min-height: 536px;
  padding: 78px 0;
  text-align: center;
  overflow: visible;
}

.ff-cta .overlay-bg {
  max-height: 87.686567%;
  top: unset;
  bottom: 0;
  background-position-y: 0;
}

.ff-cta .overlay.color1 {
  height: 894px;
  top: -566px;
  background: linear-gradient(
    180deg,
    #f1f5fa 63.02%,
    rgba(255, 255, 255, 0) 100%
  );
}

.ff-cta .overlay.color2 {
  height: 747px;
  top: -446px;
  background: linear-gradient(
    180deg,
    #f1f5fa 64.6%,
    rgba(255, 255, 255, 0) 100%
  );
}

.ff-cta .overlay.color3 {
  height: 596px;
  top: -318px;
  background: linear-gradient(
    180deg,
    #f1f5fa 64.6%,
    rgba(255, 255, 255, 0) 100%
  );
}

.ff-cta .overlay.color4 {
  max-height: 203px;
  top: 75px;
  background: linear-gradient(180deg, #f1f5fa 0%, rgba(255, 255, 255, 0) 100%);
}

.ff-cta-v2 .ff-cta.element .wrap {
  min-height: 470px;
  padding: 11px 0 0;
}

.ff-cta-v2 .ff-cta .overlay-bg {
  max-height: 100%;
}

.ff-cta-v2 .ff-cta .overlay.color1 {
  height: 595px;
  top: -445px;
  background: linear-gradient(
    180deg,
    #ffffff 63.02%,
    rgba(255, 255, 255, 0) 100%
  );
}

.ff-cta-v2 .ff-cta .overlay.color2 {
  height: 747px;
  top: -445px;
  background: linear-gradient(
    180deg,
    #f1f5fa 64.6%,
    rgba(255, 255, 255, 0) 100%
  );
}

.ff-cta-v2 .ff-cta .overlay.color3 {
  height: 596px;
  top: -318px;
  background: linear-gradient(
    180deg,
    #f1f5fa 64.6%,
    rgba(255, 255, 255, 0) 100%
  );
}

.ff-cta-v2 .ff-cta .overlay.color4 {
  height: 203px;
  top: 76px;
  background: linear-gradient(180deg, #f1f5fa 0%, rgba(255, 255, 255, 0) 100%);
}

.ff-cta .triangle.overlay {
  top: unset;
  bottom: 0;
  left: unset;
  right: 0;
  width: 0;
  height: 0;
  border-left: 274px solid transparent;
  border-bottom: 268px solid var(--color1);
  border-top: 0;
  border-right: 0;
}

.ff-cta .dinfo h5 {
  margin-bottom: 19px;
  font-size: clamp(14px, 2vw, 20px);
}

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

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

.footer-content .wrap {
  padding: 78px 0 69px;
  background-color: var(--color2);
}

.footer-content .triangle.overlay {
  content: "";
  position: absolute;
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 740px solid transparent;
  border-bottom: 764px solid hsla(228, 58%, 20%, 0.3);
  border-top: 0;
  border-right: 0;
}

.footer-content .overlay-bg {
  opacity: 8%;
}

footer .top {
  margin-bottom: 40px;
  padding-bottom: 48px;
  border-bottom: 2px solid var(--color10);
}

footer .top .dflex-between {
  align-items: start;
  flex-wrap: wrap;
  gap: 30px;
}

footer .top .dflex-between:first-child {
  margin-bottom: 31px;
}

footer .footer-logo {
  width: 296px;
}

footer .menu-title {
  display: none;
}

footer .menu-links.dv {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 31px;
}

footer .menu-links.dv .is-link {
  padding: 17px 0;
  position: relative;
  display: block;
}

footer .menu-links.dv .is-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  width: 50%;
  background-color: var(--color4);
  opacity: 0;
  transition: 0.3s;
}

footer .menu-links.dv .is-link:hover::before,
footer .menu-links.dv .is-active::before {
  width: 100%;
  opacity: 1;
}

footer .is-link span {
  color: var(--color6);
  font-family: var(--font-1);
  font-size: var(--p);
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

footer .menu-item {
  color: var(--color6);
  font-family: var(--font-1);
  font-size: var(--p);
  font-weight: 600;
  text-transform: uppercase;
}

footer [title="Investor Login"] span {
  display: flex;
  align-items: center;
  gap: 10px;
}

footer [title="Investor Login"] span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 14px;
  background-image: url(images/upload/lock.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

footer .sc-div {
  flex-direction: column;
  gap: 16px;
}

footer .sc-ba,
footer .sc-contact p,
footer .sc-contact span {
  color: #fff;
  font-family: var(--font-1);
  font-size: clamp(14px, 2vw, 15px);
  font-weight: 300;
  line-height: 160%;
  transition: 0.3s;
}

footer .sc-ba {
  font-weight: 600;
}

footer .sc-contact:hover span,
footer .sc-contact:hover p {
  color: var(--color4);
}

footer .social-icons {
  margin-top: 22px;
}

footer .social-icons .soc-link {
  width: 45px;
  height: 45px;
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  transition: 0.3s;
}

footer .social-icons .soc-link:hover {
  background-color: var(--color4);
}

footer .social-icons .soc-link img {
  max-width: 13px;
  filter: none;
  opacity: 1;
  transition: 0.3s;
}

footer .address {
  display: flex;
  align-items: start;
  column-gap: 96px;
  row-gap: 30px;
  flex-wrap: wrap;
}

footer .left {
  margin-top: 30px;
}

footer .copyright .dflex-between {
  flex-wrap: wrap;
  column-gap: 30px;
}

footer .copy,
footer .web,
footer .web span {
  color: #fff;
  font-family: var(--font-2);
  font-size: clamp(12px, 1.8vw, 13px);
  font-weight: 300;
  line-height: normal;
  transition: 0.3s;
}

footer .web a:hover span {
  color: var(--color4);
}

/* #endregion */

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

.gform {
  padding: 80px 95px;
}

.gform .text-center {
  text-align: center;
}

.gform h5 {
  margin-bottom: 15px;
}

.gform h2 {
  margin-bottom: 24px;
}

.gform .gform_heading {
  display: none;
}

.gform .gform-theme--framework form .gfield--type-html {
  margin-bottom: 36px;
}

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

.gform .gform-theme--framework form .gfield_label {
  margin-bottom: 5px;
  color: var(--color8);
  font-family: var(--font-1);
  font-size: clamp(14px, 2vw, 15px);
  font-weight: 300;
  line-height: 150%;
}

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

.gform .gform-theme--framework form textarea,
.gform .gform-theme--framework form input {
  height: 50px;
  border: 1px solid var(--color15);
  border-radius: 0;
  color: var(--color8);
  font-family: var(--font-1);
  font-size: clamp(14px, 2vw, 15px);
  font-weight: 300;
  line-height: 150%;
  box-shadow: none;
}

.gform .gform-theme--framework form textarea:focus,
.gform .gform-theme--framework form input:focus {
  outline: none !important;
  background-color: transparent;
}

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

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

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

.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(--color4);
}

.gform .btn {
  padding: 16.5px 21px !important;
  border-radius: 0 !important;
  background-color: var(--color4) !important;
  transition: 0.3s !important;
}

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

.gform .btn:hover span {
  color: var(--color4);
}

.gform .btn:hover span::after {
  filter: invert(50%) sepia(66%) saturate(304%) hue-rotate(355deg)
    brightness(91%) contrast(90%);
}

.gform .btn span {
  color: #fff;
  font-family: var(--font-4);
  line-height: 0;
  transition: 0.3s;
}

.gform .btn span::after {
  content: "";
  width: 21px;
  height: 13px;
  margin-left: 8px;
  display: inline-block;
  background-image: url(images/upload/arrow-right-3.svg);
  background-repeat: no-repeat;
  transition: 0.3s;
}

/* #endregion */

/*------------------------------------------
    #MARK: FANCYBOX
------------------------------------------*/
/* #region */

.fancybox__container .fancybox__backdrop {
  background-color: hsla(223, 95%, 8%, 0.95);
}

.fancybox__carousel > .fancybox__nav,
.fancybox__footer {
  display: none;
}

.fancybox__container .fancybox__content {
  padding: 0;
  min-width: 1070px;
}

.fancybox__container .dcol {
  max-width: 890px;
}

.fancybox__container .gform .gform-theme--framework form textarea,
.fancybox__container .gform .gform-theme--framework form input {
  cursor: text;
}

.fancybox__container .thumb-bg {
  height: 459px;
}

.fancybox__container .container-md {
  padding-inline: 20px;
}

.fancybox__container .row {
  margin-inline: -20px;
}

.fancybox__container .row > div {
  padding-inline: 20px;
}

.fancybox__container .row > div:first-child {
  background-color: var(--color17);
}

.fancybox__container .post-thumbnail {
  padding: 90px 0;
}

.fancybox__container .dinfo {
  padding: 100px 50px 94px 0;
  max-width: 550px;
  margin-left: auto;
}

.fancybox__container .post-title {
  margin-bottom: 10px;
}

.fancybox__container .dtext.pos-dept {
  margin-bottom: 30px;
  color: var(--color18);
  font-family: var(--font-5);
  font-size: var(--p2);
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

.fancybox__container .dtext {
  color: var(--color19);
  font-size: var(--p4);
  font-family: var(--font-5);
  font-weight: 300;
  line-height: 150%;
}

/* #endregion */

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

.hero-01 .wrap {
  overflow: hidden;
}

.hero-01 .overlay-bg {
  top: unset;
  bottom: 0;
  max-height: 86.296296%;
}

.hero-01 .overlay.color1 {
  max-height: 22.345679%;
  background: linear-gradient(
    360deg,
    rgba(5, 22, 35, 0.5) 0%,
    rgba(5, 22, 35, 0) 100%
  );
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.hero-01 .overlay.color2 {
  top: unset;
  bottom: 0;
  max-height: 51.358025%;
  background: linear-gradient(
    360deg,
    rgba(5, 22, 35, 0.5) 0%,
    rgba(5, 22, 35, 0) 100%
  );
}

.hero-01 .overlay.color3 {
  background: linear-gradient(
    270deg,
    rgba(5, 22, 35, 0.06) 0%,
    rgba(5, 22, 35, 0.4) 100%
  );
}

.hero-01 .overlay.color4 {
  max-height: 31.234568%;
  background: linear-gradient(
    180deg,
    rgba(78, 152, 219, 0.7) 51.23%,
    rgba(78, 152, 219, 0) 100%
  );
}

.hero-01 .overlay.color5 {
  max-height: 31.234568%;
  background: linear-gradient(
    180deg,
    #6c9ecc 58.89%,
    rgba(108, 158, 204, 0) 100%
  );
}

.hero-01 .overlay.color6 {
  max-height: 34.814815%;
  background: linear-gradient(180deg, #6c9ecc 0%, rgba(108, 158, 204, 0) 100%);
}

.hero-01 .triangle1.overlay {
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 489px solid var(--color1);
  border-right: 500px solid transparent;
}

.hero-01 .triangle2.overlay {
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 900px solid hsla(228, 58%, 20%, 0.4);
  border-right: 920px solid transparent;
}

.hero-01 .dinfo {
  margin-bottom: 82px;
}

.hero-01 .h1 {
  margin-bottom: 38px;
  color: #fff;
}

.hero-01 .btn-loop {
  margin-top: 32px;
  column-gap: 40px;
  row-gap: 30px;
}

.hero-01 .btn.w-icon[data-icon="post"] {
  padding: 18px 25px;
}

.hero-01 .btn.w-icon[data-icon="post"] span {
  font-size: clamp(14px, 2vw, 20px);
}

.hero-01 .btn.w-icon[data-icon="post"] {
  background-color: var(--color4);
}

.hero-01 .btn.w-icon[data-icon="post"]:hover {
  background-color: #fff;
}

.hero-01 .btn.w-icon[data-icon="post"]:nth-child(odd):hover img {
  filter: invert(50%) sepia(66%) saturate(304%) hue-rotate(355deg)
    brightness(91%) contrast(90%);
}

.hero-01 .btn.w-icon[data-icon="post"]:nth-child(odd):hover span {
  color: var(--color4);
}

.hero-01 .btn.w-icon[data-icon="post"]:nth-child(even) {
  background-color: var(--color7);
}

.hero-01 .btn.w-icon[data-icon="post"]:nth-child(even):hover {
  background-color: var(--color4);
}

/* #endregion */

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

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

.hero-02 .overlay.color {
  background: linear-gradient(
    270deg,
    rgba(5, 22, 35, 0.06) 0%,
    rgba(5, 22, 35, 0.4) 100%
  );
}

.hero-02 .triangle1.overlay {
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 242px solid var(--color1);
  border-right: 291px solid transparent;
}

.hero-02 .triangle2.overlay {
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 445px solid hsla(228, 58%, 20%, 0.4);
  border-right: 535px solid transparent;
}

.hero-02 .dinfo {
  margin-bottom: 70px;
}

.hero-02 .h1 {
  color: #fff;
}

/* #endregion */

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

.hero-03 .wrap {
  overflow: hidden;
}

.hero-03 .overlay.color {
  background-color: hsla(223, 95%, 8%, 0.95);
}

.hero-03 .triangle1.overlay {
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 484px solid hsla(228, 58%, 20%, 0.4);
  border-right: 554px solid transparent;
}

.hero-03 .triangle2.overlay {
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 274px solid transparent;
  border-bottom: 239px solid hsla(228, 58%, 20%, 0.4);
  border-top: 0;
  border-right: 0;
}

.hero-03 .dinfo {
  margin-top: 90px;
}

.hero-03 .h1 {
  color: #fff;
  font-weight: 600;
}

.hero-03 .btn-loop {
  margin-top: 50px;
  gap: 30px;
}

.hero-03 .btn {
  min-width: 289px;
  justify-content: center;
  border-color: transparent;
  background-color: var(--color7);
  transition: 0.3s;
}

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

.hero-03 .btn:hover {
  background-color: var(--color4);
}

.hero-03 .btn::after {
  display: none;
}

/* #endregion */

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

.rowposter-01 .triangle.overlay {
  width: 0;
  height: 0;
  top: -80px; /* margin of wrap */
  border-left: 0;
  border-bottom: 0;
  border-top: 91px solid var(--color1);
  border-right: 93px solid transparent;
}

.rowposter-01 .cc:first-child::after,
.rowposter-01 .overlay-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 243px solid transparent;
  border-bottom: 238px solid var(--color1);
  border-top: 0;
  border-right: 0;
}

.rowposter-01 .cc:first-child::after {
  right: 15px;
}

.rowposter-01 .hide-lg {
  display: none;
}

.rowposter-01 .show-lg {
  display: block;
}

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

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

.rowposter-01 .h2 {
  margin-bottom: 31px;
}

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

/* #endregion */

/*------------------------------------------
    #MARK: ROW POSTER (COUNT) 01
------------------------------------------*/
/* #region */

.rowposter-count-01 .wrap > .overlay-bg {
  max-height: 621px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.rowposter-count-01 .triangle1.overlay {
  width: 0;
  height: 0;
  top: -96px; /* margin of wrap */
  border-left: 0;
  border-bottom: 0;
  border-top: 45px solid var(--color1);
  border-right: 54px solid transparent;
}

.rowposter-count-01 .container-xl > .row > .cc:first-child::after,
.rowposter-count-01 .overlay-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 216px solid transparent;
  border-bottom: 211px solid var(--color1);
  border-top: 0;
  border-right: 0;
}

.rowposter-count-01 .container-xl > .row > .cc:first-child::after {
  right: 15px;
}

.rowposter-count-01 .hide-lg {
  display: none;
}

.rowposter-count-01 .show-lg {
  display: block;
}

.rowposter-count-01 .triangle2.overlay {
  content: "";
  position: absolute;
  top: unset;
  left: unset;
  bottom: -408px;
  right: 0;
  width: 0;
  height: 0;
  border-left: 661px solid transparent;
  border-bottom: 650px solid var(--color5);
  border-top: 0;
  border-right: 0;
}

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

.rowposter-count-01 .h5 {
  margin-bottom: 21px;
}

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

.rowposter-count-01 .dcounters {
  margin-top: 31px;
}

.rowposter-count-01 .count_up {
  margin-bottom: 3px;
  color: var(--color4);
  font-family: var(--font-1);
  font-size: clamp(30px, 5.5vw, 50px);
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.rowposter-count-01 .ptext {
  font-size: clamp(14px, 2vw, 15px);
  font-weight: 400;
  line-height: 130%;
}

.rowposter-count-01 .dinfo .row {
  flex-direction: row !important;
}

.rowposter-count-01 .dinfo .row > div:nth-child(odd)::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  width: 1px;
  height: calc(100% - 13px);
  background-color: var(--color11);
}

.rowposter-count-01 .dinfo .row > div:nth-child(even) {
  display: flex;
  justify-content: end;
}

.rowposter-count-01 .item {
  display: inline-block;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA (ICONS) 01
------------------------------------------*/
/* #region */

.rowmedia-icons-01 .col-md-5 {
  flex: 0 0 37.588097%;
  max-width: 37.588097%;
}

.rowmedia-icons-01 .col-md-7 {
  flex: 0 0 62.411903%;
  max-width: 62.411903%;
}

.rowmedia-icons-01 .cc:first-child .d-popmedia {
  max-width: 674px;
}

.rowmedia-icons-01 .dinfo {
  margin-top: 16px;
}

.rowmedia-icons-01 .h5 {
  margin-bottom: 20px;
}

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

.rowmedia-icons-01 .h2,
.rowmedia-icons-01 .dtext {
  color: #fff;
}

.rowmedia-icons-01 .ititle {
  margin-top: 31px;
  color: var(--color4);
  font-family: var(--font-3);
  font-size: clamp(12px, 1.8vw, 13px);
  font-weight: 600;
  line-height: 100%;
}

.rowmedia-icons-01 .icons {
  margin-top: 34px;
  display: flex;
  align-items: start;
  column-gap: 65px;
  row-gap: 30px;
  flex-wrap: wrap;
}

.rowmedia-icons-01 .diconn {
  max-width: 168px;
}

/* #endregion */

/*------------------------------------------
    #MARK: JS POP CPT (SLIDER) 01
------------------------------------------*/
/* #region */

.js-pop-cpt-slider-01 .wrap {
  overflow: hidden;
}

.js-pop-cpt-slider-01 .triangle.overlay {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-right: 1152px solid transparent;
  border-top: 1130px solid hsla(215, 34%, 25%, 0.2);
  border-bottom: 0;
  border-left: 0;
}

.js-pop-cpt-slider-01 .slide-bg.is-grid {
  padding-inline: 0;
}

.js-pop-cpt-slider-01 .post-item {
  position: relative;
}

.js-pop-cpt-slider-01 .post-item .overlay.color1 {
  max-height: 42.727273%;
  top: unset;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(2, 13, 37, 0.7) 0%,
    rgba(2, 13, 37, 0) 100%
  );
  transform: matrix(1, 0, 0, -1, 0, 0);
  transition: 0.3s;
}

.js-pop-cpt-slider-01 .post-item .overlay.color2 { 
  max-height: 42.727273%;
  top: unset;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(2, 13, 37, 1) 0%,
    rgba(2, 13, 37, 0) 100%
  );
  transform: matrix(1, 0, 0, -1, 0, 0);
  transition: 0.3s;
  opacity: 0;
}

.js-pop-cpt-slider-01 .post-item:hover .overlay.color1 {
  opacity: 0;
}

.js-pop-cpt-slider-01 .post-item:hover .overlay.color2 {
  opacity: 1;
}

.js-pop-cpt-slider-01 .post-item:hover .thumb-bg {
  background-color: var(--color4);
}

.js-pop-cpt-slider-01 .thumb-bg {
  height: 330px;
  background-color: var(--color9);
  transition: 0.3s;
}

.js-pop-cpt-slider-01 [data-is="thumbnail"] {
  display: flex;
  align-items: end;
}

/* .js-pop-cpt-slider-01 [data-is="thumbnail"] img {
  height: calc(100% - 22px);
} */

.js-pop-cpt-slider-01 .pad {
  min-height: 94px;
  padding: 20px 20px 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.js-pop-cpt-slider-01 h4 {
  margin-bottom: 8px;
}

.js-pop-cpt-slider-01 .dtext,
.js-pop-cpt-slider-01 .ptext,
.js-pop-cpt-slider-01 .post-item h4,
.js-pop-cpt-slider-01 .h2 {
  color: #fff;
}

.js-pop-cpt-slider-01 .h5 {
  margin-bottom: 19px;
}

.js-pop-cpt-slider-01 .h2 {
  margin-bottom: 24px;
}

.js-pop-cpt-slider-01 .pos-dept {
  display: block !important;
  font-family: var(--font-1);
  font-size: clamp(12px, 1.8vw, 13px);
  font-weight: 400;
  line-height: 120%;
}

.js-pop-cpt-slider-01 .pos-dept br {
  display: none;
}

.js-pop-cpt-slider-01 .btn-loop {
  margin-top: 31px;
}

.js-pop-cpt-slider-01 .owl-stage-outer {
  width: 1030px;
}

.js-pop-cpt-slider-01 .slider-nav {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.js-pop-cpt-slider-01 .slider-nav .dflex {
  gap: 10px;
}

.js-pop-cpt-slider-01 .owlbtn {
  position: static;
  transform: none;
}

.js-pop-cpt-slider-01 .owlnext {
  transform: rotate(180deg);
}

.js-pop-cpt-slider-01 .line {
  height: 1px;
  flex: 1;
  background-color: hsla(0, 0%, 85%, 0.1);
}

/* #endregion */

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

.icon-01 .dtop {
  margin-bottom: 61px;
}

.icon-01 .item h4,
.icon-01 .h2 {
  color: #fff;
}

.icon-01 .item h4 {
  padding-bottom: 22px;
  margin-bottom: 21px;
  position: relative;
}

.icon-01 .item h4::after {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color4);
}

.icon-01 .h5 {
  margin-bottom: 20px;
}

.icon-01 .diconn {
  margin-bottom: 29px;
}

.icon-01 .ptext {
  color: var(--color12);
  font-family: var(--font-1);
  font-size: clamp(14px, 2vw, 15px);
  font-weight: 300;
}

/* #endregion */

/*------------------------------------------
    #MARK: TEAM (POPUP) 01
------------------------------------------*/
/* #region */

.team-popup-01 .triangle.overlay {
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 45px solid var(--color1);
  border-right: 54px solid transparent;
}

.team-popup-01 .container-xl {
  max-width: 1060px;
}

.team-popup-01 .grid {
  column-gap: 90px;
  row-gap: 77px;
}

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

.team-popup-01 .h2 {
  margin-bottom: 22px;
}

.team-popup-01 .dtext {
  line-height: 141%;
}

.team-popup-01 .pad {
  margin-top: 29px;
}

.team-popup-01 .thumb-bg {
  height: 470px;
}

.team-popup-01 .post-item:hover .thumb-bg {
  background-color: var(--color4);
}

.team-popup-01 .post-item .thumb-bg img,
.team-popup-01 .post-item .thumb-bg {
  transition: 0.3s;
}

.team-popup-01 .post-item .thumb-bg img {
  position: relative;
  top: 0;
  left: 0;
}


.team-popup-01 .post-item:hover .thumb-bg img {
  top: 5px;
  left: 5px;
}

.team-popup-01 .post-item h4 {
  margin-bottom: 9px;
  font-size: clamp(18px, 2.8vw, 26px);
}

.team-popup-01 .pos-dept {
  color: var(--color4);
  font-family: var(--font-1);
  font-size: clamp(14px, 2vw, 15px);
  font-weight: 400;
  line-height: 120%;
}

.team-popup-01 .post-item .btn {
  margin-top: 23px;
  padding: 0;
  background-color: transparent;
  display: inline-flex !important;
}

.team-popup-01 .post-item .btn:hover {
  background-color: transparent;
}

.team-popup-01 .post-item .btn span {
  color: var(--color7);
}

/* #endregion */

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

.axlessd-01 .triangle.overlay {
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 45px solid var(--color1);
  border-right: 54px solid transparent;
}

.axlessd-01 .row > div:not(:last-child) .cpt {
  padding-bottom: 30px;
  border-bottom: 2px solid hsla(0, 0%, 85%, 0.6);
}

.axlessd-01 .dinfo {
  margin-bottom: 59px;
}

.axlessd-01 .cpt-link {
  position: relative;
  display: flex;
  align-items: start;
  column-gap: 62px;
  row-gap: 30px;
}

.axlessd-01 .cpt-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-bottom: 70px solid var(--color16);
  border-top: 0;
  border-right: 0;
}

.axlessd-01 .post-thumbnail {
  min-width: 228px;
  max-width: 228px;
}

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

.axlessd-01 .cpt-link:hover .thumb-bg::after {
  border-left: 70px solid var(--color4);
}

.axlessd-01 .thumb-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 70px solid transparent;
  border-left: 70px solid var(--color1);
  border-bottom: 0;
  border-right: 0;
  transition: 0.3s;
}

.axlessd-01 .pad {
  max-width: 740px;
}

.axlessd-01 .ititle {
  margin: 20px 0 24px;
}

.axlessd-01 .excerpt {
  display: block !important;
  font-size: var(--p2);
}

.axlessd-01 .cpt-link .btn {
  margin-top: 38px;
  padding: 0;
  background-color: transparent;
  display: inline-flex !important;
}

.axlessd-01 .cpt-link .btn:hover {
  background-color: transparent;
}

.axlessd-01 .cpt-link .btn span {
  color: var(--color4);
  font-family: var(--font-2);
  font-size: clamp(12px, 1.8vw, 13px);
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
}

.axlessd-01 .text-center {
  margin-top: 60px;
}

.axlessd-01 .a-btn {
  display: inline-flex !important;
}

/* #endregion */

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

.frcontact-01 .overlay-bg.top {
  max-height: 62.080262%;
  opacity: 0.2;
}

.frcontact-01 .overlay-bg.bot {
  max-height: 37.919738%;
  top: unset;
  bottom: 0;
  background-position-y: 0;
}

.frcontact-01 .overlay.color1 {
  max-height: 27.682228%;
  top: unset;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(12, 23, 47, 0.7) 0%,
    rgba(12, 23, 47, 0) 100%
  );
  transform: rotate(180deg);
}

.frcontact-01 .overlay.color2 {
  max-height: 20.06552%;
  top: unset;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(12, 23, 47, 0.7) 0%,
    rgba(12, 23, 47, 0) 100%
  );
  transform: rotate(180deg);
}

.frcontact-01 .overlay.color3 {
  max-height: 5.896806%;
  top: 686px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.frcontact-01 .overlay.color4 {
  height: 13.349713%;
  top: 758px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.frcontact-01 .overlay.color5 {
  max-height: 7.862408%;
  top: 758px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.frcontact-01 .dtop {
  margin-bottom: 70px;
  text-align: center;
}

.frcontact-01 .col-md-8 {
  flex: 0 0 67.5%;
  max-width: 67.5%;
}

.frcontact-01 .col-md-4 {
  flex: 0 0 32.5%;
  max-width: 32.5%;
}

.frcontact-01 .gform {
  padding: 53px 40px 60px;
  background-color: hsla(222, 98%, 18%, 0.9);
}

.frcontact-01 .gform .gform-theme--framework textarea,
.frcontact-01 .gform .gform-theme--framework input,
.frcontact-01 .gform .gform-theme--framework .gfield_label {
  color: #fff;
}

.frcontact-01 .gform .gform-theme--framework textarea,
.frcontact-01 .gform .gform-theme--framework input {
  background-color: hsla(226, 71%, 13%, 0.3);
  border: 1px solid hsla(0, 0%, 82%, 0.1);
}

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

.frcontact-01 .dinfo {
  margin-top: 53px;
}

.frcontact-01 .dtitle {
  margin-bottom: 30px;
}

.frcontact-01 .dinfo .dtext {
  font-size: var(--p3);
  font-weight: 400;
}

.frcontact-01 .dinfo > .dtext > *:not(:last-child) {
  margin-bottom: 0;
}

.frcontact-01 .dinfo .dtext br {
  display: block;
}

.frcontact-01 .item:not(:last-child) {
  margin-bottom: 36px;
}

.frcontact-01 .ititle {
  margin-bottom: 15px;
  color: var(--color4);
  font-family: var(--font-1);
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 700;
  line-height: 110%;
}

.frcontact-01 .items {
  margin-top: 36px;
}

.frcontact-01 .copyright {
  margin-top: 250px;
  padding-top: 40px;
  border-top: 2px solid var(--color10);
}

.frcontact-01 .copyright .dflex-between {
  flex-wrap: wrap;
  column-gap: 30px;
}

.frcontact-01 .copy,
.frcontact-01 .web,
.frcontact-01 .web span {
  color: #fff;
  font-family: var(--font-2);
  font-size: clamp(12px, 1.8vw, 13px);
  font-weight: 300;
  line-height: normal;
  transition: 0.3s;
}

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

.frcontact-01 .gform .btn {
  background-color: #fff !important;
}

.frcontact-01 .gform .btn:hover {
  background-color: var(--color4) !important;
}

.frcontact-01 .gform .btn:hover span::after {
  filter: brightness(0) invert(1);
}

.frcontact-01 .gform .btn:hover span {
  color: #fff;
}

.frcontact-01 .gform .btn span {
  color: var(--color9);
}

.frcontact-01 .gform .btn span::after {
  background-image: url(images/upload/arrow-right.svg);
}

/* #endregion */

/*------------------------------------------
    #MARK: SECTION BG 01
------------------------------------------*/
/* #region */

.fire-element > .overlay-bg {
  filter: grayscale(100%);
}

.fire-element > .triangle1.overlay {
  width: 0;
  height: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 1079px solid hsla(215, 34%, 25%, 0.2);
  border-right: 1096px solid transparent;
}

.fire-element > .triangle2.overlay {
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 508px solid transparent;
  border-bottom: 497px solid hsla(228, 58%, 20%, 0.3);
  border-top: 0;
  border-right: 0;
}

/* #endregion */

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

.single .ff-cta {
  display: none;
}

article.single-post .wrap {
  padding: 101px 0;
}

article.single-post .container-xl {
  max-width: 800px;
}

article.single-post .meta {
  margin-bottom: 40px;
  color: var(--color4);
  font-family: var(--font-1);
  font-size: var(--p2);
  font-weight: 400;
  line-height: 150%;
}

article.single-post .h2 {
  margin-bottom: 20px;
}

article.single-post .post-thumb {
  margin-bottom: 40px;
}

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

article.single-post .dtext {
  font-size: var(--p2);
}

article.single-post .dtext > :not(:last-child) {
  margin-bottom: 22px;
}

article.single-post .dtext .thumb-bg {
  margin-top: 58px;
}

article.single-post .thumb-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 150px solid transparent;
  border-bottom: 150px solid var(--color1);
  border-top: 0;
  border-right: 0;
}

article.single-post .dtext img {
  max-height: 470px;
  height: 100%;
  object-fit: cover;
}

article.single-post .wrap .dtext h3 {
  margin: 40px 0 39px;
}

article.single-post .div-back {
  margin-top: 70px;
}

/* #endregion */