:root {
   --primary-color: #a1a468;
   --secondary-color: #d79a2b;
   --tertiary-color: #df6a2e;
   --dark-color: #000000;
   --white-color: #ffffff;
   --radius: 20px;
   --line-height: 1.5;
   --font-family: "GothamSSm";
   --secondary-font: "GothamSSm";
   --faq-btn: url("../images/svg/arrow-down-right.svg");
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-Black.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-Black.woff") format("woff");
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-LightItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-LightItalic.woff") format("woff");
   font-weight: 300;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-BlackItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-BlackItalic.woff") format("woff");
   font-weight: 900;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-BookItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-BookItalic.woff") format("woff");
   font-weight: normal;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-Light.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-Light.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-Bold.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-BoldItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-BoldItalic.woff") format("woff");
   font-weight: bold;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-Book.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-Book.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-BlackItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-BlackItalic.woff") format("woff");
   font-weight: 900;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-Black.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-Black.woff") format("woff");
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-MediumItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-MediumItalic.woff") format("woff");
   font-weight: 500;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-Medium.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-Bold.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-XLight.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-XLight.woff") format("woff");
   font-weight: 200;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Condensed";
   src: url("../fonts/gotham/GothamCondSSm-XLightItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamCondSSm-XLightItalic.woff") format("woff");
   font-weight: 200;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-Book.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-Book.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-Light.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-Light.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-LightItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-LightItalic.woff") format("woff");
   font-weight: 300;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-MediumItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-MediumItalic.woff") format("woff");
   font-weight: 500;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-BookItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-BookItalic.woff") format("woff");
   font-weight: normal;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-Medium.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-BoldItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-BoldItalic.woff") format("woff");
   font-weight: bold;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm";
   src: url("../fonts/gotham/GothamSSm-BlackItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamSSm-BlackItalic.woff") format("woff");
   font-weight: 900;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm";
   src: url("../fonts/gotham/GothamSSm-Black.woff2") format("woff2"),
      url("../fonts/gotham/GothamSSm-Black.woff") format("woff");
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-XLight.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-XLight.woff") format("woff");
   font-weight: 200;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm Narrow";
   src: url("../fonts/gotham/GothamNarrSSm-XLightItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamNarrSSm-XLightItalic.woff") format("woff");
   font-weight: 200;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm";
   src: url("../fonts/gotham/GothamSSm-Bold.woff2") format("woff2"),
      url("../fonts/gotham/GothamSSm-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm";
   src: url("../fonts/gotham/GothamSSm-LightItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamSSm-LightItalic.woff") format("woff");
   font-weight: 300;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm";
   src: url("../fonts/gotham/GothamSSm-BoldItalic.woff2") format("woff2"),
      url("../fonts/gotham/GothamSSm-BoldItalic.woff") format("woff");
   font-weight: bold;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "GothamSSm";
   src: url("../fonts/gotham/GothamSSm-Light.woff2") format("woff2"),
      url("../fonts/gotham/GothamSSm-Light.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

* {
   margin: 0;
   padding: 0;
}
p {
   line-height: var(--line-height);
   font-size: 1rem;
}
li {
   font-size: 1rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input::placeholder,
textarea::placeholder {
   color: white;
}

body {
   width: 100%;
   font-family: "GothamSM", Helvetica Neue, Helvetica, sans-serif !important;
   margin: 0 auto;
   font-weight: 400;
   color: var(--dark-color);
   background: var(--dark-color);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
   overflow-x: hidden !important;
   line-height: var(--line-height);
}
/* header css */
header a {
   text-decoration: none;
   color: var(--white-color);
   font-size: 15px;
}
header .active i {
   color: var(--tertiary-color);
}
header .active,
header li a:hover,
.current-menu-item a:hover,
.current-menu-item a {
   color: var(--tertiary-color);
}
header li {
   list-style-type: none;
}
header i {
   color: var(--white-color);
}
header .logo {
   padding: 1.5rem 0;
   display: flex;
}
header .logo img {
   max-width: 150px;
}
.main-navigation li {
   position: relative;
}
.btn {
   border-radius: 0;
   padding: 0.5rem 2rem;
   font-weight: 600;
   border: 0;
}
.bg-animation {
   left: 0;
   top: 0;
}
.hero_section {
   height: 600px;
}
.hero video {
   width: 100vw;
   margin-top: -10%;
}
.custom-nav-buttons button {
   font-size: 2.4rem;
}
.hero_section {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-size: cover !important;
   background-position: bottom !important;
}
.btn-primary {
   background: #ffffff;
   font-size: 0.9rem;
   font-weight: normal;
}
.card {
   border-radius: 0;
   border: 0;
}
/* Plans Css */
.plans .card {
   display: block;
}
.plans .card h2 {
   background-color: var(--dark-color);
   color: var(--white-color);
   padding: 1rem 1.5rem;
   width: auto;
   display: inline-block;
   position: relative;
}
.plans li {
   list-style-type: none;
   font-weight: 800;
   margin-bottom: 0.5rem;
}
.plans ul {
   border-bottom: 1px solid #cacaca;
}
.premium h2::after,
.executive h2::after {
   content: "";
   background: var(--dark-color);
   height: 20px;
   width: 90%;
   position: absolute;
   bottom: -10px;
   left: 0;
   margin: auto;
   right: 0;
}
.partners .item img {
   max-width: 140px;
}
.partners h2 {
   font-size: 22px;
}

.footer_with_bg {
   background-size: cover !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
}

/* Footer Css */
.last_footer_links a {
   font-weight: 400;
}
.last_footer_links a {
   line-height: 25px;
   font-size: 0.9rem;
}
.testimonial .item {
   height: 420px;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: center !important;
}
.testimonial .item::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 40%);
}
.testimonial .author {
   bottom: 0;
   z-index: 9;
}
.testimonial h3 {
   background: var(--dark-color);
   display: inline-block;
   margin-bottom: 0;
   font-size: 32px;
   font-weight: 500;
   padding: 0.5rem 2rem 0 0;
   min-width: 200px;
}
.testimonial h2 {
   width: 60%;
   font-size: 2rem;
   position: relative;
   z-index: 9;
}
.testimonial p {
   background: var(--dark-color);
   margin: 0;
   padding: 0.5rem 1.5rem 10px 0;
}

.features .card {
   height: 550px;
}
.large::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 26%);
}
.features .card_content {
   bottom: 0;
}
.card_content,
.additionaltext {
   z-index: 9;
}
.card_content h2 {
   background: var(--dark-color);
   margin: 0;
   padding: 1rem 1rem 0 0;
   font-weight: 600;
   font-size: 28px;
}

.card_content span {
   background: var(--dark-color);
   margin: 0;
   padding: 0;
   display: inline-block;
}
.large .card_content h2 {
   width: 190px;
}
.mini .card_content {
   background: var(--dark-color);
   width: 100%;
   height: 105px;
}
.mini .card_content span {
   font-weight: 600;
}
.large .card_content span {
   font-size: 28px;
   display: inline-block;
   min-width: 240px;
   font-weight: 600;
}
.card_content a {
   text-decoration: none;
   color: var(--white-color);
   height: 100%;
}
.big-slider .owl-nav button {
   background: transparent !important;
   border: 0;
   padding: 1rem 0;
}
.additionaltext {
   width: 35%;
   right: 2rem;
   top: 2rem;
   font-weight: 500;
}
.icon {
   width: 35px;
   height: 35px;
   background: var(--white-color);
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--dark-color);
   margin-bottom: 0.2rem;
}
.icon .card_content {
   width: 100%;
}
.autowidth_cards_slides .owl-stage {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100% !important;
   gap: 1.5rem;
}
.autowidth_cards_slides .owl-item {
   flex-grow: 1;
}
.owl-carousel .owl-stage:after {
   display: none;
}
.values .card {
   background-repeat: no-repeat !important;
   height: 310px;
   border: 1px solid #ffffff54;
   padding-bottom: 1.5rem;
   justify-content: center;
}
.values .card i {
   font-size: 32px;
   margin-bottom: 1rem;
}
.values .btn {
   background: transparent;
   color: var(--white-color);
   padding: 0;
}
.values .card h3 {
   font-weight: 600;
   margin-bottom: 2rem;
}
.flexibility {
   background-size: cover !important;
}
.community,
.sustainability {
   background-size: 100% !important;
   background-position: center !important;
}
.innovations {
   background-size: 90% !important;
   background-position: center !important;
}
/* oom Card */
.rooms .card {
   background: transparent;
}
.rooms .card a {
   color: var(--white-color);
   text-decoration: none;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 0.6rem;
   height: 100%;
}
.rooms .card p {
   font-size: 16px;
   line-height: 25px;
   font-weight: 500;
   margin: 0;
}
.rooms .card h2 {
   font-size: 22px;
   margin: 0;
   font-weight: 600;
}
.rooms .number {
   top: 2rem;
   right: 0;
   background-color: var(--white-color);
   font-weight: 600;
   color: #4a5568;
   font-weight: 600;
   width: 200px;
}
.search_holder {
   color: #4a5568;
}
.rooms .number i {
   padding-right: 0.5rem;
}
.office_image {
   height: 280px;
}
.office_image img {
   object-fit: cover;
}
.back {
   color: #4a5568;
}

footer a:hover {
   color: var(--tertiary-color);
}
footer a {
   text-decoration: none;
   color: var(--white-color);
}
footer li {
   list-style-type: none;
}
footer h6 {
   margin-bottom: 1rem;
}
footer h2 {
   font-size: 1.8rem;
   /* line-height: 2.8rem; */
   margin: 0 0 1rem 0;
}
footer p {
   font-size: 0.9rem;
}
.socilas li a {
   font-size: 0.9rem;
}
.newsletter input {
   background: transparent;
   border: none;
   border-bottom: 1px solid #ccc;
   min-width: 450px;
   padding: 1rem 0;
   outline: none !important;
   color: var(--white-color);
}
.footer_with_bg i {
   font-size: 32px;
}
.newsletter h6 {
   font-size: 1.5rem;
}
.footer_with_bg::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 40%);
}
#datepicker {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   cursor: pointer;
}
#datepicker.visible {
   opacity: 1;
   pointer-events: auto;
   position: relative;
   width: 110px;
   color: #4a5568;
   padding: 0 5px;
   border-radius: 5px;
   border: 1px solid #4a5568;
}
.availability {
   position: relative;
}
.availability .text {
   width: 100px;
}
.form-select {
   box-shadow: none;
}
.large-features-holder {
   height: 600px;
   position: relative;
   background-size: cover !important;
   background-position: center center !important;
}
.large-features .container {
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: center !important;
}
.large-features .owl-theme::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 40%);
}
.content_bg {
   bottom: 0;
   left: 0;
}
.content_bg h1,
.content_bg h2,
.content_bg h3,
.content_bg h4,
.content_bg h5 {
   display: inline-block;
   padding: 0.8rem 2rem 0.5rem 0;
   font-size: 1.6rem;
   text-transform: capitalize;
}
.content_bg h2 {
   padding-top: 1.5rem;
}
.large-features .card {
   background-size: cover !important;
   background-position: center !important;
   height: 340px;
   width: 440px;
   background: #00000036;
   backdrop-filter: blur(15px);
}
.large-features .card h2 {
   font-size: 16px;
}
.large-features .owl-nav {
   border: 0;
   height: 70%;
   top: 10%;
}
.large-features .owl-stage-outer {
   z-index: 9;
}
.icon-heading {
   display: block;
   position: absolute;
   bottom: 0;
   right: 0;
}
.owl-theme .owl-nav {
   z-index: 9;
}
.owl-theme .owl-nav .disabled {
   filter: blur(1.3px);
   -webkit-filter: blur(1.3px);
}
.chat {
   position: fixed;
   bottom: 4rem;
   right: 2rem;
   z-index: 999;
   background: var(--white-color);
   color: var(--white-color);
   border-radius: 100%;
   width: 50px;
   height: 50px;
   cursor: pointer;
}
.hero_section h1 {
   color: var(--white-color);
   font-size: 2.8vw;
   font-weight: 400;
}
.hero_section p {
   font-size: 1rem;
   margin: 0;
}
.global-search {
   background: rgb(130 130 130 / 19%);
   border-radius: 0px 20px 20px 0;
   box-shadow: 0 4px 30px rgb(0 0 0 / 0%);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
}
.global-search select {
   border: 0;
   background-color: transparent;
   color: #fff;
   width: auto;
   border: 0;
   border-right: 1px solid #fff;
   border-radius: 0;
   min-width: 280px;
   font-size: 18px;
   outline: none !important;
   box-shadow: none !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   background-image: url(../images/svg/select-down.svg);
   background-repeat: no-repeat;
   background-position-x: 88%;
   background-position-y: 13px;
}
.global-search input {
   box-shadow: none !important;
   border: none !important;
   outline: none;
   font-size: 18px;
}
.global-search button {
   color: var(--dark-color);
}
.banner-serach-btn {
   color: var(--white-color) !important;
   font-size: 26px;
}
.global-search input::placeholder,
.newsletter input::placeholder {
   color: #ffffff66;
}
.btn-white {
   color: var(--dark-color);
   padding: 0.5rem 2rem;
   border: 2px solid #ffffff;
   background: transparent;
   color: #fff;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 0.7rem;
   letter-spacing: 2px;
}
.drop-down[aria-expanded="true"] .fa-angle-down {
   display: none;
}
.drop-down[aria-expanded="false"] .fa-angle-up {
   display: none;
}
.sec-nav {
   position: absolute;
   top: 4rem;
   left: 0;
   background: #000;
   padding: 1rem;
   min-width: 250px;
   border-top: 2px solid var(--tertiary-color);
   z-index: 9;
}
.sec-nav a {
   font-weight: 700;
   padding-bottom: 0.6rem;
   display: block;
}
.btn-read-more {
   text-decoration: none;
   color: var(--white-color);
   font-weight: 700;
}
.banner-text .container {
   height: 450px;
   background-size: cover !important;
   background-position: center !important;
}
.banner-text .container-full {
   height: 450px;
   background-size: cover !important;
   background-position: center !important;
}
.banner-text .content_bg h1,
.banner-text .content_bg h2 {
   font-size: 2.2rem;
   text-transform: capitalize;
}
.banner-text .content_bg h1 {
   min-width: 200px;
}
.banner-text .content_bg h2 {
   padding-top: 0;
   min-width: 220px;
}
.owl-nav.disabled {
   display: none;
}
.solution .image-holder {
   /* height: 350px; */
   margin-bottom: 1rem;
   position: relative;
   max-width: 100px;
   /* padding-top: 100%; */
   overflow: hidden !important;
   align-items: center;
   justify-content: center;
   display: flex;
}
.solution .image-holder img {
   height: auto !important;
}
.unlocking i {
   font-size: 24px;
}
.unlocking h3 {
   font-size: 1rem;
   margin: 0;
}
.unlocking h2 {
   font-size: 1.5rem;
}
.unlocking .card {
   background-color: transparent;
   cursor: pointer;
}

.unlocking .card:hover i,
.unlocking .card:hover p {
   transform: scale(1.15, 1.15);
   -webkit-animation: 0.8s 0.1s fadeInDown both;
   animation: 0.8s 0.1s fadeInDown both;
}
.card:hover {
   transition: all ease-in-out 0.3s;
}
.values li {
   margin-bottom: 0.3rem;
   font-size: 0.9rem;
   list-style-type: none;
}
.values ul {
   padding-top: 0.5rem;
}
.values h2 {
   font-size: 2rem;
}
.values h3 {
   font-size: 0.9rem;
   font-weight: 600;
}
.values h4 {
   font-size: 1rem;
   line-height: 1.8rem;
}
.partner .card {
   background-color: transparent;
   border: 1px solid #ffffff5e;
   border-radius: 15px;
}
.partner .card button {
   background-color: var(--tertiary-color);
   width: 100%;
   border-radius: 20px;
   font-weight: 900;
   font-size: 0.9rem;
}
.partner form input,
.partner form select {
   background-color: transparent;
   border-radius: 0;
   border: 1px solid #fff;
   padding: 0.5rem 0.8rem;
   font-size: 0.8rem;
}
.partner label {
   font-size: 0.8rem;
}
.partner h2 {
   margin-bottom: 1rem;
   font-size: 1.2rem;
}
.faq h2 {
   margin: 0.4rem 0;
}

.accordion,
.accordion-item,
.accordion-button {
   background-color: transparent !important;
   outline: none !important;
   box-shadow: none !important;
}
.accordion-button {
   color: var(--white-color);
   padding: 10px;
   font-size: 1rem;
}
.accordion {
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
}
.accordion-button:not(.collapsed) {
   color: var(--tertiary-color);
}
.accordion-collapse {
   color: white;
   padding-bottom: 1.5rem;
}
.accordion-button::after {
   background-image: var(--faq-btn);
}
.accordion-body {
   background-color: transparent;
}
.our-features .card {
   background-color: transparent;
   border: 1px solid #ffffff5e;
   border-radius: 15px;
   color: var(--white-color);
   display: flex;
   flex-direction: column;
   gap: 1.3rem;
}
.our-features .card i {
   font-size: 2rem;
}
.our-features .card::after {
   content: "";
   background: rgb(255, 255, 255);
   background: linear-gradient(
      0deg,
      rgb(255 255 255 / 14%) 0%,
      rgb(255 255 255 / 19%) 51%,
      rgb(255 255 255 / 3%) 100%
   );
   width: 100%;
   width: 100%;
   height: 150px;
   position: absolute;
   bottom: 0;
   left: 0;
}
.our-features .card h3 {
   font-size: 22px;
}
.our-features .card ul {
   padding-left: 15px !important;
}
.event-holder {
   border-bottom: 1px solid #ffff;
}
.event-holder h2 {
   font-size: 3rem;
   font-weight: 600;
}
.pricing-details .card {
   border-radius: 20px;
   overflow: hidden;
   gap: 1rem;
   height: auto !important;
}

.pricing-details .card i {
   color: #d9d9d9;
   position: absolute;
   right: -10%;
   top: -10%;
   font-size: 13rem;
   opacity: 0.5;
}
.pricing-details .card h4 {
   font-weight: 600;
   font-size: 1.6rem;
}
.btn-black {
   background-color: var(--dark-color) !important;
   color: var(--white-color);
}
.top-hero .content_bg h2,
.top-hero .content_bg h1 {
   min-width: auto !important;
}
h1 sup {
   font-size: 11px;
   top: -3.5em;
   margin: 0 1rem 0 0;
}
.custom-nav li {
   opacity: 0.5;
}
.second-nav-holder .item {
   text-decoration: none;
   opacity: 0.8;
   text-align: center;
   font-size: 0.8rem;
   border-bottom: 1px solid #ffffff3d;
   padding-bottom: 0.5rem;
}
.custom-nav li.active {
   opacity: 1;
}
.custom-nav li.active .item {
   color: var(--tertiary-color) !important;
}
.second-nav-holder .item i {
   font-size: 18px;
}
.second-nav-holder .item:hover {
   color: var(--tertiary-color);
   display: block;
   cursor: pointer;
}
.second-nav-holder li:last-child a {
   border-right: 0;
}
.large-features .custom-nav {
   top: 0;
   right: 0;
   z-index: 9;
   padding: 1rem 2rem 0 0;
}
.custom-nav li {
   list-style-type: none;
}

.second-nav-holder a i {
   font-size: 1.4rem;
}
.large-features .second-nav-holder a {
   border-right: none;
}
.second-nav-holder a {
   align-items: center;
   text-decoration: none;
   justify-content: flex-start;
   align-items: center;
   text-align: center;
   font-size: 0.9rem;
}
.second-nav-holder .active,
.second-nav-holder a:hover {
   transition: all ease-in-out 0.3s;
   color: var(--tertiary-color) !important;
}
/* New css */
.large-features nav {
   background: #0000003d;
   backdrop-filter: blur(40px);
   overflow: hidden;
   border-radius: 20px;
   width: 110px;
   font-size: 0.9rem;
}
.large-features nav a {
   padding: 1.5rem 1rem;
}
.title-sub p {
   font-size: 1rem;
   margin-top: 1rem;
}

.bg-animation::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 70%);
}
.large-features .owl-item h2 {
   font-size: 1.4rem;
   margin-bottom: 0;
   font-weight: 300;
   font-family: var(--font-family);
}
.large-features .owl-item p {
   font-size: 0.9rem;
   text-align: center;
}
.btn-white:hover {
   background-color: var(--white-color) !important;
   color: var(--dark-color);
   transition: all ease-in-out 0.5s;
   border: 2px solid #ffffff;
}
.hero_section .dropdown-menu {
   backdrop-filter: blur(40px);
   color: #fff;
   background-color: #ffffff3b;
}
.hero_section .dropdown-menu.show {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
   padding: 1.2rem;
   width: 440px;
   border-radius: 0 !important;
   border: 0;
}
.hero_section .dropdown-menu .dropdown-item {
   padding: 0.5rem 0;
   font-size: 0.9rem;
   color: var(--white-color);
   border-bottom: 1px solid #ffffff52;
}
.hero_section .dropdown-menu .dropdown-item:hover,
.hero_section .dropdown-menu .dropdown-item:focus {
   color: var(--tertiary-color);
   background: transparent !important;
   transition: all ease-in-out;
   border-bottom: 1px solid var(--tertiary-color);
}
.hero_section .dropdown-toggle {
   background-color: #ffffff3b !important;
   backdrop-filter: blur(45px);
   padding: 0.8rem 1.5rem 0.8rem 1rem;
   width: 440px;
   text-align: left;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border: none;
   box-shadow: none;
   overflow: hidden;
   font-size: 0.8rem;
   font-family: var(--font-family);
   line-height: var(--line-height);
}

.dropdown-toggle::after {
   content: "\f002";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   padding-left: 1rem;
   border: 0;
   margin: 0;
   vertical-align: bottom;
   font-size: 16px;
}
.inside-left h2,
.inside-left h3 {
   padding-left: 8rem;
}
.large-features .content_bg h1,
.large-features .content_bg h2 {
   padding-left: 10%;
}
.large-features .content_bg h2 {
   padding-top: 5px;
   padding-bottom: 1rem;
}
.large-features .content_bg {
   z-index: 999 !important;
   display: block;
   height: 20%;
}
.iconography a {
   text-decoration: none;
   color: #fff;
   font-size: 0.8rem;
   font-family: "GothamSSm";
}
.iconography i {
   font-size: 2.1rem;
   margin-bottom: 3px;
}
.iconography svg {
   width: 36px;
   height: 36px;
}
.sticky {
   position: fixed;
   top: 0;
   z-index: 91;
   background: black;
   width: 100%;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   -webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
   animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
   z-index: 9;
   -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: all 0.3s;
}
.modal-header {
   border-bottom: 0;
   padding-bottom: 0.5rem;
}
.btn-close {
   font-size: 1.5rem;
   opacity: 1;
}

.inside-icons i {
   font-size: 2.2rem;
   padding: 0.6rem 0;
}
.inside-icons span {
   width: 42px;
}
.accordion-body {
   background-color: transparent;
   padding: 0.5rem;
}
.owl-dot {
   background: transparent;
   border: 0;
}
.owl-dot {
   background: transparent;
   border: 0;
}
.owl-theme .owl-dots .owl-dot.active span {
   background: #df6a2e;
}
#menuIcon {
   display: none;
}
#menu-main-menu.menu-main-menu-show {
   position: fixed;
   width: 216px !important;
   background: #000000;
   color: black;
   height: 100%;
   top: 0;
   left: 0;
   flex-direction: column;
   justify-content: center !important;
   align-items: center !important;
   gap: 2rem;
   bottom: 0;
   display: flex !important;
   -webkit-animation: 0.95s ease-in-out 0s normal both 1 running fadeInLeft;
   animation: 0.95s ease-in-out 0s normal both 1 running fadeInLeft;
   z-index: 9;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.right-nav .fa-circle-xmark {
   display: none;
}
.open .fa-bars {
   display: none;
}
.right-nav .open .fa-circle-xmark {
   display: block;
}
.right-nav #menuIcon {
   display: none;
}
@media screen and (max-width: 991px) {
   #menu-main-menu {
      display: none !important;
   }
   .right-nav #menuIcon {
      display: flex !important;
   }
}

@media screen and (max-width: 768px) {
   .values h2 {
      font-size: 1.3rem;
   }
   .title-sub p,
   footer p,
   .large-features .owl-item p,
   .hero_section p,
   .about-content p,
   .values h4 {
      font-size: 0.8rem;
   }
   .solution .image-holder {
      max-width: 70px;
   }
   .solution {
      margin: 0 0 1.5rem 0;
   }
   .newsletter {
      display: block !important;
      padding: 0 !important;
      min-height: 220px;
   }
   footer .logo {
      display: none !important;
   }
   .newsletter input {
      min-width: 100%;
   }
   footer .footer_video {
      flex-direction: row !important;
      justify-content: space-between;
      padding-top: 1rem;
   }
   .last_footer_links {
      width: 100%;
      padding: 0 0 1rem 0;
   }
   footer h2 {
      font-size: 2rem;
      line-height: 2rem;
      margin: 0 0 1rem 0;
   }
   .large-features .card {
      width: 100% !important;
   }
   .large-features .owl-item h2 {
      font-size: 1.1rem;
   }
   #menu-main-menu,
   .custom-nav,
   footer .content br {
      display: none !important;
   }
   .large-features .owl-dots {
      position: absolute;
      width: 100%;
      bottom: 1rem;
      z-index: 9;
      margin: 0 !important;
   }
   .large-features-holder {
      height: 480px;
   }
   .hero_section h1 {
      font-size: 2rem;
   }
   header .logo img {
      max-width: 120px;
   }
   .hero_section {
      height: 400px;
   }
   .hero video {
      width: 800px;
      margin-top: -10%;
      height: 500px;
      margin-left: -35%;
   }
   .bg-animation::after {
      top: -15px;
   }
   .iconography img {
      width: 40px;
   }
   .iconography svg {
      width: 26px;
      height: 26px;
   }
   .iconography i {
      font-size: 1.5rem;
      margin-bottom: 3px;
   }
   .partners {
      padding: 0 !important;
   }
   .banner-text .container {
      height: 300px;
   }
   .second-nav-holder a {
      font-size: 0.7rem;
   }
   .unlocking .mb-5 {
      margin-bottom: 1rem !important;
   }
   .pb-5 {
      padding-bottom: 1rem !important;
   }
   .right-nav .btn {
      font-size: 0.8rem;
      padding: 0.3rem 2rem;
   }
   #menuIcon {
      font-size: 22px;
      display: block !important;
   }
   .second-nav-holder {
      display: grid !important;
      grid-template-columns: auto auto auto auto;
   }
}
.btn-2 {
   background-color: var(--white-color);
   color: var(--dark-color);
   font-size: 0.9rem;
   border: 2px solid #ffffff;
   text-decoration: none;
   font-weight: normal;
   display: inline-flex;
   margin: 0.5rem 0;
}
.btn-2:hover {
   background-color: var(--primary-color);
   transition: all ease-in-out 0.4s;
   color: var(--white-color);
   border: 2px solid var(--secondary-color);
}
.content h4 {
   font-size: 1.3rem;
}
.plans .card {
   border-radius: 5px;
   width: 90%;
   margin: auto;
   min-height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.plans .card p {
   color: var(--dark-color);
   font-weight: 400;
   width: 80%;
   margin: 0 auto 1rem;
}
.plans .card h4 {
   font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   font-weight: bold;
}
.plans .card h4 span {
   display: block;
   background: #000;
   width: 30px;
   height: 2px;
}
.plans_cards_slides .owl-nav {
   display: flex;
   justify-content: space-between;
   position: absolute;
   width: 105%;
   top: 30%;
   left: -2.5%;
}
.owl-theme .owl-nav [class*="owl-"] {
   background: var(--white-color);
   color: #000;
   border-radius: 100%;
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: none;
}
.plans_cards_slides .owl-stage {
   width: 90%;
   margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;
}
.plans .owl-item.active.center .card {
   transition: all ease-in-out 0.3s;
   width: 100%;
   height: 200px;
   display: flex;
   align-items: center;
   justify-content: center;
}
footer {
   background: #121212;
}
.language-select .form-select {
   background: none;
   color: #fff;
   border: 0;
}
.socials a {
   font-size: 1.5rem;
}
.bg-blur {
   background: rgb(28 27 27 / 76%);
   border-radius: 0px 20px 20px 0;
   box-shadow: 0 4px 30px rgb(0 0 0 / 34%);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   margin-top: -8rem;
   border-radius: 15px;
   overflow: hidden;
}
.in-touch h2 {
   font-size: 22px;
   font-weight: 600;
   letter-spacing: normal;
}
.in-touch p {
   font-size: 0.9rem;
   line-height: 24px;
}
.in-touch input,
.in-touch textarea,
.in-touch input:focus,
.in-touch textarea:focus {
   background: transparent;
   color: #fff;
   border: 1px solid #ffffff33;
   background: #ffffff0d;
   font-size: 0.9rem;
}
.in-touch button {
   border-radius: 5px;
}
.in-touch h1 {
   font-size: 30px;
   font-weight: 400;
   line-height: 45px;
}
.in-touch input::placeholder,
.in-touch textarea::placeholder {
   color: #ffffff99;
}
.values_cards_slides .content h4 {
   font-weight: 600;
   font-size: 16px;
   color: #334756;
   margin-bottom: 1.5rem;
}
.values_cards_slides li,
.values_cards_slides p {
   color: #334756;
   font-weight: 400;
   font-size: 14px;
   letter-spacing: normal;
   margin-bottom: 0;
}
.values_cards_slides a {
   color: var(--tertiary-color);
   font-weight: 500;
   font-size: 14px;
   padding-bottom: 2px;
   border-bottom: 1px solid var(--tertiary-color);
   text-decoration: none;
}
.team-member {
   border-radius: 10px;
   overflow: hidden;
   border: 0.87px solid #c3c3c3;
}
.team-member li {
   list-style-type: none;
}

.team-member .content a {
   background: #d9d9d9;
   padding: 5px;
   display: flex;
   align-items: center;
   border-radius: 5px;
   font-size: 9px;
   text-decoration: none;
   color: #000;
}
.team-member .content a i {
   font-size: 16px;
}
.team-member .image-holder {
   height: 230px;
   position: relative;
   overflow: hidden;
   width: 100%;
}
.team-member .image-holder img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.team-member .content h4 {
   color: #454545;
}
.border-bottom {
   border-bottom: 1px solid #ffffff70;
}
.faqs h2 {
   font-size: 4rem;
}
.pic {
   width: 100%;
   height: 200px;
   overflow: hidden;
}
.pic img,
.pic2 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.pic2 {
   width: 100%;
   height: 400px;
   overflow: hidden;
}
.blur {
   background: rgb(28 27 27 / 74%);
   border-radius: 0px 20px 20px 0;
   box-shadow: 0 4px 30px rgb(0 0 0 / 34%);
   backdrop-filter: blur(1px);
   border-radius: 15px;
}
.custom-form input,
.custom-form select {
   background: transparent;
   color: #fff;
   border: 1px solid #ffffff;
   background: #ffffff0d;
   font-size: 0.9rem;
   padding: 1rem 0.5rem;
}
.custom-form input::placeholder {
   font-weight: bold;
   color: #ffffff55;
}
.custom-form label,
.custom-form select {
   font-weight: bold;
   font-size: 14px;
}
.custom-form .container-full {
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   position: relative;
}
.custom-form .container-full::after {
   content: "";
   display: block;
   background: #000000;
   background: linear-gradient(
      0deg,
      rgb(0 0 0 / 19%) 0%,
      rgb(0 0 0 / 36%) 100%
   );
   height: 120%;
   width: 100%;
   position: absolute;
   left: 0;
   top: -25px;
   transition: all ease-in-out 0.5s;
}
.custom-form .container {
   z-index: 2;
}
.custom-form {
   position: relative;
   overflow: hidden;
}
.custom-form button {
   color: #000;
   text-transform: uppercase;
   font-weight: 800;
   font-size: 16px;
   border-radius: 15px;
   min-width: 40%;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 55px;
}
.custom-form button:hover {
   background: var(--primary-color);
   transition: all ease-in-out 0.4s;
}
.form-check-input:checked + label,
input[type="checkbox"]:checked + label {
   color: var(--tertiary-color);
}
input[type="checkbox"]:checked + label i {
   color: green;
}
.position-relative:has(input:checked) label i {
   color: var(--tertiary-color);
}
.workspaces .image-holder h2 {
   position: absolute;
   bottom: 0;
   background: #000;
   margin: 0;
   padding: 0.5rem;
   min-width: 50%;
   font-size: 32px;
   z-index: 1;
}
.workspaces .image-holder {
   height: 400px;
   overflow: hidden;
   position: relative;
}
.image-holder img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.footer .btn {
   font-weight: bold;
}
.btn:hover {
   background: var(--tertiary-color);
}
.footer li {
   font-size: 0.9rem;
}
.hero_section .btn-white {
   background: var(--secondary-color);
   border: 2px solid var(--secondary-color);
   color: #000;
   font-weight: bolder;
}
.card:hover h4,
.card:hover ul li {
   -webkit-animation: 0.8s 0.1s fadeInDown both;
   animation: 0.8s 0.1s fadeInDown both;
   color: var(--white-color);
   color: var(--white-color);
   font-weight: bold;
}
.card:hover p {
   -webkit-animation: 1s 0.1s fadeIn both;
   animation: 1s 0.1s fadeIn both;
   color: var(--white-color);
   font-weight: bold;
}
.card:hover a {
   -webkit-animation: 0.8s 0.1s bounceInUp both;
   animation: 0.8s 0.1s bounceInUp both;
   color: var(--white-color);
   font-weight: bold;
   border: 1px solid var(--white-color);
   padding: 0.5rem 1rem;
   min-width: 30%;
   text-align: center;
}
.card:hover {
   background: var(--primary-color);
   color: var(--white-color);
   transition: all ease-in-out 0.5s;
}
.values_cards_slides .owl-item:first-child .card:hover {
   background: var(--tertiary-color);
   color: var(--white-color);
}
.values_cards_slides .owl-item:last-child .card:hover {
   background: var(--secondary-color);
   color: var(--white-color);
}
.card:hover .image-holder img {
   transform: scale(1.1);
   transition: all ease-in-out 1.5s;
}
.image-holder {
   overflow: hidden;
   width: 100%;
}
.big_slider_slides .owl-stage-outer,
.big_slider_slides .owl-stage,
.big_slider_slides .owl-item {
   height: 100%;
}
.new-flow {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #d79a2c;
   color: #000;
   font-size: 14px;
   text-decoration: none;
}
.new-flow li {
   list-style-type: none;
}
.new-flow li a {
   text-decoration: none;
   color: #fff;
}
.wpcf7-form-control.btn {
   color: #000;
   text-transform: uppercase;
   font-weight: 800;
   font-size: 16px;
   border-radius: 15px;
   min-width: 40%;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 55px;
   background: white;
}
.custom .owl-stage-outer,
.custom .owl-stage,
.custom .owl-item {
   height: 100%;
   display: flex;
}
.plans .card .plan_details p {
   width: 100% !important;
}
.workspaces .image-holder:hover h2 {
   background-color: var(--secondary-color);
   transition: all ease-in-out 0.5s;
}
.btn-close {
   color: var(--tertiary-color);
   opacity: 1;
   font-size: 2rem;
   padding: 0.5rem;
   background: transparent;
   border: none;
   position: absolute;
   right: 1rem;
}
.gallery-modal .modal-content {
   background: transparent;
   border: 0;
}
.gallery-modal {
   background: #00000080;
}
.submitted-message {
   color: #fff !important;
}

.hs-form *,
.modal-body label {
   box-sizing: border-box;
   color: #fff !important;
   font-size: 0.9rem !important;
}
.hs-form-d2e9cc77-f40f-49a8-bf2e-6160cba77184_f8eb8caa-ba20-4677-95d0-ec2bbebd4e4c
   .hs-form-field
   label:not(.hs-error-msg) {
   color: #fff !important;
   font-size: 0.9rem !important;
}
.my-custom-form label {
   color: #fff !important;
   font-size: 0.9rem !important;
}
