   @font-face {
       font-family: "dm-sans-semibold";
       src: url("https://document-tc.galaxy.tf/wdttf-88oo7ecqo696lmj4d62zwy1pp/dm-sans-semibold.ttf");
   }

   @font-face {
       font-family: "dm-sans-regular";
       src: url("https://document-tc.galaxy.tf/wdttf-7j4eyuktdgkcbcy62pe8n1ggw/dm-sans-regular.ttf");
   }

   @font-face {
       font-family: "dm-sans-extra-bold";
       src: url("https://document-tc.galaxy.tf/wdttf-91enfnq5atg5yz3il80rdg87h/dm-sans-extra-bold.ttf");
   }

   @font-face {
       font-family: "dm-sans-bold";
       src: url("https://document-tc.galaxy.tf/wdttf-dkiph0rdct9hpaz3trolrdpwq/dm-sans-bold.ttf");
   }

   @font-face {
       font-family: "dm-sans-black";
       src: url("https://document-tc.galaxy.tf/wdttf-dkoiorflryeh7y1jb9oxz08cq/dm-sans-black.ttf");
   }

   .main-wrapper-footer {
       /* height: 0px; */
       background-color: inherit;
   }

   .footer-wrapper {
       position: relative;
       /* top: 520px; */
       background-color: inherit;
   }

   .main-footer .content-item {
       width: 100%;
   }

   .footer-btn {
       background: none;
       border-radius: 0px;
       border: none;
       padding: 0px;
       cursor: pointer;
       margin: 0px;
       text-decoration: none;
       min-width: 180px;
       max-height: 40px;
       display: flex;
       justify-content: center;
       align-items: center;
       text-transform: uppercase;
       font-weight: normal;
       width: fit-content;
   }

   .link-read-more,
   .link-read-less {
       position: relative;
       display: inline-flex;
       margin: 0px;
       text-decoration: none;
       padding-bottom: 3px;
       transition: all 350ms ease-out;
       padding-inline-end: 19px;
       line-height: 1.375rem;
       font-size: .875rem;
       letter-spacing: 0px;
       color: #000;
       font-family: "dm-sans-semibold", serif;
       cursor: pointer;
   }

   .text-link {
       position: relative;
       display: inline-flex;
       margin: 0px;
       text-decoration: none;
       overflow: hidden;
       padding-inline: .5px;
       transition: all 350ms ease-out;
       line-height: 1.25rem;
       font-size: .875rem;
       letter-spacing: 0px;
       color: #262626;
       font-family: "dm-sans-semibold", serif
   }

   @media(min-width: 768px) {
       .text-link {
           font-size: .9375rem;
           line-height: 1.25rem;
           letter-spacing: 0px
       }
   }

   .text-link::after,
   .text-link::before {
       content: "";
       position: absolute;
       width: 100%;
       height: 1px;
       top: 15.8px;
       background: currentColor;
       transition: all 350ms ease-out
   }

   @media(min-width: 768px) {

       .text-link::after,
       .text-link::before {
           top: 16.8px
       }
   }

   .text-link::after {
       left: 0%
   }

   .text-link::before {
       left: -115%
   }

   @media(hover: hover) {
       .text-link:hover::before {
           left: 0;
           z-index: 10;
           background: currentColor
       }

       .text-link:hover::after {
           left: 115%;
           background: currentColor
       }
   }

   .text-link.light {
       color: #fff
   }

   .text-link.light::after,
   .text-link.light::before {
       background: currentColor
   }

   @media(hover: hover) {
       .text-link.light:hover::before {
           background: currentColor
       }

       .text-link.light:hover::after {
           background: currentColor
       }
   }

   .main-footer {
       width: 100%;
       position: relative;
       z-index: 2;
       background-color: #fff;
       border-block-start: 1px solid rgba(0, 0, 0, .1)
   }

   .main-footer .footer-scroll-top {
       cursor: pointer;
       width: 40px;
       height: 40px;
       display: flex;
       border: 2px solid #000;
       border-radius: 50%;
       flex-direction: column;
       background-color: rgba(0, 0, 0, 0);
       justify-content: center;
       align-items: center;
       row-gap: 4px;
       margin-block-end: 42px
   }

   .main-footer .footer-scroll-top .btn-line {
       display: flex;
       width: 10px;
       height: 2px;
       background-color: #000
   }

   .main-footer .footer-scroll-top svg {
       width: 12px;
       height: 12px;
       transition: .3s all
   }

   .main-footer .footer-scroll-top svg path {
       fill: #000
   }

   @media(hover: hover) {
       .main-footer .footer-scroll-top:hover svg {
           transform: translateY(-2px)
       }
   }

   @media(min-width: 992px) {
       .main-footer .footer-scroll-top {
           position: absolute;
           top: 95px;
           right: 15px;
           z-index: 3;
           margin-block-end: unset
       }
   }

   @media(min-width: 1200px) {
       .main-footer .footer-scroll-top {
           right: 40px
       }
   }

   @media(min-width: 1440px) {
       .main-footer .footer-scroll-top {
           right: 95px
       }
   }

   .main-footer .footer-wrapper {
       display: flex;
       flex-direction: column
   }

   @media(min-width: 992px) {
       .main-footer .footer-wrapper {
           flex-direction: row
       }
   }

   .main-footer .content-item {
       width: 100%
   }

   @media(min-width: 992px) {
       .main-footer .content-item.left-container {
           width: 32.639%
       }
   }

   @media(min-width: 992px) {
       .main-footer .content-item.middle-container {
           width: 33.334%
       }
   }

   @media(min-width: 992px) {
       .main-footer .content-item.right-container {
           width: 34.027%
       }
   }

   .main-footer .footer-logo {
       width: 127px;
       height: auto;
       margin-block-end: 31px
   }

   @media(min-width: 992px) {
       .main-footer .footer-logo {
           width: 152px;
           margin-block-end: 25px
       }
   }

   .main-footer .left-container {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       padding-block-start: 49px;
       padding-block-end: 29px
   }

   @media(min-width: 992px) {
       .main-footer .left-container {
           padding-block-start: 97px;
           padding-block-end: 111px;
           padding-inline-start: min(4.94vw, 70px);
           padding-inline-end: min(2.083vw, 30px);
           align-items: start;
           justify-content: start
       }
   }

   @media(min-width: 992px) {
       .main-footer .left-container {
           padding-inline-start: min(6.94vw, 100px)
       }
   }

   .main-footer .left-container .inner-wrapper {
       display: flex;
       flex-direction: column;
       align-items: center
   }

   @media(min-width: 992px) {
       .main-footer .left-container .inner-wrapper {
           align-items: start
       }
   }

   .main-footer .right-container {
       background-repeat: no-repeat;
       background-size: cover;
       background-position: right
   }

   .main-footer .right-container .inner-wrapper {
       padding-block-start: 35px;
       padding-block-end: 85px
   }

   @media(min-width: 992px) {
       .main-footer .right-container {
           padding-block-start: 97px;
           padding-block-end: 111px
       }

       .main-footer .right-container .inner-wrapper {
           padding-block-start: unset;
           padding-block-end: unset
       }
   }

   .main-footer .icons-wrp {
       display: flex;
       justify-content: center;
       column-gap: 16px
   }

   @media(min-width: 992px) {
       .main-footer .icons-wrp {
           column-gap: 10px
       }
   }

   .main-footer .icons-wrp .footer-icon {
       width: 25px;
       height: 25px
   }

   @media(hover: hover) {
       .main-footer .icons-wrp .footer-icon:hover svg {
           transform: scale(1.1)
       }
   }

   .main-footer .icons-wrp .footer-icon svg {
       width: 100%;
       height: 100%;
       transition: .3s all
   }

   .main-footer .icons-wrp .footer-icon.trip svg .cls-3 {
       fill: #020202
   }

   .main-footer .footer-title {
       text-transform: uppercase;
       line-height: 1.5625rem;
       font-size: .8125rem;
       letter-spacing: 1px;
       color: #000;
       font-family: "dm-sans-bold", sans-serif
   }

   .main-footer .contact {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       padding-block: 44px;
       border-block-start: 1px solid rgba(0, 0, 0, .1)
   }

   @media(min-width: 992px) {
       .main-footer .contact {
           padding-block: 0 11px;
           border-block-start: none;
           border-inline-start: 1px solid rgba(0, 0, 0, .1);
           justify-content: start;
           align-items: start;
           padding-inline-start: min(7.88vw, 100px);
           padding-inline-end: min(2.47vw, 30px)
       }
   }

   @media(min-width: 1200px) {
       .main-footer .contact {
           padding-inline-start: min(8.88vw, 128px);
           padding-inline-end: min(3.47vw, 50px)
       }
   }

   .main-footer .middle-container .contact {
       margin-inline: 20px
   }

   @media(min-width: 992px) {
       .main-footer .middle-container .contact {
           margin-inline: unset
       }
   }

   @media(min-width: 992px) {
       .main-footer .middle-container {
           padding-block-start: 97px;
           padding-block-end: 111px
       }
   }

   .main-footer .contact-wrapper {
       margin-block-start: 16px;
       margin-block-end: 40px
   }

   @media(min-width: 992px) {
       .main-footer .contact-wrapper {
           margin-block-start: 11px;
           margin-block-end: 60px
       }
   }

   .main-footer .connect-us {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center
   }

   @media(min-width: 992px) {
       .main-footer .connect-us {
           justify-content: start;
           align-items: start
       }
   }

   .main-footer .connect-us .footer-title {
       margin-block-end: 20px
   }

   .main-footer .footer-address {
       text-align: center;
       line-height: 1.25rem;
       font-size: .8125rem;
       letter-spacing: 0px;
       color: #000;
       font-family: "dm-sans-semibold", serif
   }

   @media(min-width: 992px) {
       .main-footer .footer-address {
           text-align: left;
           margin-block-end: 15px
       }
   }

   .main-footer .copyright {
       text-align: center;
       line-height: .9375rem;
       font-size: .6875rem;
       letter-spacing: 0px;
       color: #000;
       font-family: "dm-sans-regular", sans-serif
   }

   @media(min-width: 992px) {
       .main-footer .copyright {
           text-align: left;
           flex-direction: column;
           margin-block-start: 0
       }
   }

   .main-footer .copyright p {
       margin-block: 0
   }

   .main-footer .copyright p a {
       line-height: .9375rem;
       font-size: .6875rem;
       letter-spacing: 0px;
       color: #000;
       font-family: "dm-sans-regular", sans-serif;
       text-decoration: underline;
   }

   .main-footer .copyright.copyrights-dt {
       display: none
   }

   @media(min-width: 992px) {
       .main-footer .copyright.copyrights-dt {
           display: flex
       }
   }

   @media(min-width: 992px) {
       .main-footer .copyright.copyrights-mb {
           display: none
       }
   }

   .main-footer .contact-item {
       display: flex;
       column-gap: 15px;
       align-items: center
   }

   .main-footer .contact-item svg {
       width: 15px;
       height: 15px
   }

   .main-footer .contact-link {
       line-height: 1.875rem;
       font-size: .8125rem;
       letter-spacing: 0px;
       color: #000;
       font-family: "dm-sans-semibold", serif
   }

   .main-footer .contact-link.text-link::after {
       top: 20.8px
   }

   .main-footer .contact-link.text-link::before {
       top: 20.8px
   }

   .main-footer .discover-more {
       display: flex;
       flex-direction: column;
       align-items: center;
       padding-bottom: 15px
   }

   /* .main-footer .discover-more[data-readmore-expanded=true] .read-more-wysiwyg {
       opacity: 1
   } */

   /* .main-footer .discover-more[data-readmore-expanded=true] .readmore-btn .icon {
       transform: rotate(180deg);
       bottom: 30%;
       top: auto
   }

   .main-footer .discover-more[data-readmore-expanded=true] .read-more-wysiwyg {
       opacity: 0;
       padding-bottom: 25px;
   } */

   .main-footer .discover-more .read-more-wysiwyg {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    }

    .main-footer .discover-more[data-readmore-expanded="false"] .read-more-wysiwyg {
    opacity: 1;
    max-height: 200px;
    padding-bottom: 25px;
    }

    .main-footer .discover-more[data-readmore-expanded="true"] .readmore-btn .icon {
    transform: rotate(180deg);
    }

   @media(min-width: 992px) {
       .main-footer .discover-more[data-readmore-expanded=true] .read-more-wysiwyg {
           opacity: 1
       }
   }

   @media(min-width: 992px) {
       .main-footer .discover-more {
           align-items: start;
           padding-inline-start: min(5.55vw, 80px)
       }
   }

   @media(min-width: 1200px) {
       .main-footer .discover-more {
           padding-inline-start: 118px
       }
   }

   .main-footer .discover-more[data-readmore-expanded=false]+.copyright {
       margin-block-start: -10px
   }

   .main-footer .discover-more[data-readmore-expanded=true]+.copyright {
       margin-block-start: 21px
   }

   .main-footer .read-more-wysiwyg {
       display: flex;
       flex-direction: column;
       overflow: hidden;
       justify-content: center;
       align-items: center
   }

   @media(min-width: 992px) {
       .main-footer .read-more-wysiwyg {
           margin-block-start: 13px;
           align-items: flex-start
       }
   }

   .main-footer .readmore-btn .icon {
        right: 10px;
        top: 50%;
        padding-left: 10px;
   }

   .main-footer .readmore-btn .text {
       font-size: .8125rem;
       letter-spacing: 1px;
       line-height: 1.5625rem
   }

   @media(hover: hover) {
       .main-footer .readmore-btn:hover .icon {
           top: 63%
       }
   }

   @media(min-width: 992px) {
       .main-footer .readmore-btn {
           cursor: auto;
           justify-content: flex-start
       }

       .main-footer .readmore-btn .icon {
           display: none
       }

       .main-footer .readmore-btn .text::before {
           position: unset
       }

       .main-footer .readmore-btn .text::after {
           position: unset
       }
   }

   .main-footer .footer-text-link {
       text-decoration: none;
       cursor: pointer;
       text-align: center;
       width: fit-content;
       position: relative;
       line-height: 1.875rem;
       font-size: .8125rem;
       letter-spacing: 0px;
       color: #000;
       font-family: "dm-sans-regular", sans-serif
   }

   @media(min-width: 992px) {
       .main-footer .footer-text-link {
           text-align: left
       }
   }

   .main-footer .footer-text-link.current::after {
       opacity: 1;
       width: 100%
   }

   .main-footer .footer-text-link::after {
       content: "";
       position: absolute;
       left: 0;
       right: 0;
       bottom: 4px;
       width: 0%;
       height: 2px;
       border-bottom: 1px solid #000;
       transition: all .3s;
       opacity: 0
   }

   @media(hover: hover) {
       .main-footer .footer-text-link:hover::after {
           opacity: 1;
           width: 100%
       }
   }

   .footer-booking-btn {
       position: fixed;
       border-bottom-right-radius: 0;
       border-bottom-left-radius: 0;
       padding-block: 17px;
       top: auto;
       bottom: 0;
       z-index: 10;
       width: 100%;
       height: auto;
       max-height: unset
   }

   @media(min-width: 992px) {
       .footer-booking-btn {
           display: none
       }
   }
