@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700&display=swap');


h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
label {
  font-family: "Outfit", "prompt" !important;
}
body {
  font-family: "Outfit", "prompt", sans-serif !important;
}

h2,
h3,
h4 {
  color: #fff;
}
h2.h-sec {
  font-size: 2rem;
  text-transform: uppercase;
}

body {
  scroll-behavior: smooth;
  background: #3d4954;
}

select,
input {
  font-family: "Prompt";
}
section {
  background: #3b4955;
}
section.sec-padding-lr {
  padding-top: 180px;
}

#wrapper {
    height: 100vh;
    overflow-y: scroll !important;
    scroll-snap-type: y mandatory !important;
    scroll-behavior: smooth !important;
}

#wrapper section {
    scroll-snap-align: start !important;
    scroll-behavior: smooth !important;
    scroll-snap-stop: always !important;
}


/*section.sec-padding-lr .container {padding: 0px 9rem;}*/
.h-title h3 {
  color: #fff;
  width: fit-content;
  margin-left: 3rem;
}
.bg-h3 {
  position: relative;
  width: fit-content;
  margin-bottom: 2rem;
}
.bg-h3:before {
  content: "";
  position: absolute;
  margin-left: 0;
  top: -2px;
  width: 350px;
  height: 45px;
  background: #76858b;
  z-index: -1;
  transform: skewX(-40deg);
  box-shadow: 10px 8px 0px #23303b;
}
.bg-button {
  position: relative;
  width: fit-content;
}
.bg-button:before {
  content: "";
  position: absolute;
  margin-left: 0;
  top: -2px;
  width: 120%;
  height: 35px;
  background: #76858b;
  z-index: -1;
  transform: skewX(-40deg);
  box-shadow: 10px 8px 0px #23303b;
  left: 0;
}
.bg-button a {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  margin-left: 2rem;
  display: block;
  line-height: 2.2rem;
}
p {
  font-weight: 300;
  color: #fff;
}
.top-layer h2.h-sec:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 30px solid transparent;
  border-right: 30px solid #79858b;
  border-bottom: 0px solid transparent !important;
  position: inherit;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 1rem;
}

/* Lang */
.topbar-dropdown {
  float: right;
}
.topbar-dropdown a {
  color: #fff;
  font-weight: 500;
}
.top-menu-item.tb-language {
    height: 100px;
    display: flex;
    align-items: center;
    float: right;
    margin-right: 3rem;
}
/* Lang */

.flex {
  display: flex;
}
.w-70 {
  width: 70%;
}
/* Nav bar */
.logo {
  width: 120px;
  height: 120px;
  float: left;
}
#header.header-transparent #header-wrap #logo {
  top: 0;
}
.language img {
  width: 20px;
  margin-right: 5px;
}
#mainMenu nav > ul > li > a {
  color: #000;
}
.language {
  display: block;
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
}
nav.navbar ul {
  list-style: none;
}
#mainMenu nav {
  float: unset;
  margin-right: 0;
  width: 100%;
  height: 100vh;
  text-align: center;
  display: flex;
}
#mainMenu nav li a {
  font-size: 1.8rem;
  line-height: normal;
  color: #fff;
  font-weight: 500;
  text-shadow: 0px 0px 10px #20202050;
}

.banner.cate-slide .owl-dots {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: auto;
  z-index: 99999;
}

.dropdown-menu {
  position: unset;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: unset;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: center;
  background-color: transparent;
  border: unset;
  border: 1pxsolidrgba (0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: unset;
  box-shadow: 0 6px 12pxrgba (0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.nav-link {
  display: block;
  padding: 1rem 1rem;
}

header .scial-list ul li {
  display: inline-block;
}
header .scial-list {
  width: 100%;
  text-align: center;
}
header .scial-list i:hover {
  color: #fff;
}
header .contact-list li a span {
  vertical-align: 2.5px;
}
.scial-list ul {
  padding: 0;
}

.language ul {
  list-style: none;
}
#mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li.current > span,
#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.hover-active > span,
#mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span,
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span {
  color: #737373;
  background: var(--main-bg-color);
}

.dropdown-backdrop {
  display: none;
}
.top-menu-item.tb-language .dropdown-list {
  margin-top: -5px;
}
#mainMenu nav > ul.main > li.dropdown.active a:before,
#mainMenu nav > ul > li > a:hover:before,
#mainMenu li.dropdown-submenu a:hover:before {
  content: "";
  position: absolute;
  background: #a21983;
  width: 80%;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#mainMenu nav > ul.main > li.dropdown.active ul a:before {
  display: none !important;
}

li.dropdown-submenu a:before {
  display: none;
}
#mainMenu nav > ul > li > a {
  font-family: "Prompt", sans-serif !important;
  font-size: 1.05rem;
  font-weight: 500;
}
#mainMenu nav > ul > li .dropdown-menu > li.current > a,
#mainMenu nav > ul > li .dropdown-menu > li.current > span,
#mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
#mainMenu nav > ul > li .dropdown-menu > li.hover-active > span,
#mainMenu nav > ul > li .dropdown-menu > li:active > a,
#mainMenu nav > ul > li .dropdown-menu > li:active > span,
#mainMenu nav > ul > li .dropdown-menu > li:focus > a,
#mainMenu nav > ul > li .dropdown-menu > li:focus > span,
#mainMenu nav > ul > li .dropdown-menu > li:hover > a,
#mainMenu nav > ul > li .dropdown-menu > li:hover > span {
  color: #1d3472 !important;
}
#mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li.current > span,
#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.hover-active > span,
#mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span,
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span {
  color: #c50b9b;
  background: var(--main-bg-color);
}
#mainMenu nav > ul > li .dropdown-menu {
  border-radius: 0px;
}
#mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu {
  margin-left: 10px;
  left: 100%;
  top: -5px;
}
#mainMenu nav > ul > li .dropdown-menu > li > a {
  border-bottom: 3px solid #fff;
  transition: all 0.1s;
}
#mainMenu nav > ul > li .dropdown-menu > li > a:hover {
  border-bottom: 3px solid #1d3472;
}
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
#mainMenu nav > ul > li .dropdown-menu > li > a,
#mainMenu nav > ul > li .dropdown-menu > li > span {
  padding: 12px 20px 12px 5px;
}

.dropdown-menu a {
  font-size: 1.4rem !important;
  font-weight: 200 !important;
}
i.fas.fa-chevron-down {
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 0.5rem;
  position: absolute;
  top: 0;
  margin-left: 5px;
  color: #8d8d8d;
}

.lang {
  float: right;
}
.fa-angle-down:before {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 0.7rem;
}

.icon-menu i.fa-solid.fa-bars {
  font-size: 1.5rem;
  color: #fff;
}
.mainmenu-slide {
  float: right;
}

.invisible {
  position: fixed;
  visibility: hidden;
}

.dropdown-toggle::after {
  display: unset;
  margin-left: 0.5rem;
  vertical-align: 0.3rem;
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 1rem;
  border-top: unset;
  border-right: unset;
  border-bottom: unset;
  border-left: unset;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #243846;
}

#close {
  opacity: 0;
}
/*div#labelContainer .container {
  position: relative;
  padding: 0;
  width: 1650px;
}*/

div#labelContainer .container {
    position: relative;
    padding: 0;
    width: 1320px;
    max-width: 1360px !important;
}
#labelContainer,
#menuTogglerLabel,
#mainMenuTogglerSystem {
  z-index: 999;
  cursor: pointer;
  position: absolute;
  /*width: 100%;*/
}
div#labelContainer {
  width: 100%;
  height: 100px;
  margin-top: 2rem;
}
label#menuTogglerLabel {
    right: 2rem;
    height: 100px;
    display: flex;
    align-items: center;
}
#mainMenuTogglerSystem {
  margin: 20px 20px 0px 0px;
  right: 0;
  position: fixed;
  display: grid;
  padding: 20px 20px 20px 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 100%;
  border-color: #ffffff;
  transition-property: all;
  transition-duration: 0.5s;
}

.rowToggle {
  display: inline-flex;
}

.navigationContainer {
  z-index: 998;
  position: fixed;
  top: -100%;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #3b4955e6;
  transition: all;
  transition-duration: 0.3s;
}

.bodyMain {
  position: fixed;
  width: 100%;
  height: 100vh;
  transition: all;
  transition-duration: 0.3s;
  transition-delay: 0.1s;
  /* transition-timing-function: cubic-bezier(1, 0, 0.3, 0.5); */
}

#desc {
  padding: 0px;
  width: 100%;
  height: 30px;
  margin: 45vh 0px 45vh 0px;
  font-size: 10vh;
  text-align: center;
}

.navigationContainer.shownav {
  top: 0;
  /* backdrop-filter: blur(5px); */
}

/* .navigationContainer {
  background: #3a4955d6;
  backdrop-filter: blur(6px);
} */

.mainmenu {
  /* position: absolute; */
  /* z-index: 999; */
  /* right: 0; */
  font-size: 1.6rem;
  color: #fff;
  text-shadow: 0px 0px 0px #20202050;
}

/* Nav bar */

/* Banner */
.owl-carousel .owl-nav .owl-next {
  right: 10px;
}
.owl-carousel .owl-nav .owl-prev {
  left: 10px;
}
.owl-carousel .owl-nav [class*="owl-"] {
  opacity: 1 !important;
}
.banner-style-10.owl-carousel .owl-nav [class*="owl-"] i {
  color: #ffffff;
}
.banner-style-10.owl-carousel .owl-nav [class*="owl-"] {
  background-color: #fff0;
}

.banner-style-10 .owl-dots {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  filter: brightness(0.5);
}
.frame-banner {
  position: absolute;
  z-index: 2;
}
.owl-carousel .owl-nav [class*="owl-"] {
  width: 42px;
  height: 42px;
  line-height: 42px;
  margin: -23px 0 0;
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  color: #ffffff;
  background-color: #aebbc7;
  text-align: center;
  z-index: 200;
  border: 2px solid #aebbc7;
  box-sizing: initial;
  opacity: 0;
  border-radius: 50%;
}
.owl-carousel .owl-nav [class*="owl-"]:hover {
  background-color: #91a0ae;
  border-color: #91a0ae;
  color: #000 !important;
}
/* Banner */

#header {
  width: 100%;
  z-index: 199 !important;
  height: 80px;
  line-height: 80px;
  position: absolute;
}

/* About */
section.about {
  padding: 0;
}
img.maske {
  position: absolute;
  z-index: 1;
}
.top-layer {
  position: absolute;
  width: inherit;
  /* bottom: 3rem; */
  z-index: 3;
}
.bt-3 {
    bottom: 10rem;
    margin-left: 4rem;
}
.t-3 {
  top: 3rem;
}
.t-4 {
  top: 4rem;
}
.t-5 {
  top: 5rem;
}
.t-1_5 {
  top: 1.5rem;
}
section.board.our-bussines-list h3,
section.board.our-bussines-list p {
  margin-bottom: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: transparent;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: transparent;
}
.tab-board-our-team h2.h-sec:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 30px solid transparent;
  border-right: 30px solid #79858b;
  border-bottom: 0px solid transparent !important;
  position: inherit;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 1rem;
}
.tab-board-our-team h2.h-sec {
  font-size: 1.8rem;
}
ul#pills-tab {
  justify-content: end;
}
section.board-our-team li.nav-item.active {
  border-bottom: 1px solid #fff;
  border-radius: 0;
}

section.board-our-team-v2 h2.h-sec:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 30px solid transparent;
  border-right: 30px solid #79858b;
  border-bottom: 0px solid transparent !important;
  position: inherit;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 1rem;
}

section.board-our-team-v2 h2.h-sec {
  width: fit-content;
  display: block;
  border-bottom: 1px solid;
}

.text-right.just-right {
  justify-content: right;
  -webkit-justify-content: flex-end;
  display: flex;
  margin-right: 0rem;
}

section.board-our-team-v2 .carousel {
  transform: scale(1.2);
  margin-top: 9rem;
}

/* img.posit-bottom.w-100 {
  position: absolute;
  bottom: -2rem;
} */

/* section.vis-miss .col-md-5.p-0 {
  height: -webkit-fill-available;
  position: relative;
} */

section.vis-miss .col-right {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 59%;
}

section.vis-miss .col-left {
  width: 78%;
}

section.board-our-team-v2 .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: unset;
}

section.board-our-team-v2 .news-item {
  position: relative;
}

.img-team {
  position: absolute;
  width: 86% !important;
  height: auto !important;
  right: -7rem;
  z-index: 1;
  bottom: 0px;
}

/* About */

/* Policy */

/* Policy */

/* Our Business */
section.our-bussines {
  padding: 0px;
}
.news-list.list-col-4 ul li {
  width: 21%;
}
section.our-bussines-list .skew-img {
  transform: skew(-38deg, 0);
  overflow: hidden;
  width: 250px;
  height: 300px;
  position: relative;
  right: 0;
  left: 4rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.our-bussines-list .skew-img img {
  transform: skew(38deg, 0);
  /* position: absolute; */
  width: 485px;
  /* top: -30%; */
  /* left: -30%; */
}

section.our-bussines-list {
  height: 765px;
  padding: 0;
}

section.our-bussines-list .news-detail {
  width: 85%;
  margin-left: -3rem;
  text-align: center;
}

.col-md-3.m-t-l {
    margin-top: 5rem;
    margin-left: -70px;
    margin-right: 40px;
}

.news-detail h3 {
  color: #fff;
}
section.our-bussines-list .news-detail h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.3rem;
}

section.our-bussines-list .top-layer.t-5 {
  display: flex;
  align-items: center;
  height: -webkit-fill-available;
  top: 0rem;
}
/* Our Business */

/* Contact */
section.contact {
  /* height: 560px; */
  padding: 0;
  position: relative;
}

section.contact .scial-list ul {
  padding: 0;
  margin: 0;
}

.w-r {
  width: 86%;
  margin: auto;
  margin-left: 32px;
}
section.contact .skew-img img {
  transform: skew(42deg, 0);
  /* position: absolute; */
  width: 570px;
  /* top: -30%; */
  /* left: -30%; */
}
section.contact .skew-img {
  transform: skew(-42.5deg, 0);
  overflow: hidden;
  width: 300px;
  height: 300px;
  position: relative;
  right: 0;
  left: 7rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid #ccc; */
  border: 1px solid #79858b;
  background: #79858b;
}

/* section.contact .top-layer-2 {
  position: absolute;
  width: inherit;
  z-index: 3;
  display: flex;
  align-items: center;
  height: -webkit-fill-available;
} */

section.contact .top-layer-2 {
  position: absolute;
  width: inherit;
  /* bottom: 3rem; */
  z-index: 3;
  display: flex;
  align-items: center;
  height: 100%;
}

section.contact .scial-list i {
  color: #3b4955;
}
/* Contact */

/* Page About */
section.corporate {
  padding: 0;
}
section.org {
  padding: 0;
}
section.time-line {
  padding-bottom: 0;
  padding-top: 130px;
}
section.vis-miss {
  padding: 0;
}
.t-l-box {
  text-align: center;
}
.t-l-box h4.year {
  color: #fff;
  margin-bottom: 0px;
}
.t-l-box h4.name-pj {
  color: #fff;
  margin-bottom: 0;
}
.t-l-box.top {
  padding-bottom: 0rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 200px;
}
.t-l-box.bottom {
  padding-top: 0rem;
  position: relative;
  display: flex;
  justify-content: center;
  height: 200px;
  align-items: flex-end;
}
.t-l-box p {
  margin-bottom: 0;
}
.top-layer.t-0 {
  top: 0;
}

.t-l-box.top:before {
  content: "";
  width: 50px;
  height: 100px;
  position: absolute;
  background-image: url(../img/tl-top.png);
  background-size: 57%;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  bottom: -35px;
}

.t-l-box.bottom:before {
  content: "";
  width: 50px;
  height: 100px;
  position: absolute;
  background-image: url(../img/tl-bottom.png);
  background-size: 57%;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  top: 0px;
}

.bg-time-line {
  background: #475966;
  padding: 30px 0px;
  position: relative;
}
/* section.time-line .banner:before {
  content: "";
  width: 100%;
  height: 25px;
  position: absolute;
  background: #2e3b46;
  left: 0;
  top: 46%;
} */

section.time-line .carousel.owl-theme.owl-loaded:before {
  bottom: 0;
  content: "";
  position: absolute;
  width: 97%;
  height: 30px;
  background: url(../img/line-slide.png);
  background-size: cover;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  z-index: inherit;
}
img.icon-tl {
  width: 30px !important;
  text-align: center;
  display: block;
  margin: auto;
}

/* section.vis-miss .bg-section {
  height: 700px;
} */

section.org .col-left {
  display: flex;
  justify-content: center;
  align-items: end;
  -webkit-align-items: flex-end;
  width: 50%;
}

section.org .col-right {
  width: 89%;
}

/* section.vis-miss .bg-section:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../img/frame-vision.png);
  background-size: 100%;
  z-index: 1;
} */

/* Page About */

/* Page Category */
.banner.cate-slide .owl-dots {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: auto;
  z-index: 99999;
}
a.btn-downl {
  color: #fff;
  text-decoration: underline;
}
.banner.cate-slide .carousel:before {
  content: "";
  background-image: url(../img/frame-cate-slide.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.banner .banner-style-10.carousel:before {
  content: "";
  background-image: url(../img/frame-banner.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

section.sec-cate-list:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 500px;
  background-image: url(../img/bg-cate-list.png);
  top: 0;
  background-size: 100%;
}

/* Page Category */

/* Careers */
section.careers.sec-padding-lr:before {
  content: "";
  background-image: url(../img/line-slide-2.png);
  background-size: 100%;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
}
/* .position {padding: 0px 50px;} */
.accordion .ac-title {
  position: relative;
  padding: 20px 30px 20px 15px;
  font-size: 1.3rem;
  line-height: 22px;
  font-weight: 400;
  cursor: pointer;
  background-color: transparent;
  margin-bottom: 2px;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.accordion .ac-content {
  overflow: hidden;
  color: #fff;
  font-family: "Outfit";
  font-weight: 300;
}
.ac-item.ac-active h5:before {
  transform: rotate(90deg);
}
a.btn-trans {
  color: #fff;
  right: 0;
  position: absolute;
  bottom: 1rem;
}
.form-group {
  margin-bottom: 15px;
  position: relative;
}
/* .join-team-form {padding: 0px 50px;} */
.form-group.attached-file label {
  background: transparent;
  border: unset;
  border-bottom: 1px solid;
  border-radius: unset;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  left: 0;
  right: unset;
  bottom: 2px;
  z-index: 3;
  display: block;
  height: auto;
  padding: inherit;
  line-height: 1.5;
  color: #495057;
  content: "Choose File";
  background-color: transparent;
  border-left: inherit;
  border-radius: 0;
  border: 1px solid #ccc;
}
.n-flex {
  display: block;
}
.join-team-form h5 {
  color: #fff;
}
input[type="file"] {
  display: block;
  color: #fff;
}
.form-group.attached-file input::-webkit-file-upload-button {
  border: 1px solid #ccc;
  background: transparent;
  color: #fff;
  font-family: "Outfit";
  padding: 3px 15px;
  margin-right: 2rem;
}

.form-group.attached-file input::-webkit-file-upload-button:hover {
  color: #000;
  background-color: #ccc;
}
.form-group.attached-file {
  border-bottom: 1px solid #a8a8a8;
  padding-bottom: 0.6rem;
}

/* Careers */

/* Contact */
section.contact-page {
  background-image: url(../img/bg-contact-page.png);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
}
.form-group label {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 4px;
  text-transform: unset;
  font-size: 13px;
  font-weight: 400;
}
.form-control {
  height: auto;
  line-height: 1.33333;
  padding: 8px 18px;
  border: unset;
  border-bottom: 1px solid #a8a8a8;
  background: transparent !important;
  margin-bottom: 6px;
  background: transparent;
  border-radius: 0;
  color: #fff !important;
  font-weight: 300;
  font-family: "Outfit";
}
.contact-form .form-row {
  display: block;
}
.btn-about {
  margin-top: 2.5rem;
}
.btn-about a {
  color: #fff !important;
}

div#myPopup {
  display: none;
}
.popup-area {
  position: fixed;
  /* background: #3b4955e8; */
  background: #3b49559c;
  width: 100%;
  left: 0;
  height: -webkit-fill-available;
  top: 0;
  z-index: 999 !important;
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-area .inner {
  background: #2f3e4a;
  text-align: center;
  padding: 25px;
  box-shadow: 0px 0px 20px #20202020;
}
.popup-area h2 {
  color: #fff;
  margin-bottom: 10px;
}

.popup-area a.btn {
  background: transparent !important;
  border: 1px solid #ccc;
  color: #fff;
  border-radius: 0px;
  padding: 10px 3rem;
  line-height: normal;
}
/* Contact */

/* News */
.news-list ul {
  padding: 0;
  list-style: none;
}
.news-list ul li {
  display: inline-block;
  width: 27%;
  padding: 5px;
}

.scial-list ul li {
  list-style: none;
}
.skew-img .scial-list {
  text-align: right;
  transform: skewX(42deg) scale(1.8);
}

.skew-img {
  transform: skew(-42deg, 0);
  overflow: hidden;
  width: 300px;
  height: 300px;
  position: relative;
  right: 0;
  left: 8rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.skew-img img {
  transform: skew(42deg, 0);
  /* position: absolute; */
  width: 585px;
  /* top: -30%; */
  /* left: -30%; */
}

.news-detail .date {
  margin-top: 0.5rem;
}

.skew-img img {
  transform: skew(42deg, 0);
  /* position: absolute; */
  width: 200%;
  /* top: -30%; */
  /* left: -30%; */
}

section.sec-cate-list:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 500px;
  background-image: url(../img/bg-cate-list-2.png);
  bottom: 0;
  background-size: 100%;
}
section.sec-cate-list:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 900px;
  background-image: url(../img/bg-cate-list-2.png);
  bottom: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}
p.date {
  margin-bottom: 5px;
}
.news-detail h5 {
  color: #fff;
}
.bg-button.bf-border:before {
  background: transparent;
  border: 1px solid #ccc;
}
.btn-loadmore {
  width: fit-content;
  margin: auto;
}

/* News */

/* Projec Detail */
.news-detail h5 {
  line-height: initial;
  margin-top: 10px;
  font-weight: 500;
}
section.h-project {
  padding: 0;
}
section.gallery .news-list ul li,
section.facilities .news-list ul li {
  width: 25%;
}
section.gallery .skew-img,
section.facilities .skew-img {
  transform: skew(-42deg, 0);
  overflow: hidden;
  width: 270px;
  height: 300px;
  position: relative;
  right: 0;
  left: 10rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.board-our-team-v2 .skew-img {
  transform: skew(-42deg, 0);
  overflow: hidden;
  width: 200px;
  height: 200px;
  position: relative;
  right: 0;
  left: 10rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
}

section.board-our-team-v2 .news-list ul li {
  width: 18.5%;
}

section.board-our-team-v2 .news-detail {
  margin-left: 4rem;
  width: 100%;
}

section.gallery .skew-img img,
section.facilities .skew-img img {
  transform: skew(42deg, 0);
  position: absolute;
  width: 200% !important;
  height: 200%;
  /* top: -30%; */
  /* left: -30%; */
}
section.h-project h3 {
  font-size: 2rem;
  margin-left: 1rem;
}
section.gallery .owl-dots,
section.facilities .owl-dots {
  position: absolute !important;
  bottom: 0;
  right: 0 !important;
}

section.gallery .owl-carousel .owl-nav .owl-next,
section.facilities .owl-carousel .owl-nav .owl-next {
  right: 11rem;
  margin-top: -2rem;
}

section.time-line {
  background-image: url(../img/bg-timeline.png);
  background-position: top;
  background-size: 100%;
}

section.gallery .owl-carousel .owl-nav .owl-prev,
section.facilities .owl-carousel .owl-nav .owl-prev {
  left: 8.5rem;
  margin-top: -2rem;
}

img.w-icon {
  width: 45px;
}
ul.service-list li {
  display: inline-block;
  width: 33%;
  margin-bottom: 10px;
}
ul.service-list li .flex {
  align-items: center;
}
ul.service-list {
  padding: 0;
  list-style: none;
}
ul.service-list .flex p {
  margin: 0;
}
ul.service-list .icon {
  margin: 0;
  margin-right: 1rem;
}
p.n-loca {
  font-size: 1.3rem;
  margin-bottom: 10px;
  margin-top: 6px;
}

.table-room-rate table {
  width: 100%;
}
.table-room-rate table td,
.table-room-rate table th {
  text-align: center !important;
  padding: 20px;
}
table h5 {
  color: #fff;
}
.table-room-rate table th {
  /* padding-bottom: 1rem; */
  display: inline-block;
  width: 24.5%;
}
.table-room-rate table tr {
  border-bottom: 1px solid #76858b;
  width: 100% !important;
  display: inline-block;
}
.table-room-rate table td p {
  margin: 0;
}
.table-room-rate table td {
  width: 24.5%;
  display: inline-block;
}

section.room-rate {
  padding-top: 0;
}

.pj-gg-map,
.pj-address {
  width: 50%;
}
.pj-address .flex {
  justify-content: center;
  align-items: center;
  padding: 80px 0px;
}

.reservation .bg-button {
  position: relative;
  width: fit-content;
  margin: auto;
}
.pj-address {
  text-align: center;
}
section.pj-map {
  padding: 0;
}
hr.hr-short {
  width: 20%;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
section.near-by {
  padding: 0;
}
section.arking:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  background: #475867;
  top: 0;
}
.splide__arrow:hover:not(:disabled) svg {
  fill: #3b4955;
}

.splide {
  margin: 0 auto;
}

.thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
}

.thumbnail {
  width: 70px;
  height: 70px;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
  opacity: 0.3;
}

.thumbnail.is-active {
  opacity: 1;
}

.thumbnail img {
  width: 100%;
  height: auto;
}

section#main-slider {
  padding: 0;
}
.splide__arrow svg {
  fill: #ffffff;
  height: 1.5em;
  transition: fill 0.2s linear;
  width: 2.5em;
}
.splide img {
  width: 100%;
}

section#main-slider {
  width: 100% !important;
  max-width: 100% !important;
}

section#main-slider li {
  width: 100% !important;
  height: 100% !important;
}
.album-detail-box {
  padding: 50px 30px;
  background: #465765;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 70%;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 3rem;
  box-shadow: 0px 0px 0px 600px #20202090;
  height: 90vh;
  overflow: auto;
}

.close-album-detail {
  text-align: end;
  background: #465765;
  color: #fff;
  /* position: absolute; */
  right: 0;
  font-size: 1.8rem;
  font-weight: 100;
  z-index: 999;
  padding-bottom: 1rem;
}

/* .album-detail-box.album-1-detail.show {
  position: fixed;
  z-index: 999 !important;
  width: 90%;
  left: 0;
  right: 0;
  top: 5rem;
  margin: auto;
} */
/* Projec Detail */

/* News Detail */
.h-news p {
  margin: 0;
}
.h-news h3 {
  color: #fff;
}
.h-news {
  border-left: 3px solid #fff;
  padding-left: 2rem;
  margin-bottom: 2rem;
}
.content-news img {
  width: 100%;
  margin: 1.5rem 0px;
}
/* News Detail */

/* footer */
footer p,
footer h4 {
  color: #fff;
}
footer {
  padding: 40px 0 20px 0;
  background: #475868;
}
img.img-footer {
  width: 150px;
}
footer .scial-list ul {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: left;
}
footer .scial-list ul li {
  display: inline-block;
}

.scial-list i {
  font-size: 2rem;
  background: #fff;
  padding: 9px;
  border-radius: 50%;
  width: 3.3rem;
  height: 3.3rem;
  text-align: center;
}
.scial-list {
  text-align: right;
}
.col-md-3.ft-right.flex {
  justify-content: end;
  align-items: center;
}
#goToTop {
  border-radius: 0;
  z-index: 999;
  height: 45px;
  width: 45px;
  bottom: 0rem !important;
}

.scial-list i {
  font-size: 2rem;
  background: transparent;
  padding: 9px;
  border-radius: 50%;
  width: 3.3rem;
  height: 3.3rem;
  text-align: center;
  color: #7b8b99;
  border: 1px solid;
}
.ft-ser a {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: initial;
}
.copy-right p {
  margin-top: 1rem;
}
.policy a p {
  margin-top: 1rem;
}

.contact-list ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.contact-list ul li a {
  color: #fff;
}
.contact-list span i {
  font-size: 1.6rem;
  border: 1px solid;
  padding: 9px;
  /* margin-bottom: 1rem; */
  margin-right: 6px;
  border-radius: 50%;
  vertical-align: middle;
}
.contact-list ul li {
  margin-bottom: 1rem;
}
.contact-list li i {
  color: #7b8a99 !important;
}
.hide-sec {
  display: none;
}
section#cookies-priv {
  background: #ffffff9e;
  padding: 20px;
  position: fixed;
  bottom: 25px;
  right: 0;
  left: 0;
  width: 95%;
  margin: auto;
  border-radius: 5px;
  backdrop-filter: blur(5px);
  box-shadow: 0px 5px 13px 0px #00000052;
  z-index: 999;
}
section#cookies-priv p {
  margin-bottom: 10px;
  color: #000;
}
.cookies .col-md-3.flex {
  justify-content: center;
  align-items: center;
}
.btn-cookies a {
  font-size: 1rem !important;
  font-weight: 500;
  padding: 6px 15px;
  margin: 2px;
  border: 1px solid;
}
.btn-cookies a#accept {
  border-color: #475867;
  background-color: #3b4955;
  color: #fff;
}

.gg-map iframe {
  margin-bottom: -10px;
}
/* footer */

.our-bussines-list .col-md-3:hover {
  transform: scale(0.9);
  z-index: 999;
}

.our-bussines-list .col-md-3 {
  transition: all 0.3s;
}

@media (min-width: 2350px) and (max-width: 2560px) {
  .bt-3 {
    bottom: 30rem;
    margin-left: 10rem;
  }
  .t-5 {
    top: 14rem;
  }
  .w-r {
    width: 86%;
  }
  section.board-our-team-v2 .carousel {
    transform: scale(2.2);
    margin-top: 23rem;
  }
  section.board-our-team-v2 .owl-carousel .owl-controls .owl-dots {
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    right: 9rem !important;
  }
}

@media (min-width: 2000px) and (max-width: 2340px) {
  .bt-3 {
    bottom: 20rem;
    margin-left: 10rem;
  }
  .t-5 {
    top: 14rem;
  }
  .w-r {
    width: 86%;
  }
  section.board-our-team-v2 .carousel {
    transform: scale(2.2);
    margin-top: 23rem;
  }
  section.board-our-team-v2 .owl-carousel .owl-controls .owl-dots {
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    right: 9rem !important;
  }
}

@media (min-width: 1600px) and (max-width: 1920px) {
  section.vis-miss .top-layer.t-5 {
    top: 12rem;
  }
  section.board-our-team-v2 .top-layer.t-5 {
    top: 11rem !important;
  }
  section.board-our-team-v2 .top-layer.t-5 {
    top: 16rem !important;
  }
  .container {
    width: 1400px;
  }
  section.board-our-team-v2 .carousel {
    transform: scale(1.2);
    margin: auto;
    margin-top: 9rem;
    /* margin-left: -5rem; */
  }
  .top-layer {
    position: absolute;
    width: inherit;
    /* bottom: 3rem; */
    z-index: 3;
    left: 0;
    right: 0;
    margin: auto;
  }
  .img-team {
    position: absolute;
    width: 73% !important;
    height: auto !important;
    right: -8rem;
    z-index: 1;
    bottom: 0px;
  }
  section.board-our-team-v2 .skew-img {
    /*width: 220px;*/
    width: 240px;
    height: 200px;
    position: relative;
    right: 0;
    left: 12rem;
  }
  .w-r {width: 87%;}
}

@media (min-width: 1600px) and (max-width: 1800px) {
  section.board-our-team-v2 .top-layer.t-5 {
    top: 11rem !important;
  }
}

@media (min-width: 1401px) and (max-width: 1599px) {
  section.vis-miss .top-layer.t-5 {
    top: 7rem;
  }
  section.board-our-team-v2.gallery.p-0 .top-layer.t-5 {
    top: 8.5rem;
  }
}

@media (max-width: 1400px) {
  body {
    width: 1540px;
    font-size: 13px;
  }
  #mainMenu nav li a {
    font-size: 1.5rem;
  }
  div#labelContainer {
    width: 1500px;
    height: 100px;
  }
  section.board-our-team-v2 .carousel {
    transform: scale(1.2);
    margin-top: 13rem;
  }
  section.board-our-team-v2 .skew-img {
    left: 9rem;
  }
}

@media (min-width: 1340px) and (max-width: 1380px) {
  body {
    width: inherit;
    font-size: 13px;
  }
  section.board-our-team-v2.gallery.p-0 .t-5 {
    top: 1rem;
  }
  section.board-our-team-v2.gallery.p-0 .owl-carousel .owl-controls .owl-dots {
    margin-bottom: 20px;
    margin-top: 20px;
    right: 10rem !important;
    position: relative;
  }
  div#labelContainer {
    width: 100%;
    height: 100px;
  }
  .w-r {
    width: 86%;
    margin: auto;
    margin-left: 14px;
  }
}

@media (max-width: 1200px) {
  div#labelContainer {
    /*width: 1170px;*/
    height: 100px;
  }

  .col-md-3.m-t-l {
    margin-top: 5rem;
    margin-left: -8.3rem;
    margin-right: -0.7rem;
  }

  .our-bussines-list .row {
    /* justify-content: center; */
    /* margin-right: -11rem; */
    transform: translateX(5rem);
  }

  .w-r {
      margin-left: 55px;
      width: 83.5%;
      margin-left: 3.6rem;
  }
  /* body {width: 1540px;} */
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1300px !important;
    padding: 0 !important;
    width: 100% !important;
  }
  section.board-our-team-v2.gallery.p-0 .top-layer {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
  }
  section.board-our-team-v2 .carousel {
    margin-top: 11rem;
  }
  .img-team {
    position: absolute;
    width: 73% !important;
    height: auto !important;
    right: -8.5rem;
    z-index: 1;
    bottom: 0px;
  }
  section.board-our-team-v2 .carousel {
    margin-top: 13rem;
    width: 100%;
  }
  section.board-our-team-v2 .skew-img {
    left: 11rem;
  }
/*  .w-r {
    margin-left: 55px;
  }*/
  section.contact .skew-img {
    transform: skew(-42.5deg, 0);
    overflow: hidden;
    width: 340px;
    height: 322px;
    position: relative;
    right: 0;
    left: 7rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #79858b;
    background: #79858b;
  }
}

@media (max-width: 991px) {
  body {
    width: 1540px;
    transform: scale(1) !important;
    font-size: 13px;
  }
  .col-md-6 {
    width: 50%;
  }
  footer .col-md-3 {
    width: 25%;
  }
  div#labelContainer {
    width: 1500px;
    height: 100px;
  }
  .container {
    padding: 0 150px;
  }
  footer .col-md-4 {
    width: 33%;
  }
  section.board-our-team-v2.gallery.p-0 .top-layer {
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
  }
  .our-bussines-list .col-md-3 {
    width: 24%;
  }
  section.contact .col-md-4 {
    width: 33.2%;
  }
  .col-md-4 {
    width: 25%;
  }
  .col-md-9 {
    width: 75%;
  }
  .dropdown-backdrop {
    display: none;
  }
  section#cookies-priv .col-md-3 {
    width: 25%;
  }
  section.contact .skew-img {
    left: 8rem;
  }
  section.board-our-team-v2 .carousel {
    transform: scale(1.05);
    margin-top: 11rem;
  }
  .img-team {
    right: -10rem;
    width: 80% !important;
  }
  section.contact .skew-img {
    transform: skew(-42.5deg, 0);
    overflow: hidden;
    width: 356px;
    height: 336px;
    position: relative;
    right: 0;
    left: 7rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #ccc; */
    border: 1px solid #79858b;
    background: #79858b;
  }

  section.board-our-team-v2 .skew-img {
    left: 12rem !important;
  }
  section.board-our-team-v2 .skew-img {
    transform: skew(-42deg, 0);
    overflow: hidden;
    width: 230px !important;
    height: 200px;
    position: relative;
    right: 0;
    left: 10rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
  }

  section.board-our-team-v2 .carousel {
    transform: scale(1.05);
    margin-top: 12rem;
    margin-left: 1rem;
  }

  #wrapper {
    height: inherit !important;
    overflow-y: unset !important;
    scroll-snap-type: unset !important;
    scroll-behavior: unset !important;
  }

  #wrapper section {
      scroll-snap-align: unset !important;
      scroll-behavior: unset !important;
      scroll-snap-stop: unset !important;
  }
}

@media (max-width: 768px) {
  .w-r {
    width: 80%;
    margin: auto;
    margin-left: 32px;
  }
}

section.about .bt-3 {
  bottom: initial;
  top: 60%;
  margin-left: 2rem;
}
@media (max-width: 1920px) {
  section.about .bt-3 {
  }
}
section.contact .skew-img{
  width: 310px;
}
@media (max-width: 991px) {
  section.contact .skew-img{
    width: 346px;
  }
}
section.our-bussines-list .skew-img{
  width: 258px;
}
section.contact .skew-img{
  transform: skew(-43deg, 0)
}
.full-url{
  position: relative;
}
.asp{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}
.asp > * ,.full-url a{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.asp-16b9 {
  --tw-aspect-w: 16;
  --tw-aspect-h: 9;
}
.asp-16b8-9 {
  --tw-aspect-w: 16;
  --tw-aspect-h: 8.9;
}

.asp-1312b841 {
  --tw-aspect-w: 1311;
  --tw-aspect-h: 841;
}

div#labelContainer{
  right:1.3rem
}

optgroup{
  color: #000;
}
p{font-size:19pt;}
.cookies p,.address p,.copy-right p,.policy p,p.location{font-size : 14px}